Search

Nalezeno "interesting": 299

“Off The Main Thread”


JavaScript is what they call "single-threaded." As Brian Barbour puts it: This means it has one call stack and one memory heap. We all feel a symptom of that regularly in the form of performance jank and non-interactivity on elements or entire sites. If we give JavaScript lots of jobs and it gets...

Various Methods for Expanding a Box While Preserving the Border Radius


I've recently noticed an interesting change on CodePen: on hovering the pens on the homepage, there's a rectangle with rounded corners expanding in the back. Expanding box effect on the CodePen homepage. Being the curious creature that I am, I had to check how this works! Turns out, the rectangle...

Firefox blocks third-party tracking cookies and cryptominers


This is super interesting stuff from Mozilla: the most recent update of Firefox will now block cryptominers and third-party tracking scripts by default. In the press release they write: For today’s release, Enhanced Tracking Protection will automatically be turned on by default for all users...

Fast Software


There have been some wonderfully interconnected things about fast software lately. We talk a lot of performance on the web. We can make things a little faster here and there. We see rises in success metrics with rises in performance. I find those type of charts very satisfying. But perhaps even...

More Flexible Online Stores WooCommerce and Gutenberg Blocks


Blocks have become an indispensable component for managing content in WordPress since the Gutenberg editor was officially released earlier this year. Not only does WordPress include some nifty blocks right out of the box, but we're starting to see plugin developers take advantage of them...

Awesome Demos Roundup #6


The sixth edition of our creative web experiments roundup that collects the most interesting demos from around the web. Awesome Demos Roundup #6 was written by Mary Lou and published on Codrops

Developing a robust font loading strategy for CSS-Tricks


Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects. Spoiler alert: Font loading is a complex and important part of...

Which CSS IS AWESOME makes the most sense if you don’t know CSS well?


Peter-Paul posted this question: Which of the examples in the image do you consider correct? If you know CSS well, don't reply, just retweet. If you don't know CSS too well, please reply to the poll in the next tweet. pic.twitter.com/4bgnf9Wdkc — ppk 🇪🇺 (@ppk) June...

Which CSS IS AWESOME makes the most sense if you don’t know CSS well?


Peter-Paul posted this question: Which of the examples in the image do you consider correct? If you know CSS well, don't reply, just retweet. If you don't know CSS too well, please reply to the poll in the next tweet. pic.twitter.com/4bgnf9Wdkc — ppk 🇪🇺 (@ppk) June...

Why I don’t use web components


Here’s an interesting post by Rich Harris where he’s made a list of some of the problems he’s experienced in the past with web components and why he doesn’t use them today: Given finite resources, time spent on one task means time not spent on another task. Considerable energy has been expended...

Reduced Motion Picture Technique, Take Two


Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query? After we shared that in our newsletter, we got an interesting reply from Michael Gale: What about folks who love...

Drop caps & design systems


Ethan Marcotte has written up his process for how to make drop caps accessible for screen readers and browsers alike. All of that is very interesting and I’m sure I’ll use a technique like this in the near future, but the part that made me hop out of my seat is where Ethan notes his experience with...

Implementing Private Variables In JavaScript


JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects...

A Quick Look at the First Public Working Draft for Color Adjust Module 1


We've been talking a lot about Dark Mode around here ever since Apple released it as a system setting in MacOS 10.14 and subsequently as part of Safari. It's interesting because of both what it opens up as as far as design opportunities as well as tailoring user experience based on actual user...

Night Mode with Mix Blend Mode: Difference


Dark mode designs are all the rage right now but here’s an interesting take: Wei Gao has built a night mode on her own site that uses mix-blend-mode: difference to create an effect that looks like this: Wei explains how she implemented this technique and the edge cases she encountered along...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace