Sukurkite CSS su šiuo „Adobe“ stiliaus žiniatinklio programos redaktoriu
„Adobe“ programinė įranga yra visame pasaulyje žinoma visų amžiaus grupių dizainerių, bet ne „Photoshop“. „PhotoShop“ redagavimo plokštės yra visa banginė su viskuo, ko jums reikia norint sukurti individualius dizainus.
Ir dabar yra nemokama žiniatinklio programos redaktorius, vadinamas LayerStyles, kuri imituoja „Photoshop“ sluoksnių redaktorių tiesiai jūsų naršyklėje. Tai leidžia jums dinamiškai generuoja CSS kodą tarsi dirbate „Photoshop“.
Jei lankotės statybininko puslapis jūs galite sušvelninti, kad pamatytumėte, kaip jis veikia.
Įeina langas penkios skirtingos stiliaus plokštės kad visi imituoja Photoshop. Jie seka tuos pačius nustatymus ir jie atnaujinti su demo laukeliu puslapyje.
Tai yra plokštės, kurias galite pasirinkti iš:
- Mesti šešėlį
- Vidinis šešėlis
- Fonas
- Siena
- Pasienio spindulys
Jie visi imituoja Adobe GUI, todėl šis įrankis yra įdomus dizaineriams. Jūs taip pat gausite pilnas CSS kodas, sukurta nemokamai.
Tiesiog spustelėkite apatiniame kairiajame kampe esantį langelį “CSS kodas” į gaukite savo fragmentą. Su visomis pasirinktomis CSS3 savybėmis.
Ir geriausias iš visų, šis projektas yra visiškai atviro kodo ir nemokamai „GitHub“, jei norite atsisiųsti vietinę kopiją. Tai ne tik gali būti įdomus generuoja CSS, bet tai taip pat yra puikus būdas išmokti kaip sukurti žiniatinklio programą.
Svetainėje naudojama a daug apie „JavaScript“ bibliotekos, kartu su jQuery įskiepiai. Jį pastatė kūrėjas Felix Niklas, kuris tai padarė kaip šalutinis projektas.
Tu gali rasti daug kodų generatorių kitur, bet tai tikrai unikalus. Tai taip pat įdomiausia ir, galbūt, paprasčiausia žiniatinklio programa, kurią šiais metais mačiau.
Pažvelkite į „LayerStyles“ ir pažiūrėkite, ką manote. Galite apšviesti a gyva versija demonstraciniame puslapyje ir suraskite visas turimas šaltinio kodas nemokamai GitHub.
Arba, jei norite skleisti kūrėją, galite paslėpti savo susižavėjimus @mrflix.
