Building a Form in PHP Using DOMDocument
14.9.2021
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
Jamstack Conf 2021
14.9.2021
(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...
Grainy Gradients
13.9.2021
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...
Social Image Generator + Jetpack
13.9.2021
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...
“Just in Time” CSS
10.9.2021
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:
<div class="C(#fff) P(20px)"text
</div
And it will generate CSS like:
.C\(\#333\) {
color: #333;
…
The post “Just in Time” CSS appeared...
Fun Times Styling Checkbox States
10.9.2021
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...
EyeDropper API Dropped
10.9.2021
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...
Frameworks Helping Image Usage
9.9.2021
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...
Improve Largest Contentful Paint (LCP) on Your Website With Ease
9.9.2021
(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)...
Collective #678
9.9.2021
Building a split-button component * Roadroller * Using the platform * Pollen
The post Collective #678 appeared first on Codrops
Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme
9.9.2021
Frontity is a framework for creating de-coupled (or "headless") WordPress sites. In this article, we dive into the process of spinning up such a site, with a detailed overview of the building blocks provided by Frontity and its flagship theme, Mars.
The post Mars Theme: A Deep Look at Frontity’s...
Don’t attach tooltips to document.body
8.9.2021
Here’s Atif Afzal on using a <div> that is permanently on the page where tooltips are added/removed and how they perform vastly better than plopping those same tooltips right into the <body>. It’s not really discussed, but the reason …
The post Don’t attach...