Izveidot CSS ar šo Adobe-Style tīmekļa lietotņu redaktoru
Adobe programmatūra ir pasaulē pazīstama visu vecumu dizaineru, bet ne vairāk kā Photoshop. PhotoShop rediģēšanas paneļi ir viss shebang ar visu, kas jums nepieciešams, lai izveidotu pielāgotus dizainus.
Un tagad tur ir bezmaksas tīmekļa lietotņu redaktors, sauc LayerStyles, kas atdarina Photoshop slāņu redaktoru tieši jūsu pārlūkprogrammā. Tas ļauj jums dinamiski ģenerē CSS kodu it kā jūs strādājat Photoshop.
Ja apmeklējat celtnieks jūs varat lāpīt ar to, lai redzētu, kā tas darbojas.
Logs nāk ar pieci dažādi stila paneļi ka visi atdarina Photoshop. Viņi ievēro tos pašus iestatījumus un tos atjaunināt ar demo lodziņu lapā.
Šie ir paneļi, kurus varat izvēlēties no:
- Drop Shadow
- Iekšējā ēna
- Pamatinformācija
- Robeža
- Robežu rādiuss
Viņi visi atdarina Adobe GUI, kas padara šo rīku tik jautri dizaineriem. Jūs arī saņemsiet pilnīgs CSS kods, rodas bez maksas.
Vienkārši noklikšķiniet uz apakšējā kreisā stūra lodziņa ar nosaukumu “CSS kods” uz iegūt savu fragmentu. Tas ir aprīkots ar visām CSS3 īpašībām visam, ko esat izvēlējies.
Un labākais no visiem, šis projekts ir pilnīgi atvērtā koda un bezmaksas GitHub, ja vēlaties lejupielādēt vietējo kopiju. Tas ne tikai var būt jautri radot CSS, bet tas ir arī lielisks veids, kā mācīties kā veidot tīmekļa lietotni.
Vietne izmanto a daudz no JavaScript bibliotēkas, kopā ar jQuery spraudņi. To uzcēla attīstītājs Felix Niklas, kurš to izveidoja kā sānu projektu.
Tu vari atrast daudz kodu ģeneratoru citur, bet šī ir patiesi unikāla. Tas ir arī visvairāk jautri un varbūt stilīgākā tīmekļa lietojumprogramma, ko šogad esmu redzējis.
Apskatiet LayerStyles un apskatiet, ko jūs domājat. Jūs varat lāpīt ar a dzīvā versija demonstrācijas lapā un atrodiet visu pieejamo pirmkodu bez maksas GitHub.
Vai, ja vēlaties izplatīties pateicoties radītājam, varat čivināt savus apbrīnojumus @mrflix.
