Search
A Cornucopia of Container Queries
9.6.2021
I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on …
The post A Cornucopia of Container...
Links on Web Components
26.5.2021
How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it says here they released a <relative-time> component in 2014! Now they’ve got a
…
The post Links on Web Components appeared...
A Thorough Analysis of CSS-in-JS
26.5.2021
Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution. Why? Because there are more than 50 libraries out there, each of them offering a unique set of features.
We tested 10 different …
The post A Thorough Analysis...
Links on Performance
25.5.2021
Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver and the fact that it avoids the use of methods that trigger reflows, like getBoundingClientRect. Also,
…
The post Links...
proxy-www
24.5.2021
I like a good trick. What if… a URL was… a promise… that fetched said URL?
www.codepen.io.then((response) ={
console.log(response);
});
That’s what @justjavac did with JavaScript Proxys. A clever trick, that. Don’t @ me about the practicality. Trick…
The post...
Next Gen CSS: @container
11.5.2021
Chrome is experimenting with @container, a property within the CSS Working Group Containment Level 3 spec being championed by Miriam Suzanne of Oddbird, and a group of engineers across the web platform. @container brings us the ability to …
The post Next Gen CSS: @container appeared first...
Lone Developer Stands Up To Grand Theft Auto DMCA Claim, Wins
11.5.2021
Earlier this year fans reversed engineered the source code to Grand Theft Auto III and Grand Theft Auto: Vice City. They released it to the web, but Grand Theft Auto copyright holder Take-Two pulled it offline via a DMCA claim. But now one fan’s stood up to the publisher and succeeded in getting...
Topframe
10.5.2021
This is extremely fun. Jeff Lindsay has created Topframe, and writes:
Anybody that knows how to mess around with HTML can now mess around with their desktop computing experience. Topframe is an open source tool that lets you
…
The post Topframe appeared first on CSS-Tricks.
You...
Shared Element Transitions
27.4.2021
I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally …
The post Shared Element Transitions appeared first on CSS-Tricks.
You...
SEC's 'Crypto Mom' Updates Token Safe Harbor Proposal on GitHub
14.4.2021
Hester Peirce. Source: a video screenshot, Youtube, Blockland Solutions
Hester Peirce, Commissioner of the US Securities and Exchange Commission (SEC), updated her token safe harbor proposal which aims to enable crypto businesses to offer tokens under initial coin offerings (ICOs) in compliance...
Why Netlify?
14.4.2021
I think it’s fair to think of Netlify as a CDN-backed static file host. But it would also be silly to think that’s all it is. That’s why I think it’s smart for them to have pages like this, comparing …
The post Why Netlify? appeared first on CSS-Tricks.
You...
Hackers Target Github Server Infrastructure to Mine Cryptocurrencies
7.4.2021
Github services is under investigation after a series of reports on attacks against one of its infrastructures by running unauthorized crypto mining apps. Cybercriminals allegedly exploited some security flaws that could have been exploited to mine cryptos illicitly. Attacks Exploit ‘Github...
Nailing That Cool Dissolve Transition
31.3.2021
We’re going to create an impressive transition effect between images that’s, dare I say, very simple to implement and apply to any site. We’ll be using the kampos library because it’s very good at doing exactly what we need. We’ll …
The post Nailing That Cool Dissolve Transition...
This Might Be the Only YouTube Browser Extension You'll Ever Need
29.3.2021
YouTube is a real mixed bag. It’s home to so much of our favorite stuff on the internet, but the experience of using website itself isn’t great—filled with distracting recommendations, poor personalization, and ads, ads, ads—unless you take advantage of desktop browser extensions that can make...
Building a Full-Stack Geo-Distributed Serverless App with Macrometa, GatsbyJS, & GitHub Pages
25.3.2021
In this article, we walk through building out a full-stack real-time and completely serverless application that allows you to create polls! All of the app’s static bits (HTML, CSS, JS, & Media) will be hosted and globally distributed via the …
The post Building a Full-Stack...
CSS Border Font
28.2.2021
Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which …
The post CSS Border Font appeared first...
Take-Two Goes After Reverse-Engineered Grand Theft Auto Code
22.2.2021
Last week we shared the good news that the source code for Grand Theft Autos III & Vice City had been reverse-engineered, allowing folks to port the games and come up with cool new mods. Now, we bring you the predictable news that publisher Take-Two Interactive are not happy.Read more
Libra Co-Creator’s VC Firm Co-Leads $12M Round in ‘Decentralized GitHub’
18.2.2021
“Web 3 developers should be building on open protocols,” NFX General Partner Morgan Beller said of Radicle, a platform for crypto-native code collaboration
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
How to Install a NPM Module from GitHub Branch
12.2.2021
In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before. I previously wrote about How to Push to a Git Remote Branch of a Different Name — this time we’ll talk about installing...