Search
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
An Interesting Partnership Being Formed between Fantom and Binance Chain
23.5.2019
There are always interesting partnerships being formed in the crypto space. The recent one has been made between Fantom and Binance Chain. The collaboration was officially announced by the Fantom Foundation on 22nd May through Twitter, details of which were shared via the firm’s official blog post...
10 Interesting JavaScript and CSS Libraries for May 2019
15.5.2019
A curated list of our favorite open-source projects for the month of May
Making the Move from jQuery to Vue
3.5.2019
As someone who has used jQuery for many. years and has recently become a Vue convert, I thought it would be an interesting topic to discuss the migration process of working with one to the other.
Before I begin though, I want to ensure one thing is crystal clear. I am not, in any way whatsoever...
Corvid by Wix: Accelerated Development of Web Applications
25.4.2019
(This is a sponsored post.)
It's been interesting to watch Wix evolve from a website builder into a full-fledged platform for developing web applications. It's still just as easy for anyone to spin up a website with the visual builder that's always been there, but Wix Code was introduced a little...
How to Create and Animate Rotated Overlays
18.4.2019
A tutorial on how to create and animate rotated overlays, or "reveal" elements, for interesting page transition effects.
How to Create and Animate Rotated Overlays was written by Mary Lou and published on Codrops
10 Interesting JavaScript and CSS Libraries for April 2019
18.4.2019
Our web dev resources collection for April is filled with amazing open-source projects, useful CSS tools and React components
What Are Design Tokens?
3.4.2019
I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting and worth jotting down a few notes about. As I understand it, the general idea is this: design tokens are an agnostic way to store variables...
Better Than Native
27.3.2019
Andy Bell wrote up his thoughts about the whole web versus native app debate which I think is super interesting. It was hard to make it through the post because I was nodding so aggressively as I read:
The whole idea of competing with native apps seems pretty daft to me, too. The web gives us...
Using <details> for Menus and Dialogs is an Interesting Idea
21.3.2019
One of the most empowering things you can learn as a new front-end developer who is starting to learn JavaScript is to change classes. If you can change classes, you can use your CSS skills to control a lot on a page. Toggle a class to one thing, style it this way, toggle to another class...
10 Interesting JavaScript and CSS Libraries for March 2019
21.3.2019
The newest installment of our monthly web dev collection is here and it is packed with amazing new frameworks, useful tools and other awesome resources
Blurred Borders in CSS
20.3.2019
Say we want to target an element and just visually blur the border of it. There is no simple, single built-in web platform feature we can reach for. But we can get it done with a little CSS trickery.
Here's what we're after:
The desired result.
Let's see how we can code this effect, how we...