The Curious Engineer

All blogs / Frontend / CSS / browsers

alvaromontoro.com

alvaromontoro.com/blog

Blog page at Alvaro Montoro's Personal Website.

Frontend / CSS / browsersEssays / personalTravel

’21’22’23’24’25’26
Posts
270 from 11 Feb 2021 to 10 Oct 2026
Posting
weekly (28 in the last year)
Kind
personal blog

2026 24

  1. My Commit Your Code'26 Experience Last month, I participated as a speaker at the Commit Your Code conference in Plano, Texas. The talks, the organization, and the people who attended, made it a very special event that left me with a big smile on my face. This blog post tells how it went and how I li
  2. La Liga's Web Accessibility Table: How Do Clubs Actually Score?
  3. The 4 Hs of HTML
  4. RGB is Dead, Long Live RGB!
  5. Dear Texan Driver...
  6. Fancy Clipping with CSS
  7. Don't Use A Class For That!
  8. The AI Apocalypse Isn't Coming... But the Risks Are Real
  9. The Spanish Football Revolution: from Eternal Candidate to World Champion
  10. The Sword of Damocles at Work: The Human Cost of Delayed Layoffs
  11. Ka kite ano, New Zealand! (Day 7)
  12. Māori Carvings and Nature In Our Last Full Day in New Zealand (Day 6)
  13. Geothermal Activity, Māori Culture, Kiwi Birds... and a real earthquake? (Day 5)
  14. Rotorua for Kids, Culture, and Nature (Day 4)
  15. Waitomo Caves and Our First Taste of Māori Culture (Day 3)
  16. Hobbiton Behind the Scenes Tour and Ruakuri Night Walk (Day 2)
  17. Arriving in New Zealand: Auckland to Matamata with Kids (Day 1)
  18. Traveling New Zealand with Kids: A 7-Day North Island Road Trip
  19. When CSS Says 'Yes' but Browsers Say 'LOL No'
  20. CSS Games: 4Connect
  21. CSS in City
  22. Native Random Values in CSS
  23. CSS Optical Illusions
  24. Bad CSS-Dad Jokes (VI)

2025 22

  1. 100 Web Development Jokes
  2. Joshua-Paul Meme Generator
  3. Bad CSS-Dad Jokes (V)
  4. Drawing Triangles with CSS Using Borders... an Exception
  5. Bad CSS-Dad Jokes (IV)
  6. Inktober/Divtober: Sting
  7. "Your Profile Doesn't Match the Role" and Other Interview Horror Stories
  8. Style :headings
  9. Using attr() with types
  10. Drawing with CSS: Black Cat
  11. CSS: Drawing Yoda in CSS
  12. Creating a Prank Site in 5 Minutes
  13. Drawing a Koala with HTML and CSS
  14. Social Media Widgets and Privacy
  15. They say my job won't survive...
  16. 10 Settings to Improve your LinkedIn Experience
  17. My Career Through Job Interviews (and Vice Versa)
  18. GDPR and AI Act Are Awful
  19. Principles of Web Accessibility
  20. Single HTML Element Star Rating Component
  21. Lighthouse Success Story
  22. Human Writing in the Age of AI

2024 18

  1. Alvaro Montoro Presents: Fun with Flags... with CSS
  2. Drawing Togo's Flag with CSS
  3. Halloween, (CSS) Masks, and Logic Gates
  4. Bad CSS-Dad Jokes (III)
  5. Bad CSS-Dad Jokes (II)
  6. New Values and Functions in CSS
  7. Web Developers, AI, and Development Fundamentals
  8. Bad CSS-Dad Jokes
  9. A "New Way" to Pay Creators
  10. Read Phone Contacts with JavaScript
  11. AI Act is Here
  12. Batman-Comic.CSS
  13. CSS One-Liners to Improve (Almost) Every Project
  14. CSS Surprise Manga Lines
  15. Some Thoughts about Bootstrap, TailwindCSS, and Web Styling
  16. Toggle: Colorful
  17. CSS Cartoons for comiCSS Second Anniversary
  18. New HTML Control Lands in Safari

