Popular
this
month
Sponsored by
Deque Systems
Comparing the New Generation of Build Tools
CSS is a Strongly Typed Language
A Complete Guide to Custom Properties
Creating a Smart Navbar With Vanilla JavaScript
The Importance of Career Laddering
Flash of inAccurate coloR Theme (FART)
Float an Element to the Bottom Corner
HTML Inputs and Labels: A Love Story
Headless Form Submission With the WordPress REST API
Still Hoping for Better Native Page Transitions
The .classList() API
Progress Delayed Is Progress Denied
The bombshell article of the week is from Alex Russell of Google/Chrome. Alex has long been super critical of Apple, particularly about how there is literally no option to run any other browser than Safari on iOS. This article isn’t …
Shared by
Chris Coyier
on
Is Vendor Prefixing Dead?
Let‘s take a quick stroll down memory-lane to revisit how vendor prefixing CSS properties came to be. I hope I don’t trigger PTSD for anyone!
It‘s not clear who started prefixing, or when it began exactly. What is clear, is …
Rob O'Leary
on
16px or Larger Text Prevents iOS Form Zoom
This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is …
Chris Coyier
on
Jetpack Backup: Roll Back Your WooCommerce Site Without Losing Orders
Here’s a dilemma: what happens if your WooCommerce site has a problem and the quickest and best way to fix it is to roll back to a previous version? The dilemma is, if you roll back the database, you would …
Let’s use (X, X, X, X) for talking about specificity
I was just chatting with Eric Meyer the other day and I remembered an Eric Meyer story from my formative years. I wrote a blog post about CSS specificity, and Eric took the time to point out the misleading nature …
Chris Coyier
on
Creating Colorful, Smart Shadows
A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the background in a pseudo-element, kick it behind the original, then blur and filter it. …
Shared by
Chris Coyier
on
Chapter 8: CSS
In June of 2006, web developers and designers from around the world came to London for the second annual @media conference. The first had been a huge success, and @media 2006 had even more promise. Its speaker lineup was pulled …
Jay Hoffmann
on
Swipey Image Grids
I hope people think of SVG as a vector format that is good for drawing things. There is plenty more to know, but here’s one more: SVG is good for composition. You draw things at very specific coordinates …
Shared by
Chris Coyier
on
WebPageTest API
I’m willing to bet you know WebPageTest. It is the premier tool in the toolbox of web performance people. Maybe you didn’t know that WebPageTest was a side project of one fella, Patrick Meenan, for most of its lifetime, …
Safari 14.1 Adds Support for Flexbox Gaps
Yay, it’s here! Safari 14.1 reportedly adds support for the gap property in flexbox layouts. We’ve had grid-gap support for some time, but true to its name, it’s limited to grid layouts. Now we can use gap in either type …
Geoff Graham
on
Web Languages as Compile Targets
Jim Nielsen quoting Eric Bailey:
…He references an example on Twitter where someone noted you can use the
<details>element to “create a native HTML accordion,” to which someone responded: “this works without Bootstrap? 🤯”What’s the problem here? From
Shared by
Chris Coyier
on
Our Learning Partner
Frontend Masters
