CSS tervezése ezzel az Adobe-stílusú webalkalmazással

Az Adobe szoftvere világszerte ismert minden korosztályú tervezőtől, de nem több, mint a Photoshop. PhotoShop szerkesztő panelek az egész pásztor mindent tartalmaz, amire szükséged van az egyéni tervek megalkotásához.

És most van egy szabad webes alkalmazásszerkesztő, hívott LayerStyles, amely a Photoshop réteg szerkesztőjét utánozza a böngészőjében. Ez lehetővé teszi dinamikusan generálja a CSS kódot mintha Photoshopban dolgozol.

Ha meglátogatja a építő oldal tudod bűzölni vele, hogy lássa, hogyan működik.

Az ablak jön öt különböző stílusú panel hogy minden utánozza a Photoshopot. Ők ugyanazokat a beállításokat követik, és ők frissítsen azonnal egy demó mezővel az oldalon.

Ezek azok a panelek, amelyek közül választhat:

1. Árnyék
2. Belső árnyék
3. Háttér
4. Határ
5. Határsugár

Mindannyian az Adobe GUI-ját utánozzák, ami ezt az eszközt olyan szórakoztatóvá teszi a tervezők számára. Ön is megkapja a teljes CSS kód, ingyenesen generálható.

Egyszerűen kattintson a bal alsó sarokban lévő címkére “CSS kód” nak nek megkapja a részletét. Valamennyi CSS3 tulajdonsággal rendelkezik, amit választott.

És a legjobb az egészben, ez a projekt teljes nyílt forráskódú és ingyenes Ha a helyi másolatot szeretné letölteni, a GitHub-on. Ez nemcsak szórakoztató lehet generáló CSS, de ez egy nagyszerű módja a tanulásnak hogyan lehet webes alkalmazást építeni.

A webhely a sok nak,-nek JavaScript könyvtárak, együtt jQuery bővítmények. A fejlesztő Felix Niklas fejlesztője, aki ezt oldalsó projektnek tekinti.

Találhatod sok kódgenerátor máshol, de ez egyedülálló. Ez is a legszórakoztatóbb és talán a legcsodálatosabb webalkalmazás, amit eddig az idén láttam.

Vessen egy pillantást a LayerStyles-re és nézze meg, mit gondol. Meggyújthatja a élő verzió a demóoldalon és keresse meg az összes rendelkezésre álló forráskód ingyenesen a GitHub-on.

Vagy ha el akarod terjeszteni az alkotónak köszönhetően, megcsodálhatod a csodálatodat @mrflix.