2023 28

  1. Creating Progressive Enhanced CodePen Links and Embeds
  2. Cordova or: How I Learned to Stop Worrying About Native and Love the Web
  3. Creating an Interactive Image Gallery with HTML and CSS
  4. One HTML Tag. Thirty+ CSS Drawings -My Divtober 2023 Collection.
  5. Playing with the Gamepad API
  6. It's all just a little bit of history repeating
  7. Shapes in CSS
  8. HTML Tip: Theme Colors
  9. 1-Minute CSS Tip: Accent Colors
  10. Small Details to Improve Your Website's Experience
  11. Tiny Awards Finalists
  12. Elder Millennials Make the Best Managers
  13. What color should the text be? (A CSS Quiz)
  14. CSS Art: Drawing a Coffee Stain
  15. DIY Puppy Ornament
  16. New HTML Element: search
  17. Drawing an Egg with CSS
  18. CSS Art: Motorola RAZR V3
  19. My First Bug
  20. Daily Routine of a Texan Software Developer
  21. An Apple A Day...
  22. Putting a Stop in Web Accessibility
  23. CSS Art: Nintendo Switch
  24. Drawing a chibi character with CSS (with video)
  25. CSS Tip: Style your Radio Buttons and Checkboxes for Printing
  26. CSS Nesting is coming
  27. Is ChatGPT testing its users?
  28. Drawing kawaii sharks and sea life with HTML and CSS

2022 26

  1. Old Photo Effect with CSS
  2. My Divtober 2022 Drawings
  3. Creating a Splash Effect with HTML and CSS (with Video!)
  4. Creating a CSS-Only Toggle Switch
  5. The Pomodorito Technique
  6. Launching an images website... without any images
  7. CSS-Only Reading Progress Indicator
  8. My Wordle Strategy
  9. Thirteen years
  10. Is CSS an Object-Oriented Programming Language?
  11. The Importance of Being a Maintainer
  12. LGBTQ+ Flags Coded in CSS
  13. Beware the Font Name
  14. How to kill morale and get rid of your most valuable developers
  15. Drawing with CSS: Anime Character
  16. Fun with CSS Combinators
  17. Fun with justify-content
  18. Drawing a flame with CSS
  19. Creating a Firework Effect with CSS
  20. My ABC of Graphic Novels
  21. comiCSS: Month One
  22. Giving new meanings to the color functions in CSS
  23. Introducing comiCSS
  24. How to have fun (and win) in a hackathon
  25. The Mystery of the Changing Favicon
  26. Centering vertically and horizontally with CSS

2021 32

  1. Building a Robot Friend from a McDonald's Toy
  2. Building a coordinate system with HTML and CSS
  3. Single element dice with CSS
  4. My Divtober 2021 Drawings
  5. Myths about Web Accessibility
  6. Typewriter Effect with CSS
  7. My og:image bug
  8. Twitter, Grifters, DevRels, and the end of everything as we know it
  9. Drawing a cartoon of a boy with curly hair with HTML and CSS
  10. Don't make these mistakes when applying for a job
  11. Help a teacher. Become a better developer.
  12. Using JS Speech Recognition to build a virtual assistant
  13. Creating Accessible CSS Art
  14. Interactive window with a single div
  15. April 2021 Recap
  16. Time for dePREcation?
  17. Spoiler/sensitive sections in HTML and CSS
  18. Bezos' Calculator
  19. Drawing The Wizard of Oz characters in CSS
  20. March 2021 Recap
  21. The Simpsons in CSS
  22. Drawing a triangle with CSS
  23. Build your dream job
  24. Feedback on personal website
  25. Five websites to practice your coding skills
  26. February Recap
  27. Monetize your website without impacting your visitors
  28. 7 interesting HTML attributes (you may not know)
  29. CSS Peasant
  30. Creating a snowfall effect with HTML and CSS
  31. CSS Dino game
  32. Don't just code

