The <select> element is a fairly straightforward concept: focus on it to reveal a set of <option>s that can be selected as the input’s value. That’s a great pattern and I’m not suggesting we change it. That said, I do enjoy poking at things and found an interesting way to turn a <select> into a dial of sorts — where options are selected […]
How to Make a “Scroll to Select” Form Control Read More »
Learn how to efficiently manage and automate Vultr cloud infrastructure using Terraform. This step-by-step guide covers provisioning resources like cloud instances and Kubernetes clusters, ensuring consistency, scalability, and collaboration in your cloud deployments. Continue reading Automating Vultr Cloud Infrastructure with Terraform on SitePoint.
Automating Vultr Cloud Infrastructure with Terraform Read More »
Mixing colors in CSS is pretty much a solved deal, thanks to the more recent color-mix() function as it gains support. Pass in two color values — any two color values at all — and optionally set the proportions. background-color: color-mix(#000 30%, #fff 70%); We also have the relative color syntax that can manipulate colors
Color Mixing With Animation Composition Read More »
I was looking over an older article Patrick Brosset penned for us introducing <selectmenu>, a new proposal at the time for a more style-able cousin to <select>. From there, I clicked the linked-up <selectmenu> explainer and got… this: OK, link rot is a thing and happens all the time. Perhaps the site needs a little
The selectmenu Element is No More…Long Live select! Read More »
You have to get creative when you lack a strong visual. This month’s design trends roundup focuses on this concept.
3 Essential Design Trends, October 2024 Read More »
Part of me can’t believe I’m writing this article. Applying the insights of Leonardo da Vinci or Saul Bass to web design is more my groove, but sometimes you simply have to write about spreadsheets. You have to advocate for them. Because someone should. In a checkered career spanning copywriting, journalism, engineering, and teaching, I’ve
The Timeless Power Of Spreadsheets Read More »
For the past two months, all my livelihood has gone towards reading, researching, understanding, writing, and editing about Anchor Positioning, and with many Almanac entries published and a full Guide guide on the way, I thought I was ready to tie a bow on it all and call it done. I know that Anchor Positioning
CSSWG Minutes Telecon (2024-09-18) Read More »
Learn how to deploy and set up Plesk on Vultr’s Optimized Cloud Instance. This guide covers installation, administrator account setup, domain management, SSL certification, and highlights key Plesk features for efficient web hosting management. Continue reading Advanced Web Deployment With Plesk on Vultr on SitePoint.
Advanced Web Deployment With Plesk on Vultr Read More »
I place myself firmly in the category of being an introvert when it comes to my role as a UX researcher. I love the process of planning and executing research. I have never felt a need to be the loudest or most talkative person in a meeting. I contribute after I have developed something worth
Embracing Introversion In UX Read More »
Getting right to it: the CSS-Tricks Almanac got a big refresh this week! I’m guessing you’re already familiar with this giant ol’ section of CSS-Tricks called the Almanac. This is where we publish references for CSS selectors and properties. That’s actually all we’ve published in there since the beginning of time… or at least since
Re-Working the CSS Almanac Read More »
