Navrhnite CSS pomocou tohto Adobe-Style Web App Editor
Softvér spoločnosti Adobe je svetovo preslávený dizajnérmi všetkých vekových kategórií, ale nič viac ako Photoshop. Fotografické editovacie panely sú všetci shebang so všetkým, čo potrebujete na vytvorenie vlastných návrhov.
A teraz je tu zadarmo editor webových aplikácií, volal LayerStyles, ktorý napodobňuje editor vrstiev Photoshop priamo vo vašom prehliadači. To vám umožní dynamicky generovať kód CSS ako keby ste pracovali vo Photoshope.
Ak navštívite stránku stránka so staviteľmi môžete sa s ním zblázniť, aby ste videli, ako to funguje.
Okno prichádza s päť rôznych panelov štýlu že všetky napodobňujú Photoshop. Sledujú rovnaké nastavenia a oni aktualizovať okamžite s demo boxom na stránke.
Jedná sa o panely, z ktorých si môžete vybrať:
- Vrhať tieň
- Vnútorný tieň
- Pozadie
- hraničné
- Hraničný polomer
Všetci napodobňujú Adobe GUI, čo robí tento nástroj tak zábavným pre dizajnérov. Môžete tiež získať kompletný kód CSS, generované zadarmo.
Stačí kliknúť na ľavý dolný roh označený štítkom “CSS kód” na získate úryvok. Dodáva sa so všetkými vlastnosťami CSS3 pre všetko, čo ste vybrali.
A najlepší zo všetkých, tento projekt je úplne open source a zadarmo na lokalite GitHub, ak chcete prevziať lokálnu kópiu. Nielen to môže byť zábavné generovanie CSS, ale je to aj skvelý spôsob, ako sa učiť ako vytvoriť webovú aplikáciu.
Stránka používa a veľa z Knižnice JavaScript, spolu s jQuery pluginy. Bol postavený developerom Felix Niklas, ktorý to urobil ako vedľajší projekt.
Môžeš nájsť množstvo kódových generátorov inde, ale táto je skutočne jedinečná. Je to aj tá najzábavnejšia a možno aj najlepšia webová aplikácia, akú som v tomto roku zažil.
Pozrite sa na vrstvy LayerStyles a uvidíte, čo si myslíte. Môžete si hrať s a živá verzia na demo stránke a nájsť všetok dostupný zdrojový kód zadarmo na GitHub.
Alebo, ak sa chcete rozširovať vďaka tvorcovi, môžete posielať svoje obdivy @mrflix.
