Desmit dzīves stila rokasgrāmatas rīki tīmekļa dizaineriem - labākais
A dzīves stila ceļvedis ir UI elementu un modeļu dokumentācija savākti no vietnes vai lietojumprogrammas ar mērķi atļaut izstrādātājiem izmantot konsekventi stili visā projektā. Agrāk izstrādātāji manuāli izveidoja stila rokasgrāmatas, kas ir daudz darba. Pēc kāda laika viņi sāka automatizēt darbplūsmu un stila rokasgrāmatas instrumentus, kas pārveido front-end kodu labi organizētas UI bibliotēkas ir sākuši parādīties.
Dzīves stila ceļveži atšķiras no kodu stila ceļveži, tā kā pēdējie satur noteikumus par to, kā rakstīt lasāmu un uzturamu kodu, kamēr ir dzīves stila ceļveži priekšējo modeļu kolekcijas, piemēram, CSS klases pogām, logrīkiem un tipogrāfiskiem elementiem. Kodu stila rokasgrāmatas nodrošina koda konsekvence, kamēr dzīves stila ceļveži nodrošina vizuālā konsistence visā vietnē.
Šajā ziņojumā mēs esam izveidojuši 10 ērtus rīkus, kas var jums palīdzēt izveidojiet savu dzīves stila rokasgrāmatu.
1. Stylify Me
Šis rīks ir ļoti jautrs: vienkārši ielīmējiet tās vietnes saiti, kuru vēlaties analizēt, un skatīties, kā tās stila ceļvedis tiek izveidots ar vienu peles klikšķi. Ar Stylify Me, Jūs varat ātri iegūt pārskatu par vietnes modeļiem, ieskaitot krāsas, fontus, izmērus un atstarpes. Kad process ir pabeigts, varat lejupielādēt stila rokasgrāmatu PDF formātā.
2. Ražotājs
Ražotājs ļauj izveidot savu lietotāja interfeisa rīku komplektu, organizēt savu dizaina sistēmu un veidot stila rokasgrāmatu no rīku komplekta koda. Ja strādājat komandā, varat rakstīt dokumentāciju Markdown, lai citiem izstrādātājiem būtu vieglāk izmantot. Tas var jums palīdzēt organizējiet savu dizaina / kodēšanas kārtību kā jūs vēlaties.
3. Frontifizēt
Frontifizēt ietver visu, sākot no digitālajām maketēm līdz karodziņiem. Viņiem ir arī stila ceļvedis, kas piedāvā tīru minimālisma dizaina procesu bez problēmu. Jūs varat reģistrēties bez maksas un ievietot visu nepieciešamo informāciju manuāli. Procesā jāiekļauj krāsu palete, fontu izvēle, ikonas, logotipi, iespējams, saukļi vai vēlamā tīmekļa kopija.
4. Aigis
Ar Aigis, jūs varat izveidot stila ceļvežus no jebkura teksta faila (piem.,. .css, .scss, .stils, .md). Varat arī rakstīt dokumentāciju Markdown un pielāgot vietnes tēmu.
5. Hologramma
Hologramma ir radījis Trulia, un tas ir lielisks risinājums stila rokasgrāmatu radīšanai. Tas ir rubīna dārgakmens analizē jūsu CSS komentārus lai radītu awesome stila rokasgrāmatas. Hologrammai ir veidņu sistēma ar dažiem pamata stiliem un navigāciju, lai padarītu jūsu stila ceļvedi vēl vieglāku.
6. Styledown
Ar Styledown, varat viegli rakstīt CSS stila rokasgrāmatas, jo tas ir a Uz kartes balstīta stila rokasgrāmatu ģenerators. Tā strādās ar lielāko daļu tīmekļa izstrādes iestatījumu, jo tā ir platformas neitrāla. Tas prasa ļoti maz, lai to iegūtu un darbinātu. Arī komentāri, kas jums jāpievieno savam CSS, ir ļoti minimāli. CSS dokumentāciju var izveidot gan CSS komentāros, gan atsevišķos Markdown failos.
7. KSS
KSS (Knyles stila lapas) galvenokārt ir a dokumentācijas specifikācija un stila rokasgrāmatas formātu savu komentēšanas sintaksi. KSS ietver arī Rubija bibliotēku, kas analizē .sass, .scss, un .css failus, kas dokumentēti ar KSS vadlīnijām, stilā. KSS ir vairāk pieredzējušiem lietotājiem un profesionālām komandām, jo, veidojot stila rokasgrāmatu, ir nepieciešamas kodēšanas zināšanas.
8. SC5 stila rokasgrāmatu ģenerators
Ar SC5 stila rokasgrāmatu ģenerators varat veidot un rediģēt stila rokasgrāmatas tieši savā pārlūkprogrammā. Tas ir pamatojoties uz KSS iekļautas dažas atdzistas funkcijas, piemēram, AngularJS darbināms lietotāja interfeiss, kas palīdz jums apskatīt, meklēt un pārbaudīt jūsu stilus. SC5 izmanto to pašu dokumenta apzīmējumu kā KSS. Tā atbalsta SASS, LESS, PostCSS un tīrās CSS stillapas.
9. Styledocco
StyleDocco ir ērta Node.js lietotne izveido stilu ceļvežus no jūsu stillapām. To var instalēt ar npm. Izveidotajā stilistī StyleDocco rāda priekšskatījumu ar piemērotajiem stiliem un HTML koda piemēru.
StyleDocco mājas lapā jūs varat atrast divus stila rokasgrāmatu piemērus, vienu no tiem, kas izveidoti no noklusējuma stillapas, un citu, kas izveidota no Bootstrap vietnes. Piemēri arī var palīdzēt jums uzņemt dokumentācijas sintaksi SytleDocco.
10. Pattern Lab
Pattern Lab ir rīku kolekcija, kas palīdz izveidot a modulārā dizaina sistēma. Pattern Lab ir pielāgots statisks vietnes ģenerators, kas savieno visus vietnes stila elementus un veido no tiem veidnes un lapas. Tas var kalpot kā jūsu projekta rakstu bibliotēka un frontend stila ceļvedis. Pattern Lab ļauj jums redzēt jūsu stila komponentus vienlaicīgi abstrakti un kontekstā.
