BlogFlock

Mijn naam is Hidde de Vries, specialist standaarden bij Logius (deel van de Rijksoverheid). Hierbij vraag ik om je stem voor mijn verkiezing in het Advisory Board van het W3C.

Mijn enthousiasme voor het web gaat zo'n 20 jaar terug, toen ik op de middelbare school mijn eerste website maakte.…

My name is Hidde de Vries, accessibility standards specialist at Logius (part of the Dutch government). I would appreciate your support of my running for the W3C's Advisory Board.

I fell in love with the web ever since I built my first website in high school, almost 20 years ago.…

What could you create if you had 30 minutes to plan and 4 hours to build? Me, Lane Wagner, Sarah Shook, Nikki Meyers, Shashi Lo, and Nick Taylor took on the Web Dev Challenge to find out.

They picked the Napoleon Dynamite thumbnail for Lane and I…

CSS Zen Garden Leave…

Taking time, breathing slow, clearing my head, tending to a brutalist garden on Codepen.

Seems appropriate.

CSS ::scroll-button(), ::scroll-marker, Carousel Configurator, and Carousel Gallery with Chris and Dave on ShopTalk Show.

Watch · Listen · Read

Recording is live!

Watch CSS Can We Do That on YouTube via Smashing Meets CSS online event.

CSS Mixins and Functions are both ready for you to hack on 🤯. I think of functions as returning a value and mixins as a way to apply a chunk of styles.

Bramus has a great intro on @function, don't miss it. But this post is about @mixin,…

Get ready! The <select> element can now be customized with CSS, check out the post on the Chrome Blog!

• Finally render custom HTML inside an <option>
• Works without JS
• Easy to progressively enhance

We just announced how CSS can make carousels on the Chrome Blog!

• Incredible accessibility
• Works without JS
• Builds upon regular scrollers

CSS Carousel Configurator:
I made this so you can directly see the relationship of a feature you want and the related CSS.

CSS Carousel Gallery:
Showcases…

Add a rainbow shadow effect with hue longer interpolation and a little bit of blur().

Try it in this Codepen