Veebisaidi esiosa loomiseks kasutatava raamistiku jaoks on palju eeliseid (ja see on üsna lihtne boot!). Läheme üle esiosa raamistike ja miks peaksite kaaluma nende integreerimist veebiarendustöösse.
Esiosa raamistik
Samuti nimetatakse neid "CSS-raamistikeks", need on eelnevalt kirjutatud ja standarditud koodid pakutavad failid ja kaustad. Nad annavad teile aluse, et edasi areneda, võimaldades samas lõpliku disainiga paindlikkust. Tavaliselt sisaldavad esiosa raamid järgmisi komponente:
- Võrgustik, mis lihtsustab veebisaidi disainielementide korraldamist
- Määratletud font-stiilid ja suurused, mis sõltuvad selle funktsioonist (rubriikide erinevad tüpograafiad versioonidele jne)
- Eelnevalt loodud veebisaidi komponendid nagu külgpaneelid, nupud ja navigeerimisribad
Sõltuvalt konkreetsest raamistikust, mille valite, on veel palju rohkem võimalusi.
Miks kasutada ühte
Selle asemel, et alustada kogu koodi algusest peale, on palju häid põhjusi:
- Säästa aega! Loomulikult, kui kirjutad iga koodi rida ise, läheb veebisaidi käivitamiseks palju kauem aega. Raamatud aitavad teil alustada põhitõdesid.
- Lisage täiendavaid komponente, mida võite muidu mitte. See on alati tore, kui teil on võimalus kasutada mõnda muud nuppu või teist, ilma et peaksite ennast lisama.
- Tead kindlasti, et kood töötab. Selle asemel, et kulutada palju aega, kirjutades oma koodi vaid selleks, et teada saada, et see ei tööta (või ei ühildu 60% veebibrauseritega), teate, et kasutate eelnevalt testitud funktsionaalset koodi.
Enne liikumist sooviksin ka selgitada, kuidas mitte kasutada esiotsa raamistikku! Koodeksite loomise oskuste asendamine nendega ei anna teile mingit kasu. Kõigepealt tutvu HTML-i ja CSS-i ning seejärel võite otseteid kasutada. Hoidke raamistikku abistajaks, mitte karkuksiks.
Eesmiste raamistike näited
Mitte kõik CSS-raamistikud ei ole võrdsed, seega tehke kindlasti oma uuringuid, mis kõige paremini sobib teie unikaalsete vajadustega. Siin on kiire ülevaade viiest tipust:
- Bootstrap: kõige populaarsem sealt. Githubis on palju tärne ja palju vastuseid küsimustele vastamiseks. Üks lihtsamaid on kasutatav, kuid mõned ütlevad, et sellel on väga eriline "Bootstrap" välimus.
- Sihtasutus: pakub palju paindlikkust ja kohandatavust. Hea neile, kellel on esiotsa arendamise kogemus ja kes soovivad katta põhitõdesid, säilitades samal ajal palju loomingulist kontrolli.
- Stylus: ekspressiivne ja stiilne CSS-keel. Seda raamistikku saab kasutada ainult Node.js rakendustes.
- Semantiline UI: lühike, intuitiivne ja muudab koodi silumine kenaks ja lihtsaks. Annab teile palju disaini vabadust ja vastab teie vajadustele.
- UI-komplekt: raamistik, mida kasutada, kui olete huvitatud iOS-i rakenduste arendamisest. On põhiline stiil, mis muudab teie saidi väljanägemise lihtsaks.
Järeldus
Raamid on uskumatult kasulikud esiotsa kujundamise vahendid, eriti kui teil on töökoht, kus te seda külge sageli arendate. Need võimaldavad teil kiirendada teie töövoogu ja suurendada tootlikkust kvaliteedi või funktsionaalsuse ohverdamata, jättes ukse avatuks ainulaadse, kohandatud väljanägemise jaoks. Pidage meeles, et neid kasutada oma oskuste täiustamise vahendina, mitte aga nurkade lõikamiseks ja nautida!