![On the `dl`](https://www.cdn5.niftycent.com/d/e/L/G/W/0/R/on-the-dl.webp)
Blogging about HTML elements¹? chefs kiss Here’s Ben Myers on the (aptly described) “underrated” Definition List () element in HTML:
You might have also seen lists of name–value pairs to describe lodging amenities, or to list
…
The post On the dl
appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
![Jamstack Conf 2021](https://www.cdn5.niftycent.com/d/1/d/Y/W/Q/j/jamstack-conf-2021.webp)
(This is a sponsored post.) What? Jamstack Conf! It’s the best! Learn what’s happening and what’s next for this hot ecosystem. When? October 6–7, 2021 Where? Virtual / online. How much? It’s free! There are workshops as well though, …
The post Jamstack Conf 2021 appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
![Building a Form in PHP Using DOMDocument](https://www.cdn5.niftycent.com/d/k/6/W/q/M/r/building-a-form-in-php-using-domdocument.webp)
Learn how to build an HTML form in PHP using DOMDocument — a structured and expressive way to build logical markup.
The post Building a Form in PHP Using DOMDocument appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/building-a-form-in-php-using-domdocument/
![Grainy Gradients](https://www.cdn5.niftycent.com/d/1/9/q/N/z/n/grainy-gradients.webp)
Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, …
The post Grainy Gradients appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
![Social Image Generator + Jetpack](https://www.cdn5.niftycent.com/d/k/l/r/Y/Q/7/social-image-generator-jetpack.webp)
I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found Social Image Generator. The trajectory there was that I ended up …
The post Social Image Generator + Jetpack appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
![“Just in Time” CSS](https://www.cdn5.niftycent.com/d/D/2/6/q/q/K/just-in-time-css.webp)
I believe acss.io is the first usage of “Atomic CSS” where the point of it is to be a compiler. You write CSS like this:
![EyeDropper API Dropped](https://www.cdn5.niftycent.com/d/e/5/0/N/v/4/eyedropper-api-dropped.webp)
I had no idea this was coming but it’s pretty neat! Chrome has shipped the EyeDropper API in v95 (Canary, as I write).
🎨 Loving the new EyeDropper
Web API:
“`jsawait new EyeDropper().open();// Returns the picked color, e.g.,
…
The post EyeDropper API Dropped appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
![Fun Times Styling Checkbox States](https://www.cdn5.niftycent.com/d/1/g/0/J/O/G/fun-times-styling-checkbox-states.webp)
We might leave a text input unstyled. We might leave a link unstyled. Even a button. But checkboxes… we don’t leave them alone. That’s why styling checkboxes never gets old. Although designing checkboxes is not that complicated, we also don’t …
The post Fun Times Styling Checkbox States appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
![Improve Largest Contentful Paint (LCP) on Your Website With Ease](https://www.cdn5.niftycent.com/d/D/3/x/A/a/V/improve-largest-contentful-paint-lcp-on-your-website-with-ease.webp)
(This is a sponsored post.) Optimizing the user experience you offer on your website is essential for the success of any online business. Google does use different user experience-related metrics to rank web pages for SEO and has continued …
The post Improve Largest Contentful Paint (LCP) on Your Website With Ease appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/improve-largest-contentful-paint-lcp-on-your-website-with-ease/
![Frameworks Helping Image Usage](https://www.cdn5.niftycent.com/d/D/P/E/m/n/4/frameworks-helping-image-usage.webp)
I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites. I think it’s encouraging to see frameworks — these …
The post Frameworks Helping Image Usage appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.