Search
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...
What I Learned Building a Word Game App With Nuxt on Google Play
25.5.2021
I fell in love with coding the moment I created my first CSS :hover effect. Years later, that initial bite into interactivity on the web led me to a new goal: making a game.
Table of contents
What’s the game
…
The post What I Learned Building a Word Game App With Nuxt on Google Play...
‘Chinese Invented Paper Money and They Will End It’- Brazil’s Far-Left Praises Digital Yuan
25.5.2021
Digital currencies, those issued by central banks in particular, have been commended for their “disruptive nature.” The praise comes from a publication associated with one of Brazil’s far-left parties. A recently published article claims that CBDCs such as China’s digital...
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...
Wrangling Control Over PDFs with the Adobe PDF Embed API
24.5.2021
By our last estimate, there are now more PDFs in the world than atoms in the universe (not verified by outside sources) so chances are, from time to time, you’re going to run into a PDF document or two. Browsers …
The post Wrangling Control Over PDFs with the Adobe PDF Embed...
‘Reiterated FUD’ – Chinese Government to Continue Monitoring Bitcoin Mining Sector
21.5.2021
A recent report from the Chinese government’s financial committee has reiterated the country’s stance on bitcoin mining and that it would continue to monitor the sector closely. The report follows a recent article from Reuters published three days ago, which also reiterates...
Svelte for the Experienced React Dev
21.5.2021
This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and then shift focus to things like state management and DOM interoperability, among other things. …
The post Svelte for the Experienced...
JSON in CSS
21.5.2021
Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom properties are quite liberal! So this looks for a CSS rule (e.g. a …
The post JSON in CSS appeared first on CSS-Tricks.
You can support...
Can We Create a “Resize Hack” With Container Queries?
20.5.2021
If you follow new developments in CSS, you’ve likely heard of the impending arrival of container queries. We’re going to look at the basics here, but if you’d like another look, check out Una’s “Next Gen CSS: @container” article. …
The post Can We Create a “Resize Hack” With...
Notion API
20.5.2021
The Public Beta of the Notion API dropped! Woot! Here’s their guide. I’ve been a Notion user and fan for a long time, for both personal and professional team use. They even sponsored a few videos around here a …
The post Notion API appeared first on CSS-Tricks.
You can support...
svg-loader: A Different Way to Work With External SVG
19.5.2021
SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …
The post svg-loader: A Different Way to Work With External...
Pinned Audio WordPress Theme
18.5.2021
I’m afraid I have to start this with a whole backstory, as the journey here is the point, not so much the theme.
A fella wrote to me a while back outlining a situation he was in. His company has …
The post Pinned Audio WordPress Theme appeared first on CSS-Tricks.
You can support...
How to Create Neon Text With CSS
18.5.2021
Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d share some tips on how to do it! In this article, …
The post How to Create Neon Text With CSS appeared first on CSS-Tricks.
You...
IGN Staff Criticizes Management's Decision To Pull Article Supporting Palestinian Aid Groups
18.5.2021
Today, the IGN editorial staff published an open letter decrying Sunday’s removal of an IGN article and its associated tweet that linked to charities supporting Palestinian victims of recent Israeli violence.Read more
A Love Letter to HTML & CSS
17.5.2021
I see you. In the back there, behind JavaScript and React and PHP and all those “real” programming languages, I see you. And I appreciate you.
The post A Love Letter to HTML & CSS appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter
IGN Takes Down Article And Tweet Sharing Palestinian Aid Groups
16.5.2021
Following the most recent set of violent military strikes by the Israel Defense Forces that have leveled entire buildings in Gaza and left over 180 Palestinians dead, IGN yesterday posted an article linking to a variety of Palestinian charities and even gave a Palestinian flag prominence in...
Auto-Generated Social Media Images
14.5.2021
I’ve been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. You’re essentially leaving money on the table without them, because they …
The post Auto-Generated Social Media Images...
Creating Stylesheet Feature Flags With Sass !default
14.5.2021
!default is a Sass flag that indicates conditional assignment to a variable — it assigns a value only if the variable was previously undefined or null. Consider this code snippet:
$variable: 'test' !default;
To the Sass compiler, this line …
The post Creating Stylesheet Feature Flags With...
HTML Boilerplates
14.5.2021
Manuel Matuzović goes line-by-line through a boilerplate HTML document. I like it. It’s a good reference and has a lot of the same type of stuff I tend to put in the main HTML template. It makes me think about …
The post HTML Boilerplates appeared first on CSS-Tricks.
You can support...