Koduleht » Veebidisain » Kümme eluviisi juhendit veebidisainerite jaoks - parimad

    Kümme eluviisi juhendit veebidisainerite jaoks - parimad

    A elustiili juhend on kasutajaliidese elementide ja mustrite dokumenteerimine kogutud saidilt või rakendusest eesmärgiga võimaldada arendajatel kasutada kogu projekti ulatuses. Varem lõid arendajad käsitsi juhendid, mis on palju tööd. Mõne aja pärast hakkasid nad automatiseerima töövoogu ja stiilijuhiseid, mis muudavad esiotsa koodi hästi organiseeritud kasutajaliidese raamatukogud on hakanud ilmuma.

    Elustiilijuhid erinevad koodi stiili juhendid, kuna viimane sisaldab reegleid loetava ja hooldatava koodi kirjutamise kohta, samas kui elustiili juhendid on esiotsa mustrite kogud, näiteks CSS klassid nuppudele, vidinatele ja tüpograafilistele elementidele. Koodi stiili juhendid tagavad koodi järjepidevus, elustiili juhendid tagavad visuaalne järjepidevus saidil.

    Selles postituses oleme koostanud 10 käepärast tööriista, mis võivad teid aidata luua oma elustiili juhend.

    1. Stylify Me

    See tööriist on lõbus: lihtsalt kleepige selle veebisaidi link, mida soovite analüüsida, ja vaadake, kuidas selle stiilijuhend genereeritakse ühe hiireklõpsuga. Koos Stylify Me, saate kiiresti saidi mustritest ülevaate, sealhulgas värvid, fondid, suuruse ja vahekauguse. Kui protsess on lõppenud, saate seda teha laadige laadimisjuhend PDF-is alla.

    2. Tootja

    Valmistaja võimaldab teil luua oma kasutajaliidese tööriistakomplekti, korraldada oma disainisüsteemi ja luua oma tööriistakomplekti koodist stiilijuhi. Kui töötate meeskonnas, saate kirjutada Markdowni dokumentatsiooni, et hõlbustada teiste arendajate kasutamist. See võib teid aidata korraldage oma disaini / kodeerimise rutiin nii, nagu soovite.

    3. Frontifitseeri

    Frontifitseeri sisaldab kõike alates digitaalsetest makettidest kuni traadistamiseni. Neil on ka stiilijuhi tööriist, mis pakub puhta minimalistliku disainiprotsessi ilma probleemideta. Võite tasuta registreeruda ja sisestada kogu vajaliku teabe käsitsi. Protsess peaks hõlmama värvipaletti, fondivalikuid, ikoone, logosid, võimalusel loosungeid või eelistatud veebikoopiat.

    4. Aigis

    Koos Aigis, saate luua stiilijuhiseid mis tahes tekstifailidest (nt. .css, .scss, .stiil, .md). Te saate ka dokumentatsiooni kirjutada Markdownis ja kohandada oma saidi teemat.

    5. Hologramm

    Hologramm on loodud Trulia poolt ja on suurepärane lahendus stiilijuhiste loomiseks. See on Ruby pärl analüüsib teie CSS-i kommentaare et luua fantastilisi stiilijuhiseid. Hologrammil on mõned põhilised stiilid ja navigeerimissüsteem, mis muudab teie stiili juhendi veelgi lihtsamaks.

    6. Styledown

    Koos Styledown, saate hõlpsalt kirjutada CSS-stiilis juhendeid, sest see on a Markdown-põhine stiilijuhi generaator. See töötab koos enamiku veebiarenduse seadistustega, kuna see on platvormi suhtes neutraalne. See nõuab seda väga vähe. Samuti on teie CSS-i lisamiseks vajalikud kommentaarid väga väikesed. CSS-dokumentatsiooni saate luua kas inline CSS-i kommentaarides või eraldi Markdown-failina.

    7. KSS

    KSS (Knyle'i stiili lehed) on peamiselt a dokumentatsiooni spetsifikatsioon ja stiilijuhi vorming oma kommenteerivaks süntaksiks. KSS sisaldab ka Rubs-raamatukogu, mis analüüsib .sass, .scss, ja .css failid, mis on dokumenteeritud KSS-i juhistega, stiilijuhendiks. KSS on rohkem arenenud kasutajatele ja professionaalsetele meeskondadele, sest stiilijuhi loomine nõuab kodeerimist.

    8. SC5 Style Guide Generator

    Koos SC5 Style Guide Generator saate luua ja muuta stiilis juhendeid otse oma brauseris. see on põhineb KSS-il sisaldab mõningaid lahedaid funktsioone, nagu näiteks AngularJS-i toega UI, mis aitab teil oma stiile vaadata, otsida ja testida. SC5 kasutab sama dokumendi märget kui KSS. See toetab SASS, LESS, PostCSS ja puhtaid CSS-i laaditabeleid.

    9. Styledocco

    StyleDocco on mugav Node.js rakendus loob stiilijuhiseid oma stiililehtedelt. Võite selle installida npm-ga. Loodud stiilijuhis kuvab StyleDocco eelvaate rakendatud stiilidega ja HTML-koodi näite.

    StyleDocco koduleheküljel saate leida kaks stiilijuhi näidet, millest üks on loodud vaikimisi laaditabelist ja teine ​​Bootstrap saidilt. Näited võivad samuti aidata teil dokumentatsiooni süntaksit SytleDocco kasutada.

    10. Muster Lab

    Muster Lab on kogum tööriistu, mis aitavad teil luua a modulaarne konstruktsioonisüsteem. Muster Lab on kohandatud staatiline saidigeneraator, mis ühendab kõik saidi stiilielemendid ning moodustab nendest malle ja lehti. See võib olla teie projekti mustri raamatukogu ja frontend-stiilis juhend. Muster Lab võimaldab teil näha oma stiili komponente üheaegselt abstraktselt ja kontekstis.