Dešimt gyvenimo stiliaus vadovo įrankiai interneto dizaineriams - geriausi

A gyvenimo stiliaus vadovas yra UI elementų ir modelių dokumentavimas surinkti iš svetainės ar programos, kad kūrėjai galėtų naudotis visą projektą. Anksčiau kūrėjai sukūrė stiliaus vadovus rankiniu būdu, o tai yra daug darbo. Po kurio laiko jie pradėjo automatizuoti darbo eigą ir stiliaus vadovo įrankius, kurie transformuoja priekinį kodą gerai organizuotos UI bibliotekos atsirado.

Gyvenimo stiliaus vadovai skiriasi nuo kodo stiliaus vadovai, kadangi pastarosios apima taisykles, kaip rašyti skaitomą ir tvarkomą kodą, o gyvenimo stiliaus vadovai yra front-end modelių rinkiniai, pvz., CSS klasės, skirtos mygtukams, raštams ir spausdinimo elementams. Kodų stiliaus vadovai užtikrina kodo nuoseklumas, o gyvenimo stiliaus vadovai užtikrina vizualinis nuoseklumas visoje svetainėje.

Šiame pranešime mes sudėjome 10 patogių įrankių, galinčių padėti jums sukurti savo gyvenimo stiliaus vadovą.

1. Stylify Me

Šis įrankis yra labai smagu: tiesiog įklijuokite norimos analizuoti svetainės nuorodą ir žiūrėkite, kaip jos stiliaus vadovas sukuriamas vienu pelės paspaudimu. Su Stylify Me, galite greitai gauti svetainės modelių apžvalgą, įskaitant spalvas, šriftus, dydį ir tarpą. Kai procesas bus baigtas, galite atsisiųskite stiliaus vadovą PDF formatu.

2. Gamintojas

Gamintojas leidžia jums sukurti savo UI įrankių rinkinį, organizuoti savo projektavimo sistemą ir sukurti įrankių rinkinio kodą. Jei dirbate komandoje, galite parašyti „Markdown“ dokumentaciją, kad kiti kūrėjai galėtų lengviau naudotis. Tai gali padėti jums organizuokite savo projektavimo / kodavimo tvarką taip, kaip norite.

3. Frontifikuoti

Frontifikuoti apima viską nuo skaitmeninių maketų iki „wireframing“. Jie taip pat turi stiliaus vadovo įrankį, kuris siūlo švarų minimalistinį projektavimo procesą be jokių rūpesčių. Galite užsiregistruoti nemokamai ir įterpti visą reikiamą informaciją rankiniu būdu. Procesas turėtų apimti spalvų paletę, šriftų pasirinkimą, piktogramas, logotipus, galbūt šūkius arba pageidaujamą žiniatinklio kopiją.

4. Aigis

Su Aigis, galite kurti stiliaus vadovus iš bet kokių tekstinių failų (pvz.,. .css, .scss, .stil, .md). Taip pat galite rašyti dokumentaciją „Markdown“ ir tinkinti svetainės temą.

5. Holograma

Holograma sukūrė „Trulia“, ir yra puikus sprendimas stiliaus vadovų kūrimui. Tai Rubino perlas analizuoja jūsų CSS komentarus siekiant sukurti nuostabius stiliaus vadovus. Hologramoje yra šablonų sistema su kai kuriais pagrindiniais stiliais ir navigacija, kad jūsų stiliaus vadovas taptų dar paprastesnis.

6. Styledown

Su Styledown, galite lengvai parašyti CSS stiliaus vadovus, nes tai yra a „Markdown“ stiliaus vadovo generatorius. Jis veiks su daugeliu žiniatinklio kūrimo nustatymų, nes jis yra neutralus platformoje. Tam reikia labai mažai, kad ją gautumėte ir paleistumėte. Be to, komentarai, kuriuos reikia pridėti prie CSS, yra labai minimalūs. Galite sukurti savo CSS dokumentaciją arba inline CSS komentaruose, arba kaip atskirą „Markdown“ failą.

7. KSS

KSS (Knyle stiliaus lapai) pirmiausia yra a dokumentacijos specifikacija ir stiliaus vadovo formatą savo komentavimo sintaksę. KSS taip pat apima Ruby biblioteką, kuri analizuoja .sass, .scss, ir .css failai, užfiksuoti su KSS gairėmis, į tvarkingą stiliaus vadovą. KSS skirta pažangesniems naudotojams ir profesionalioms komandoms, nes kuriant stiliaus vadovą, reikia koduoti žinias.

8. SC5 stiliaus vadovo generatorius

Su SC5 stiliaus vadovas generatorius galite kurti ir redaguoti stiliaus vadovus tiesiogiai savo naršyklėje. tai yra remiantis KSS įtrauktos kai kurios puikios funkcijos, pvz., „AngularJS“ valdoma vartotojo sąsaja, kuri padeda jums peržiūrėti, ieškoti ir išbandyti jūsų stilius. SC5 naudoja tą patį dokumento žymėjimą kaip KSS. Jis palaiko „SASS“, „LESS“, „PostCSS“ ir „CSS“ stilių lenteles.

9. Styledocco

„StyleDocco“ yra patogi „Node.js“ programa sukuria stilių vadovus iš jūsų stilių lentelių. Galite ją įdiegti naudodami npm. Sukurtame stilistikse „StyleDocco“ rodo peržiūrą su taikomais stiliais ir HTML kodo pavyzdžiu.

„StyleDocco“ pagrindiniame puslapyje galite rasti du stiliaus vadovo pavyzdžius, vieną, gautą iš numatytojo stiliaus lapo, o kitą - iš „Bootstrap“ svetainės. Pavyzdžiai taip pat gali padėti jums pasiimti dokumentacijos sintaksę „SytleDocco“.

10. Rašto laboratorija

Rašto laboratorija yra įrankių rinkinys, padedantis sukurti a modulinė projektavimo sistema. „Pattern Lab“ yra pasirinktinis statinis svetainės generatorius, sujungiantis visus svetainės stiliaus elementus, ir suformuoja šablonus bei puslapius. Jis gali būti jūsų projekto projektas modelio biblioteka ir „frontend“ stiliaus vadovas. „Pattern Lab“ leidžia matyti savo stiliaus komponentus vienu metu abstrakčiai ir kontekste.