Undated 120

  1. January 2021 Recap
  2. The name is Script, JavaScript
  3. Cartoon character in HTML and CSS
  4. Web Development Haikus
  5. File format decision tree
  6. Digital Ocean Hackathon App: Submission!
  7. Digital Ocean Hackathon App: PWA time
  8. Digital Ocean Hackathon App: details and final touches
  9. Digital Ocean Hackathon App: extending the app
  10. Digital Ocean Hackathon App: it works!
  11. Digital Ocean Hackathon App: styling and (more) research
  12. Digital Ocean Hackathon App: initial prototype
  13. Digital Ocean Hackathon App: First steps
  14. Digital Ocean Hackathon App: Dwindle
  15. Create a tag cloud with HTML and CSS
  16. Building a CSS game without HTML or JS
  17. Drawing a cartoon in CSS
  18. Reduce motion with CSS
  19. Drawing a snowman in CSS... with no HTML elements!
  20. Drawing Santa Claus in CSS
  21. Drawing a Thanksgiving turkey with CSS
  22. Drawing a Giraffe with CSS
  23. Drawing Bill Cipher in CSS
  24. 100 Days of CSS Illustrations
  25. 100 Days of CSS Illustrations (91-100)
  26. Drawing La Muerte with CSS and HTML
  27. 100 Days of CSS Illustrations (81-90)
  28. Drawing a Witch with HTML and CSS
  29. Drawing a butterfly with HTML and CSS
  30. Drawing a cartoon character in CSS
  31. Drawing a snowy scene in CSS
  32. 100 Days of CSS Illustrations (71-80)
  33. CSS Silhouette
  34. 100 Days of CSS Illustrations (61-70)
  35. Drawing Frankenstein's Monster with CSS
  36. Making tables more accessible with CSS
  37. 100 Days of CSS Illustrations (51-60)
  38. 100 Days of CSS Illustrations (41-50)
  39. ATX Diversity Hackathon 2020
  40. Creating an animated Pacman pattern
  41. CSS Woman
  42. 100 Days of CSS Illustrations (31-40)
  43. 100 Days of CSS Illustrations (21-30)
  44. Drawing a cartoon character with CSS
  45. The many ways to write a color in CSS
  46. 100 Days of CSS Illustrations (11-20)
  47. Hiding content for accessibility
  48. 100 Days of CSS Illustrations (1-10)
  49. My journey to CodeLand
  50. CSS game: Plankman
  51. Drawing a CSS cartoon
  52. CSS Mastermind
  53. Virtual Gamepad in JavaScript
  54. Desarrollando un mini-Rock Band con HTML y JavaScript
  55. Develop a Rock Band game with HTML and JavaScript
  56. One month with a 3D printer
  57. Limit pointer-events to graphic elements
  58. I'm hosting a workshop at CodeLand:Distributed
  59. Do not just use color to convey information
  60. What not-so-popular newsletters would you recommend?
  61. Color contrast: beyond text
  62. Color contrast: text
  63. Accessible text
  64. Use font-relative units for font sizes
  65. Using !important in CSS
  66. Allow end-user styling overrides
  67. Web Accessibility with CSS
  68. Building a toast component... that looks like a piece of toast
  69. CSS Combinators and Specificity
  70. Building an interactive form: Additional changes
  71. Changing CSS's appearance
  72. One year writing on DEV
  73. Drawing a single-element dollar bill with CSS and JavaScript
  74. The CSS Box Model... built only with CSS
  75. How do you work with kids at home?
  76. The WebAIM Million 2020
  77. The CSS Box Model
  78. CSS Animation: The King and the Fly
  79. What hacky dev workarounds have you done before?
  80. The color function
  81. Intermission... and some fun with HTML4
  82. Named Colors
  83. Hexadecimal RGB (HEX)
  84. The Ultimate Guide to CSS Colors (2020 Edition)
  85. The Ultimate Guide to CSS Colors (2020 Edition)
  86. Almond.CSS: a collection of class-less CSS styles
  87. The Disappearing Line (a CSS Mystery)
  88. Creating Interactive HTML5 Inputs
  89. Developing an Interactive Résumé with HTML and CSS
  90. When transparent is not transparent
  91. Building an interactive form: Final stylings
  92. Building an Interactive Form: Interactivity
  93. Building an interactive form: CSS image
  94. Building an interactive form: Initial styling
  95. Building an interactive form: Structure
  96. Building an interactive form
  97. Building an interactive login form with HTML and CSS
  98. Drawing Homer Simpson using circles in CSS
  99. Adding alternative text on Twitter images
  100. Building your own color contrast checker
  101. CSS Interview Questions Feedback
  102. Workshops at ARTIFACT
  103. Day 2 at ArtifactConf
  104. Day 1 at ArtifactConf
  105. The End of Internet Explorer
  106. Our Experience at the 5th Annual Diversity Hackathon
  107. Web Confusion
  108. Divitis and other itis
  109. Web Development Illnesses (Intro)
  110. JavaScript as a Foreign Language
  111. Do you have a gamepad? Help me test a library!
  112. Case-Insensitive Selectors in CSS
  113. Should a lack of side projects raise flags in an interview?
  114. CSS games are fun!
  115. Recreating the iPad Commercial Animation with CSS
  116. Free Web Accessibility Tools
  117. Fix 85% of your Web Accessibility issues in 5 easy steps
  118. A Case for Web Accessibility
  119. Cartoonifying and animating a still photograph
  120. A job interview, Tim Berners-Lee, and the imaginary hot air balloon