I del et, vi rørte ved, hvordan man kan udnytte displayets styrke: flex i dit website layout, og hvor alsidigt dette nye layout koncept har vist sig at være. Med de tanker fra den foregående video i tankerne kan vi nu tilpasse processen og bruge den som en del af et lydhørt design.
Responsivt design giver brugeren mulighed for at se et layout, der vurderes og målrettet specifikt til den platform, de ser på siden, og i dagens tutorial bruger jeg flexbox-markeringen for at vise dig, at du kan skabe dynamiske, formbar layouter for alle enheder , ved hjælp af traditionelle medieforespørgsler, der ofte anvendes i responsivt designmarkup.
Vi diskuterer også fordelene ved at omarrangere og ændre størrelsen på lydhøre elementer i en flash, og hvad det betyder for dit næste projekts workflow. I denne grad vil vi forhåbentlig se bagsiden af disse irriterende clearfixes i den nærmeste fremtid!
Har du brugt flex box tilgang til layout? Foretrækker du en anden metode? Lad os vide i kommentarerne.
Fremhævet billede / miniaturebillede, fleksibelt billede via Shutterstock.