Chinees raamrooster en CSS
Al bekend met de -webkit-box-reflect property? Yuan Chuan laat zien hoe je een Chinees raamroosterpatroon kunt maken met behulp van deze eigenschap.
Mijn persoonlijke collectie van gelezen front-end development artikelen
Al bekend met de -webkit-box-reflect property? Yuan Chuan laat zien hoe je een Chinees raamroosterpatroon kunt maken met behulp van deze eigenschap.
Ik voeg geregeld artikelen toe. Omdat ik bij het plaatsen de datums van de artikelen aanhoud, gebeurt het vaak dat de artikelen niet op de homepage terechtkomen. Daarom maak ik elke week een artikeloverzicht aan met alle artikelen die ik die week heb toegevoegd. Dit kunnen dus ook al wat oudere artikelen zijn. Maar daarom niet minder interessant. Door die artikelen wat meer aandacht te geven, soms ik ze hier elke week op.
Dit is deel 2 van 3 in een reeks artikelen over CSS grid en toegankelijkheid.
CSS grid is krachtig, flexibel en geweldig voor ons om mee te ontwikkelen. Maar het kan ook ten koste gaan van gebruikerservaring en toegankelijkheid als we het niet op een verantwoorde manier gebruiken. Dit artikel geeft een overzicht van mogelijke valkuilen bij de implementatie. Of met andere woorden, de donkere kant van CSS grid.
Preethi laat een aantal voorbeelden uit de praktijk zien over functionele uitwerkingen van de zogehete Intersection Observer. Die houdt kortgezegd in de gaten wanneer een element in beeld komt. Naast een aantal mooie animaties en interacties, laat hij praktische situaties zien. Zoals het laden van media, het pauzeren van een video en het analyseren van hoeveelheid content.
Semantische HTML en het gebruik van ARIA is van belang voor moderne webontwikkeling. Daarom dat Adam duikt in het wie, wat, waarom en hoe omtrent semantiek. Hij let daarbij op hoe we betere interfaces kunnen creëren die beter toegankelijk zijn. Met ARIA als laatste redmiddel als het echt niet anders kan.
Zoals eerder aangekondigd zal binnenkort in de browser Chrome ‘native lazy loading’ worden geïntroduceerd. En vermoedelijk zullen erna veel browsers gaan volgen. Tijd om te gaan kijken naar jouw laadstrategie. Het mooie aan HTML is dat als die iets niet herkent, dit gewoon negeert. Helaas kan lazy loading niet worden opgevangen met een polyfill. Wel kun je met behulp van Javascript een zogehete ‘hybrid lazy loading’ implementeren. In dit artikel lees je hoe.
De afgelopen jaren heeft de snelle browserimplementatie van nieuwe CSS ervoor gezorgd dat we dingen kunnen doen die we voorheen niet konden. Door deze nieuwe ontwikkelingen te begrijpen maken wij ons klaar voor de toekomst. Rachel heeft hierover een presentatie gegeven tijdens de Event Apart conferentie in Boston. Haar slides en Code Pen demo’s heeft ze online geplaatst.
Vandaag ga ik op mijn werk bij We Are You Tuil een Inspiring Lunch sessie geven over variable fonts. Daarom deze week een artikeloverzicht over dit onderwerp.
Een mooi voorbeeld van Andy hoe je met grid layout zonder hulp van media queries een responsive design kunt maken. Zijn benadering is heel generiek. Het geheel buiten sluiten van media queries zal dus niet gebeuren. Maar we zullen er wel minder gebruiken van gaan maken dan voorheen.
Dit artikel neemt je mee in de boxwaardes die we kennen van de display property. Er wordt uitgelegd wat het gedrag is van de waarde display: none. En wat de recentelijk nieuwe waarde display: contents precies doet. Ook worden de op dit moment potentiële problemen van het gebruik van deze methode op het gebied van toegankelijkheid besproken.