Search
“Off The Main Thread”
10.9.2019
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
6.9.2019
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
4.9.2019
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
3.9.2019
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
27.8.2019
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
16.7.2019
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
10.7.2019
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...
10 Interesting JavaScript and CSS Libraries for July 2019
8.7.2019
Better vanilla JS syntax, awesome CSS snippets and more cool libraries in our compilation for July 2019
Confronting Bitcoin Network Issues Using Nakamoto Consensus and a Mining Parliament
1.7.2019
On June 28, Bitcoin Cash proponent Javier Gonzalez announced the launch of an interesting protocol called the Bitcoin Mining Parliament (BMP). The theory behind BMP is backed by the concept of Nakamoto Consensus where “miners are the executive power of Bitcoin” and “any needed...
Which CSS IS AWESOME makes the most sense if you don’t know CSS well?
27.6.2019
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?
27.6.2019
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
25.6.2019
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...
In This Week’s Video Update: BCH Dev Fund Exceeds Target, Bitcoin.com Reveals Rebrand
23.6.2019
The Bitcoin Cash Developer Fund has reached its 800 BCH goal in less than a month since the start of the community-driven fundraising campaign. You’ll find more details on how to support the initiative in the weekly update from Bitcoin.com. Check out the video for other interesting news from...
Reduced Motion Picture Technique, Take Two
21.6.2019
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
19.6.2019
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...
10 Interesting JavaScript and CSS Libraries for June 2019
13.6.2019
Our favorite libraries, frameworks, and open-source projects for June 2019
Implementing Private Variables In JavaScript
1.6.2019
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
29.5.2019
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
27.5.2019
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...
Weekly Platform News: Mozilla WebThings, Internet Explorer mode, GraphQL
24.5.2019
In this week's news: Mozilla WebThings provides complete privacy for user data, an Internet Explorer mode is coming to Edge, and other interesting articles.
The post Weekly Platform News: Mozilla WebThings, Internet Explorer mode, GraphQL appeared first on CSS-Tricks