Laatste berichten

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.

0

Artikeloverzicht week 19 van 2019

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.

De duistere kant van grid – deel 2

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.

Hybrid Lazy Loading: een progressieve migratie naar native lazy loading

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.

0

Duik mee in de display property: De box generatie

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.