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.
mei 15, 2019
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.
mei 13, 2019
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.
mei 11, 2019
Een aantal functionele voorbeelden van de Intersection Observer zodra een element in beeld komt
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.
mei 8, 2019
Waarom, hoe en wanneer je semantische HTML en ARIA moet gebruiken
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.
mei 7, 2019
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.
mei 6, 2019
Dingen beter maken: het herdefiniëren van de technische mogelijkheden van CSS
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.
mei 6, 2019
Artikeloverzicht week 18 van 2019: variable fonts
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.
mei 6, 2019
Creëer een responsive grid layout zonder media queries door middel van CSS Grid
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.
mei 3, 2019
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.
mei 1, 2019