Casual writings
From time to time, I explain code with words or doodles. All of these articles were published elsewhere. Some of them I wrote for CSS-Tricks and Smashing Magazine.
Solving problems is cool, but explaining the path to the solution is when the insights happen.
Articles
A Guide To Accessible Form Validation
Date: Feb '23- article
Making disabled buttons more inclusive
Date: May '21- article
Breaking text on a specific word and Screen Readers implications
Date: Sep '20- article
Striking a Balance Between Native and Custom Select Elements
Date: Jun '20- article
How front-end developers can empower designers’ work
Date: Oct '19- article
- zine
React Context cheatsheet
Date: Oct '19- Cheatsheet
Using CSS variables to wrangle variations in keyframe animations
Date: Sep '19- article
Learning hash tables with drawings
Date: Aug '19- zine
Bringing a healthy code review mindset to your team
Date: Jun '19- article
- talk
I’ve spoken at JSConf and so can you!
Date: Oct '17- article
The web is awesome and everyone should be able to read it
Date: May '17- article
How can Javascript improve your CSS mixins
Date: Mar '17- article
- talk
Code Pupas
These are tiny demos where I explored something, but without many words explaining it.
If the articles above were butterflies, these ones would be pupas.
Using aria-current
A demo of how to use aria-current in a list
CSS keyframes with css variables
The first prototype of the animation to my website intro (the motions of circles).
Hidden selects
Understanding why a <select> must have a confirm before taking action.
1 label cannot have 2 inputs
The reason why a label must only have one associated input.
Exclude sticky elements on scroll
A really cool visual trick to apply in sticky sidebars.
Carousel bi-directional
A vertical carousel with 2 paralel inverted directions, side by side. Cool for galleries.
CSS path animation
Animating a circle to a rectangle using Path with CSS only.