Oblikujte CSS s tem urejevalnikom spletnih aplikacij v slogu Adobe

Adobeova programska oprema je svetovno znana po oblikovalcih vseh starosti, vendar nič več kot Photoshop. Urejevalne plošče PhotoShop so vse shebang z vsem, kar potrebujete za izdelavo modelov po meri.

In zdaj, tam je prost urejevalnik spletnih aplikacij, imenuje LayerStyles, ki posnema urejevalnik plasti Photoshop v vašem brskalniku. To vam omogoča dinamično ustvarjanje kode CSS kot da delate v Photoshopu.

Če obiščete stran graditelja z njim se lahko lotite, da vidite, kako deluje.

Okno prihaja pet različnih slogov da vsi posnemajo Photoshop. Sledijo istim nastavitvam in jih takoj posodobite s predstavitvenim poljem na strani.

To so plošče, ki jih lahko izberete:

1. Drop Shadow
2. Notranja senca
3. Ozadje
4. Meja
5. Polmer obrobe

Vsi posnemajo Adobe GUI, zaradi česar je to orodje tako zabavno za oblikovalce. Dobite tudi popolno kodo CSS, brezplačno.

Preprosto kliknite spodnji levi kotiček z oznako “Koda CSS” do dobite odrezek. Na voljo so vse lastnosti CSS3 za vse, kar ste izbrali.

In najboljše od vsega, ta projekt je popolnoma odprtokodne in brezplačne na GitHubu, če želite prenesti lokalno kopijo. Ne samo, da je to lahko zabavno generiranje CSS, vendar je tudi odličen način za učenje kako zgraditi spletno aplikacijo.

Spletna stran uporablja a lot od JavaScript knjižnice, skupaj z vtičniki jQuery. Zgradil jo je razvijalec Felix Niklas, ki je to naredil kot stranski projekt.

Lahko najdeš veliko generatorjev kod drugje, toda ta je resnično edinstven. To je tudi najbolj zabavna in morda najbolj kul spletna aplikacija, ki sem jo doživela v tem letu.

Oglejte si LayerStyles in poglejte, kaj mislite. Lahko pokličete z a različica v živo na demo strani in poiščite vse razpoložljive izvorne kode brezplačno na GitHubu.

Če pa se želite širiti zahvaljujoč ustvarjalcu, lahko tweetate svoje občudovanja @ mfflix.