L'ús d'un marc per construir la interfície del vostre lloc web té molts avantatges (i és bastant fàcil arrencar!). Anem a superar els marcs frontals i per què hauríeu de considerar incorporar-los al vostre treball de desenvolupament web.
Marc de frontal
També anomenats "marcs CSS", aquests són paquets que contenen codi preestablert i estandarditzat en fitxers i carpetes. Li donen una base per construir, tot i que permeten la flexibilitat amb el disseny final. Normalment, els marcs frontals contenen els següents components:
- Una graella que fa que sigui senzill organitzar els elements de disseny del vostre lloc web
- Estils i tipus de lletra definits que varien segons la seva funció (tipografia diferent per a encapçalaments versus paràgrafs, etc.)
- Components del lloc web prefixats, com panells laterals, botons i barres de navegació
Depenent del marc específic que trieu, hi ha molts més que són capaços també.
Per què utilitzar un
Hi ha moltes bones raons per utilitzar un marc de referència en lloc de començar tot el codi des de zero:
- Estalviar temps! Òbviament, si escriviu cada línia de codi per vosaltres mateixos, trigarà molt més a llançar el vostre lloc web. Els marcs poden ajudar-vos a començar amb els conceptes bàsics.
- Afegiu components addicionals que probablement no teniu d'una altra manera. Sempre és bo tenir l'opció d'enganxar en un altre botó o dos sense crear cap problema addicional per tu mateix.
- Assegureu-vos que el codi funciona. En lloc de gastar molt de temps escrivint el vostre propi codi només per descobrir que no funciona (o no és compatible amb el 60% dels navegadors web), sabreu que esteu utilitzant un codi funcional provat.
Abans de seguir endavant, també vull aclarir com no utilitzar els marcs frontals. Tractar-los com a substitut per tenir habilitats de creació de codi no us farà cap favori. Familiaritzeu-vos primer amb HTML i CSS i, a continuació , podeu començar a utilitzar les dreceres. Traieu el vostre marc com a assistent, no com una crossa.
Exemples d'Frameworks d'inici de sessió
No tots els marcs CSS es creen iguals, així que assegureu-vos de fer la vostra recerca sobre quina s'adapta millor a les vostres necessitats úniques. Aquí teniu una visió general ràpida dels cinc primers:
- Bootstrap: el més popular d'allà. Té tones d'estrelles a Github i molts recursos per respondre les vostres preguntes. Un dels més fàcils d'usar, però alguns diuen que té un aspecte "Bootstrap" molt diferent.
- Fundació: ofereix molta flexibilitat i personalització. Bé per a aquells que tenen experiència en el desenvolupament de front end i que vulguin cobrir els conceptes bàsics i conserven un gran control creatiu.
- Stylus: llenguatge CSS expressiu i elegant. Aquest marc només es pot utilitzar a les aplicacions de Node.js.
- UI semàntica: concís, intuïtiu i fa que la depuració del codi sigui senzilla i senzilla. Et dóna molta llibertat de disseny i s'adapta a les teves necessitats.
- Kit d'interfície d'usuari: el marc per utilitzar si esteu interessat a desenvolupar aplicacions per a iOS. Té un estil bàsic que fa que sigui fàcil desenvolupar el vostre propi lloc.
Conclusió
Els marcs són eines increïblement útils per al disseny frontal, especialment si teniu un lloc on sovint es desenvolupa. Permeten accelerar el flux de treball i augmentar la productivitat sense sacrificar la qualitat o la funcionalitat, tot i que deixen la porta oberta a un aspecte únic i personalitzat. Només recordeu usar-los com una eina per complementar les vostres habilitats, no com una forma de tallar les cantonades, i gaudir-ne!