Zaprojektuj CSS za pomocą tego edytora aplikacji internetowych w stylu Adobe
Oprogramowanie Adobe jest znane na całym świecie przez projektantów w każdym wieku, ale nie bardziej niż Photoshop. Panele do edycji zdjęć czy cały shebang ma wszystko, czego potrzebujesz do budowania własnych projektów.
A teraz jest wolny edytor aplikacji internetowych, nazywa Warstwy, który naśladuje edytor warstw Photoshopa bezpośrednio w przeglądarce. Pozwala ci dynamicznie generuj kod CSS tak jakbyś pracował w Photoshopie.
Jeśli odwiedzisz strona konstruktora możesz przy nim majstrować, aby zobaczyć, jak to działa.
Okno przychodzi pięć różnych paneli stylów to wszystko naśladuje Photoshopa. Podążają za tymi samymi ustawieniami i tymi zaktualizuj natychmiast z polem demonstracyjnym na stronie.
Są to panele, które można wybrać z:
- Upuść cień
- Wewnętrzny cień
- tło
- Granica
- Promień graniczny
Wszystkie naśladują GUI Adobe, co sprawia, że to narzędzie jest tak zabawne dla projektantów. Dostajesz także kompletny kod CSS, wygenerowane za darmo.
Wystarczy kliknąć dolne lewe okienko oznaczone etykietą “Kod CSS” do zdobądź swój fragment. Zawiera wszystkie właściwości CSS3 dla wszystkiego, co wybrałeś.
A co najlepsze, ten projekt jest całkowicie open source i za darmo na GitHub, jeśli chcesz pobrać lokalną kopię. To nie tylko może być zabawne generowanie CSS, ale to także świetny sposób na naukę jak zbudować aplikację internetową.
Strona używa los z Biblioteki JavaScript, wraz z wtyczki jQuery. Został zbudowany przez dewelopera Felixa Niklasa, który uczynił to jako projekt poboczny.
Możesz znaleźć mnóstwo generatorów kodu gdzie indziej, ale ten jest naprawdę wyjątkowy. Jest to również najbardziej zabawna i chyba najfajniejsza aplikacja internetowa, jaką widziałem w tym roku.
Spójrz na Warstwy i zobacz, co myślisz. Możesz majstrować przy wersja na żywo na stronie demonstracyjnej i znajdź cały dostępny kod źródłowy za darmo na GitHub.
Lub, jeśli chcesz rozpowszechniać dzięki twórcy, możesz tweetować o swoich podziwach @mffx.
