Design CSS s tímto Adobe-Style Web App Editorem

Adobe software je světově proslulý designéry všech věkových kategorií, ale nic víc než Photoshop. PhotoShop editační panely jsou celé shebang se vším, co potřebujete k sestavení vlastních návrhů.

A teď je tam volný editor webových aplikací, volal Vrstvy, který napodobuje editor vrstev Photoshopu přímo ve vašem prohlížeči. To vám umožní dynamicky generovat CSS kód jako ve Photoshopu.

Pokud navštívíte stránka tvůrce můžete s ním pohrávat, abyste viděli, jak to funguje.

Okno přichází s pět různých styl panelů to vše napodobuje Photoshop. Sledují stejná nastavení a oni neprodleně aktualizovat s demo boxem na stránce.

Toto jsou panely, ze kterých si můžete vybrat:

1. Vrhat stín
2. Vnitřní stín
3. Pozadí
4. okraj
5. Hranice Radius

Všechny napodobují grafické uživatelské rozhraní Adobe, díky němuž je tento nástroj pro projektanty tak zábavný. Také dostanete kompletní kód CSS, generovány zdarma.

Stačí kliknout na levý dolní roh označený “Kód CSS” na dostat svůj úryvek. Dodává se se všemi vlastnostmi CSS3 pro vše, co jste vybrali.

A nejlepší ze všeho je tento projekt úplně open source a zdarma na GitHub, pokud chcete stáhnout lokální kopii. Nejen, že to může být zábava generování CSS, ale je to také skvělý způsob, jak se učit jak vytvořit webovou aplikaci.

Místo používá hodně z Knihovny JavaScriptu, spolu s jQuery pluginy. Byl postaven vývojářem Felixem Niklasem, který to vytvořil jako vedlejší projekt.

Můžeš najít spousta generátorů kódu jinde, ale tohle je opravdu jedinečné. Je to také nejzábavnější a možná nejlepší webová aplikace, kterou jsem v tomto roce viděl.

Podívejte se na LayerStyles a uvidíte, co si myslíte. Můžete si pohrávat s živá verze na demo stránce a najděte všech dostupných zdrojových kódů zdarma na GitHub.

Nebo, pokud chcete šířit díky tvůrci můžete tweet vaše obdiv @ mrflix.