Disain CSS selle Adobe-Style veebirakenduste redaktoriga

Adobe'i tarkvara on maailmakuulus igas vanuses disainerite poolt, kuid mitte enam kui Photoshop. PhotoShopi redigeerimispaneelid on kogu Shebang koos kõike, mida vajate, et ehitada kohandatud kujundusi.

Ja nüüd on vaba veebirakenduste redaktor, kutsus LayerStyles, mis jäljendab Photoshopi kihtide redaktorit otse teie brauseris. See võimaldab teil genereerib CSS-koodi dünaamiliselt nagu töötaksite Photoshopis.

Kui külastate ehitaja leht te saate seda teha, et näha, kuidas see toimib.

Aken kaasas viis erinevat stiili paneeli see kõik jäljendab Photoshopit. Nad järgivad samu seadeid ja neid värskendama kohe demo kasti lehel.

Need on paneelid, mida saate valida:

1. Drop Shadow
2. Sisemine vari
3. Taust
4. Piir
5. Piiriraadius

Nad kõik jäljendavad Adobe GUI-d, mis muudab selle tööriista disaineritele nii lõbusaks. Sa saad ka täielik CSS-kood, genereeritakse tasuta.

Klõpsake lihtsalt vasakpoolses nurgas asuval kastil “CSS-kood” kuni saada oma fragment. Valikuga kaasneb kõik CSS3 omadused.

Ja mis kõige parem, see projekt on täielikult avatud lähtekoodiga ja tasuta GitHubis, kui soovite alla laadida kohaliku koopia. See ei ole mitte ainult lõbus genereerida CSS, kuid see on ka suurepärane võimalus õppida kuidas veebirakendust luua.

Sait kasutab a palju of JavaScript-raamatukogud, koos jQuery pluginad. Selle ehitas arendaja Felix Niklas, kes tegi selle kõrvalprojektiks.

Leiad palju koodigeneraatorit mujal, kuid see on tõeliselt ainulaadne. See on ka kõige lõbusam ja võib-olla kõige lahedam veebirakendus, mida ma siiani siiani nägin.

Heitke pilk LayerStyles'ile ja vaadake, mida sa arvad. Saate lohistada a live versioon demo lehel ja leidke kogu olemasoleva lähtekoodi tasuta GitHubis.

Või kui soovid levitajat tänu loojale levitada, saate oma imetlusi piiksutada @mrflix.