Using Container Queries to Make a News Layout
When I hear media query I think about a bottle filled with liquids that don’t mix (e.g. oil and water). The content(water/oil) will assume…
#css
6 posts
2023
CSS Snippets I Use 90% of The Time - Part 2
This is part 2 of CSS snippets I used 90% of the time post. As promised this is second part of CSS styles I commonly used with my projects. If you are going to think of a rule I’d say this is my 80/20 rule for CSS.
CSS Snippets I Use 90% of The Time - Part 1
I have snippets of code I return to whenever I find patterns in a design. It is one of those efficiency hacks I’ve adopted as a programmer. I have quite a collection. Gathered working on websites in different industries. Although the size and theme of these websites vary, I can still count on some basic UI patterns.
Fix accessibility using focus-within
A few issues I found recently for clients were related to accessibility. A few perfectly working user interfaces were not keyboard accessible. Not because they are custom controls nor because the controls were not tabable.
2022
Creating My Animated Bottom Bar Experiment
I wanted to see how much we can do with CSS transitions. No keyframe animations at all. Although you would have more control over the…
Accessible UI Component Series
A short series of accessible UI components built on one shared “Codespud” design-token file, so I could test ARIA Authoring Practices…