An Intro to JavaScript Proxy
15.9.2021
Have you ever been in a situation where you wish you could have some control over the values in an object or array? Maybe you wanted to prevent certain types of data or even validate the data before storing it …
The post An Intro to JavaScript Proxy appeared first on CSS-Tricks. You...
On the `dl`
15.9.2021
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) 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...
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