Deset načina života Vodič Alati za web dizajnera - Best of
vodič za stil života je dokumentiranje elemenata i uzoraka korisničkog sučelja prikupljene s web-lokacije ili aplikacije s namjerom da omoguće razvojnim programerima korištenje dosljedne stilove u cijelom projektu. U prošlosti, programeri su ručno kreirali stilske vodiče, što je puno posla. Nakon nekog vremena počeli su automatizirati radni tijek i alate za vodič kroz stil koji pretvaraju prednji kraj u dobro organizirane knjižnice korisničkog sučelja počeli se pojavljivati.
Vodiči živog stila se razlikuju od vodiči za stilove koda, budući da potonje sadrži pravila o pisanju čitljivog i održivog koda, dok su živi vodiči stila zbirke obrazaca front-end, kao što su CSS klase za gumbe, widgete i tipografske elemente. Vodič za stil kodova osigurava dosljednost koda, dok vodiči u stilu života osiguravaju vizualna dosljednost na web-lokaciji.
U ovom postu sastavili smo 10 praktičnih alata koji vam mogu pomoći stvoriti vlastiti stil života vodič.
1. Stylify Me
Ovaj alat je zabavan: samo zalijepite vezu web-lokacije koju želite analizirati i gledajte kako se njegov stilski vodič generira jednim klikom miša. S Stilizirajte me, možete brzo dobiti pregled uzoraka web-lokacije, uključujući boje, fontove, veličine i razmake. Kada se proces završi, možete preuzmite vodič za stil u PDF-u.
2. Proizvođač
fabricator vam omogućuje da izgradite svoj vlastiti alat za korisničko sučelje, organizirajte svoj sustav dizajna i generirajte vodič za stil iz koda alata. Ako radite u timu, možete napisati dokumentaciju u Markdownu kako biste drugim programerima olakšali korištenje. To vam može pomoći organizirajte svoju rutinu dizajna / kodiranja na način koji ti se sviđa.
3. Frontify
Frontify uključuje sve, od digitalnih maketa do wireframinga. Oni također imaju stil vodič alat koji nudi čist minimalistički proces dizajna bez gnjavaže. Možete se besplatno prijaviti i ručno umetnuti sve potrebne informacije. Proces bi trebao uključivati paletu boja, izbor fontova, ikone, logotipe, eventualno slogane ili željenu web-kopiju.
4. Aigis
S Aigis, iz bilo koje tekstualne datoteke možete generirati vodiče stila (npr. .css
, .scss
, .Styl
, .doktor medicine
). Također možete napisati dokumentaciju u programu Markdown i prilagoditi temu web-lokacije.
5. Hologram
Hologram Stvorio ga je Trulia i odlično je rješenje za generiranje stilskih vodiča. To je Ruby dragulj analizira komentare u CSS-u kako bi se generirali strašni stilski vodiči. Hologram ima sustav templata s nekim osnovnim stilovima i navigacijom kako bi vaš stilski vodič bio još lakši.
6. Styledown
S Styledown, s lakoćom možete pisati vodiče CSS stila, kao što je Markdown-based generator stila vodiča. Radit će s većinom web-razvojnih postavki, budući da je platformski neutralan. To zahtijeva vrlo malo da bi se pokrenulo i pokrenulo. Također, komentari koje trebate dodati u CSS su vrlo minimalni. CSS dokumentaciju možete stvoriti ili u ugrađenim CSS komentarima ili kao zasebnu datoteku Markdown.
7. KSS
KSS (listovi stilova Knyle) je prvenstveno a specifikacija dokumentacije i format vodiča za stil koji ima vlastitu sintaksu komentiranja. KSS također uključuje knjižnicu Ruby koja analizira .Sass
, .scss
, i .css
datoteke dokumentirane s KSS smjernicama u urednom vodiču za stil. KSS je za naprednije korisnike i profesionalne timove, budući da generiranje vodiča za stil s njim zahtijeva kodiranje znanja.
8. Generator vodilice za stil SC5
Sa Generator vodilice za stil SC5 možete stvarati i uređivati vodiče stila izravno u pregledniku. to je na temelju KSS-a s nekim zanimljivim značajkama, kao što je korisničko sučelje s ugrađenim sustavom AngularJS koje vam pomaže u pregledavanju, pretraživanju i testiranju vaših stilova. SC5 koristi istu oznaku dokumenta kao i KSS. Podržava SASS, LESS, PostCSS i čiste CSS stilove.
9. Styledocco
StyleDocco je zgodna Node.js aplikacija koja stvara stilske vodiče iz vaših stilskih lista. Možete ga instalirati s npm. U generiranom stilu, StyleDocco prikazuje pregled sa stilovima koje ste primijenili i primjer HTML koda.
Na početnoj stranici StyleDocco možete pronaći dva primjera vodiča za stil, jedan generiran iz zadane stilske tablice, a drugi generiran iz Bootstrap stranice. Primjeri vam također mogu pomoći u preuzimanju sintakse dokumentacije koju SytleDocco koristi.
10. Lab Lab
Lab Lab je skup alata koji vam pomažu u stvaranju sustav modularnog dizajna. Uzorak Lab je prilagođeni statički generator web-lokacija koji povezuje sve elemente stila na web-lokaciji i od njih oblikuje predloške i stranice. Može poslužiti kao projekt knjižnica uzoraka i vodič za stil sučelja. Uzorak Lab vam omogućuje da istovremeno vidite komponente vašeg stila apstraktno i u kontekstu.