You are done with the Challenges and the Quizzes? Find below a selection of some articles I wrote on CSS Tricks and DEV
Who I am? I am Temani Afif, the mastermind behind this website.
Responsive Layouts, Fewer Media Queries
Exploring the CSS Paint API: Rounding Shapes
Exploring the CSS Paint API: Polygon Border
Exploring the CSS Paint API: Blob Animation
Exploring the CSS Paint API: Image Fragmentation Effect
Build Complex CSS Transitions using Custom Properties and cubic-bezier()
Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries
Advanced CSS Animation Using cubic-bezier()
Float an Element to the Bottom Corner
Image Fragmentation Effect With CSS Masks and Custom Properties
I made 100 CSS loaders for your next project
100 underline/overlay animations | The ultimate CSS collection
A One Piece of CSS Art!
Build your CSS loader with only one div — The Dots
A CSS-only reaction component using emoji
CSS Shapes with rounded corners
A scalable CSS only Typewriter Effect
A Multi-line CSS only Typewriter effect
Scalable "star rating" without JS (and no SVG or image for the star)
The ONE star rating system — the future of rating
Responsive hexagon grid without media query
Border with gradient and radius
What no one told you about CSS Variables
Responsive text based on image size
Never make your text container a flexbox container
Fully responsive CSS folded ribbon
How to correctly position rotated text using CSS
When will we have CSS4?
All you need to know about background-position
