Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved
2.4.2021
In the news this week, Firefox gets rounded outlines, SVG animations are now GPU-accelerated in Chrome, there are no physical units in CSS, The New York Times crossword is accessible, and CSS variables are resolved before the value is inherited.…
The post Platform News: Rounded Outlines...
Honeypot DEVS ANSWER
2.4.2021
I did this thing for Honeypots YouTube Channel. I had heard of Honeypot through these mini documentaries they have done, like about Vue.js, GraphQL, and Ember.js. They do a great job, so I was happy to …
The post Honeypot DEVS ANSWER appeared first on CSS-Tricks.
You can support CSS-Tricks...
The Deno Company
2.4.2021
I’m sure a lot of you are paying attention to Deno anyway, the next-gen JavaScript-on-the-sever project from Node creator Ryan Dahl, especially after dropping all these candid regrets about what happened in Node. But perhaps your paying more attention now …
The post The Deno Company...
Let’s Create an Image Pop-Out Effect With SVG Clip Path
2.4.2021
Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in most modern browsers. I wanted to dig into it myself to get …
The post Let’s Create an Image Pop-Out Effect With SVG Clip Path appeared first...
Click Outside Detector
2.4.2021
It’s a reasonable UX thing that you can click-to-open something, and then not only be able to click that same thing to close it, but click outside the thing that it opened to close it. Kitty Giraudel just blogged about …
The post Click Outside Detector appeared first on CSS-Tricks.
You...
WordPress Caching: All You Need To Know
1.4.2021
Here’s Ashley Rich at Delicious Brains writing about all the layers of caching that are relevant to a WordPress site. I think we all know that caching is complicated, but jeez, it’s a journey to understand all the caches at …
The post WordPress Caching: All You Need To Know...
React Authentication & Access Control
1.4.2021
Authentication and access control are required for most applications, but they often distract us from building core features. In this article, I’ll cover a straightforward way to add auth and access control in React.
Instead of adding a static library …
The post React Authentication &...
Collective #655
1.4.2021
SVG Generators * Best practices for cookie notices * Overlay Fact Sheet * Skribbl
The post Collective #655 appeared first on Codrops
Fixing a slow site iteratively
1.4.2021
Site performance is potentially the most important metric. The better the performance, the better chance that users stay on a page, read content, make purchases, or just about whatever they need to do. A 2017 study by Akamai says as …
The post Fixing a slow site iteratively appeared first...
Designing calculator apps
1.4.2021
It is extremely weird that the calculator apps, even the default ones baked into desktop operating systems, embrace the UI and UX of those little cheap-o plastic physical calculators. I like what Florens Verschelde’s Math teacher had to say:
I
…
The post Designing calculator apps...
Where the World Wide Web Shines
1.4.2021
Here’s a fabulous post by Vitaly Friedman that looks at how to make accessible front-end components and what problems there are today when it comes to building them.
There’s so much great info packed into this one post that I’m …
The post Where the World Wide Web Shines appeared first...
Overlay Fact Sheet
31.3.2021
I would hope all our web designer/developer spidey senses trigger when the solution to an accessibility problem isn’t “fix the issue” but rather “add extra stuff to the page.” This Overlay Fact Sheet website explains that. An “Overlay” is one …
The...