Notkun ramma til að byggja upp framhlið vefsvæðis þíns hefur marga kosti (og er frekar auðvelt að stíga upp!). Skulum fara yfir hvaða frammistöðu ramma er og hvers vegna ættir þú að íhuga að fella þær inn í vefþróunarvinnuna þína.
Framan-ramma
Einnig nefnt "CSS ramma", þetta eru pakkar sem innihalda fyrirfram skrifað, staðlaðan kóða í skrám og möppum. Þeir gefa þér grunn til að byggja á meðan enn leyfa sveigjanleika með endanlegri hönnun. Venjulega innihalda framhliðarsamstæður eftirfarandi hluta:
- Rist sem gerir það einfalt að skipuleggja hönnunarþætti vefsvæðisins
- Skilgreind leturgerðir og límvatn sem breytilegt byggist á hlutverki sínu (mismunandi leturgerð fyrir fyrirsagnir á móti málsgreinum osfrv.)
- Fyrirframbyggðir viðbótarþættir eins og hliðarborð, hnappar og stýrihólf
Það fer eftir þeim sérstöku ramma sem þú velur, það er mikið meira sem þeir geta líka.
Hvers vegna notaðu einn
There ert a einhver fjöldi af góðar ástæður til að nota ramma framan-endir í stað þess að byrja alla kóða frá grunni:
- Spara tíma! Augljóslega, ef þú ert að skrifa hverja línu af kóða sjálfur, þá er það að fara að taka miklu lengri tíma að hleypa af stokkunum vefsíðunni þinni. Rammar geta hjálpað þér að byrja með grunnatriði.
- Bættu við aukahlutum sem þú gætir ekki haft neitt annað. Það er alltaf gaman að fá möguleika á að halda áfram á annan hnapp eða tvo án þess að búa til aukalega þræta fyrir sjálfan þig.
- Vita viss um að kóðinn virkar. Í stað þess að eyða miklum tíma í að skrifa eigin kóða til að komast að því að það virkar ekki (eða er ekki samhæft við 60% af vefur flettitækjum), þá muntu vita að þú notar forprófuð, virkan kóða.
Áður en ég fer áfram, vil ég líka að skýra hvernig eigi að nota ramma framan við ramma! Með því að meðhöndla þau í staðinn fyrir að hafa kennsluhæfileika færðu ekki neina favors. Kynntu þér HTML og CSS fyrst, og þá getur þú byrjað að nota flýtivísana. Ræddu ramma þinn sem aðstoðarmaður, ekki hækja.
Dæmi um framan ramma
Ekki eru allir CSS rammar búin til jafnt, svo vertu viss um að gera rannsóknirnar þínar um það hver best passar einstaka þarfir þínar. Hér er stutt yfirlit yfir efstu fimm:
- Stígvél: Vinsælasta einn þarna úti. Hefur tonn af stjörnum á Github og fullt af úrræðum til að fá spurningum þínum svarað. Eitt af því auðveldara að nota, en sumir segja að það hafi mjög sérstakt "Bootstrap" útlit.
- Foundation: Býður upp á mikla sveigjanleika og sérsniðni. Góð fyrir þá sem eru með reynslu í framhliðinni og vilja ná til grunnatriðanna en halda mikið af skapandi stjórn.
- Stylus: Tjáningarmikill og stílhrein CSS tungumál. Þessi ramma er aðeins hægt að nota á Node.js forritum.
- Semantic HÍ: Nákvæmar, innsæi og gerir kembiforrit kóðann gott og einfalt. Gefur þér mikið af hönnunarfrelsi og aðlagast þörfum þínum.
- UI Kit: Ramminn til að nota ef þú hefur áhuga á að þróa IOS forrit. Hefur grunn stíl sem gerir það auðvelt að þróa eigin síðu útlit þitt.
Niðurstaða
Rammar eru ótrúlega hjálpsamur tæki til að hanna framhlið, sérstaklega ef þú ert með vinnu þar sem þú ert oft að þróa þessa hlið. Þeir leyfa þér að flýta vinnuaflinu þínu og auka framleiðni þína án þess að fórna gæðum eða virkni, en samt að dyrnar opna fyrir einstakt sérsniðið útlit. Mundu bara að nota þau sem tæki til að bæta hæfileika þína, ekki sem leið til að skera horn og njóta!