Dizajnirajte CSS s ovim uređivačem web-aplikacije Web-stila
Adobeov softver je svjetski poznat po dizajnerima svih dobi, ali ništa više od Photoshopa. Ploče za uređivanje PhotoShopa su cijeli shebang sa svime što vam je potrebno za izgradnju prilagođenih dizajna.
A sada, postoji i besplatno uređivač web-aplikacija, zvao LayerStyles, koja oponaša uređivač slojeva Photoshopa izravno u pregledniku. To vam omogućuje dinamički generirati CSS kod kao da radite u Photoshopu.
Ako posjetite stranicu graditelja s njime možete razgovarati i vidjeti kako radi.
Dolazi prozor pet različitih stilskih panela da svi oponašaju Photoshop. Oni slijede iste postavke i oni odmah ažurirajte s demo kutijom na stranici.
To su paneli koje možete odabrati iz:
- Baci sjenku
- Unutarnja sjena
- pozadina
- Granica
- Radijus granice
Svi oni oponašaju Adobe GUI koji čini ovaj alat zabavnim za dizajnere. Također dobivate dovršite CSS kod, besplatno.
Samo kliknite donji lijevi kutni okvir s oznakom “CSS kod” do dobiti svoj isječak. Dolazi sa svim svojstvima CSS3 za sve što ste odabrali.
I najbolje od svega, ovaj projekt je u potpunosti otvoreni izvor i besplatno na GitHubu ako želite preuzeti lokalnu kopiju. Ne samo da može biti zabavno generiranje CSS-a, ali to je također odličan način za učenje kako izgraditi web-aplikaciju.
Stranica koristi a mnogo od JavaScript knjižnice, zajedno s Dodaci jQuery. Izgradio ju je programer Felix Niklas koji je ovo napravio kao sporedni projekt.
Možeš naći mnogo generatora koda drugdje, ali ovaj je uistinu jedinstven. To je ujedno i najzabavnija i možda najbolja web-aplikacija koju sam do sada vidio.
Pogledajte LayerStyles i pogledajte što mislite. Možete se baviti a verzija uživo na demo stranici i pronađite sve dostupne izvorne kodove besplatno na GitHubu.
Ili, ako se želite širiti zahvaljujući kreatoru, možete cvrkutati svoje divljenje @mrflix.
