Lær mere om Bootstrap og Material Design
Bootstrap
i 2011 besluttede en gruppe kvidre ingeniører at oprette Bootstrap som en intern løsning til deres programmeringsproblemer. Teknisk set var deres plan at oprette et værktøj uden en bestemt kodestruktur.
hver koder kan have deres egen måde at skabe deres kunstværker på. Dette fører normalt til nogle usikkerheder, når en anden programmør, lad os sige en nybegynder, forsøger at læse koden. På grund af det designede Mark Otto og Jacob Thorton Bootstrap-en måde at overbevise programmører om at forene deres mønstre for at skrive koden og undgå at skabe forskelle i processen. Fordelene, som Bootstrap bragte til deres daglige arbejde, var simpelthen uvurderlige.
da fyre fra kvidre indså sit sande potentiale, har de besluttet at frigive det som et open source-projekt. Med hjælp fra Github og tusindvis af andre programmører tog det kun et par måneder at mærke Bootstrap som det mest populære front-end udviklingsværktøj til at skabe lydhøre, mobile internetprojekter.
så hvad er Bootstrap?
Forestil dig det som en værktøjskasse, der indeholder en række nyttige funktioner og elementer, der kan være nyttige i processen med at oprette din hjemmeside.
det gør dig i stand til at vælge hvilket værktøj du kan lide, plus du kan være sikker på, at ingen af disse elementer kolliderer med hinanden. Det er som at passe puslespilsbrikker sammen, men i dette tilfælde passer hvert puslespil med et andet.
de værktøjer, du har forestillet dig i Vores Bootstrap-værktøjskasse, er HTML, CSS og JS alle kombineret. Material Design til Bootstrap er det bedste eksempel på, hvordan Bootstrap konstant er under udvikling, og hvor meget du kan tilføje til det ved hjælp af design og funktionalitetsmønstre fra Google Material Design.
Material Design
Material Design er et designsprog, der stammer fra Google, som intensivt bruges i interfaceprojekter til Android-systemet. Du kan spørge, hvorfor det bruges. Svaret er simpelt-det er allerede et modent og organiseret værktøj, der svarer til anvendeligheden og læsbarheden. Desuden udvikler og ændrer den sig dynamisk. Resultatet er et værktøj, der kan være et perfekt match til skærme, såvel som udgangspunktet for uerfarne mennesker i UI/U-design.
grundlaget for MD er allerede veletableret af hjemmeside-og UI-designere, der har arbejdet på det i lang tid. Hvad adskiller det fra andre værktøjer, er det faktum, Du kan bruge det i enhver form for projekt, du arbejder i øjeblikket på, fordi det er nemt at finde anbefalede praksis i hvert projekt sæt. Konventionerne lægger vægt på:
materialer som metafor-i denne sammenhæng er det en metafor for plads til ark og blæk. De virkelige ting, der bruges i dette værktøj, er lys og rum, understøttet af unikke rumattributter, der skelnes i feltet digitale former. Egenskaberne ved MD er de skygger, der er udbredt. Det afspejler opførelsen af virkelige ting, der eksisterer i virkeligheden
betydning-et incitament til MD er designtryk, som afspejler i et meget godt designet gitter, betydningen af typografi og farver.
bevægelse & Animation-MD understøtter ikke kun en statisk form for udskrivningsdesign, men inkluderer også de digitale medier, der er baseret på fysikkens love. Det giver os muligheden for at forene nytte med æstetik, hvilket er meget vigtigt i dag.
en af de vigtigste metaforer i MD er et materiale, der har sin position i rummet på å-aksen, så vi kan se, om det er tættere eller længere væk fra en bruger. Metaforen henviser til den såkaldte Elevationsværdi. Hvad der er interessant, er det faktum, at denne værdi simulerer højere og lavere positioner i rummet ved passende valgt skygge.
hvad er der mere vigtigt i Materialedesignattributter?
– karakteristiske og velvalgte farver
– enkle og brugervenlige ikoner
– grafik og billeder, der er et ekstra benchmark for indholdet
– Enkel, men samtidig elegant typografi baseret på Roboto-skrifttypen