In deel een, we hebben het gehad over het gebruik van de kracht van display: flex in uw website-indelingen en hoe veelzijdig dit nieuwe lay-outconcept is gebleken. Met die gedachten uit de vorige video in het achterhoofd, kunnen we het proces nu aanpassen en gebruiken als onderdeel van een responsief ontwerp.
Met responsief ontwerp kan de gebruiker een bepaalde indeling bekijken die specifiek is toegesneden op het platform waarop ze de pagina bekijken. In de tutorial van vandaag zal ik de flexbox-markering gebruiken om u te helpen bij het maken van dynamische, kneedbare lay-outs voor alle apparaten , met behulp van traditionele mediaquery's die vaak worden gebruikt in responsieve ontwerpopmaak.
We bespreken ook de voordelen van het in een flits herschikken en van grootte veranderen van responsieve elementen en wat dat betekent voor de workflow van uw volgende project. In dit tempo zullen we hopelijk in de nabije toekomst de achterkant van die vervelende clearfixes zien!
Heb je de lay-out van de flexbox gebruikt voor lay-out? Heb je liever een andere methode? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, flexibel beeld via Shutterstock.