Search
Use and Reuse Everything in SVG… Even Animations!
28.1.2020
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with <use> element, CSS Variables and...
Set Type on a Circle… with offset-path
28.1.2020
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I sort of rolled my eyes at the time, because the property is so obviously for animating things along a path. But you don't have to use it...
This Page is Designed to Last
23.1.2020
Jeff Huang, while going through his collection of bookmarks, sadly finds a lot of old pages gone from the internet. Bit rot. It's pretty bad. Most of what gets published on the web disappears. Thankfully, the Internet Archive gets a lot of it. Jeff has seven things that he thinks will help make...
NetNewsWire and Feedbin
16.1.2020
NetNewsWire is one of the classic RSS apps, debuting in 2002. I was pretty stoked when it went 5.0 and was open-sourced in August 2019! You can snag it right here. (Sorry, Mac only.)
It's super nice, is fast, and looks great. It has just the right features.
But... I thought, at least at first...
Thinking Through Styling Options for Web Components
16.1.2020
Where do you put styles in web components?
I'm assuming that we're using the Shadow DOM here as, to me, that's one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a don't-leak-out...
The Top 6 Do's And Don'ts of Staking
14.1.2020
Staking proof-of-stake (PoS) coins has become a popular way for crypto investors to earn investment income on their digital asset holdings. However, staking is not an easy feat for beginners due to the pitfalls that the uninformed could fall into.
In this guide, you will discover the most...
How to Animate on the Web With Greensock
13.1.2020
There are truly thousands of ways to animate on the web. We’ve covered a comparison of different animation technologies here before. Today, we’re going to dive into a step-by-step guide of one of my favorite ways to get it done: using GreenSock.
(They don’t pay me or anything, I just really enjoy...
Our Learning Partner: Frontend Masters
10.1.2020
I'd like to think there is a lot to learn on CSS-Tricks. But we don't really offer much by the way of courses. You're probably reading this because you just generally read this site, and you land on CSS-Tricks otherwise mostly because you are looking for an answer to some front-end...
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
Duplicated Argument Names
6.1.2020
Oftentimes we override or monkey patch functions and, in many cases, there are arguments we don’t care too much about. A common practice for those arguments is using _ for argument names — it’s a generally accepted and known practice for “this isn’t important”....
We Still Don’t Know Bitcoin’s Real Volume
6.1.2020
CoinDesk Research analyst Galen Moore unpacks the differences in reported trading volumes from three major data aggregators
Early Cypherpunk Emails Reveal a Blueprint for Bitcoin
3.1.2020
The cypherpunks, a ragtag group of tech tinkerers, cryptographers, and privacy advocates, were obscure in their 1990s heyday. And it would have remained that way in perpetuity were it not for a certain Satoshi Nakamoto launching a digital currency in 2009 encapsulating their core beliefs....
PSA: It’s That Time to Update the Copyright Year on Your Site
1.1.2020
Every year about this time I see articles going around reminding people how to update the copyright on their websites. Usually somewhere in the footer. You know, a line like:
© Copyright 2007-2019 CSS-Tricks
I am very absolutely not a lawyer, but this is how I understand it:
You don't actually...
Embedded Content in Markdown
31.12.2019
Markdown supports HTML, so if you need to, say, embed a YouTube video, you can just copy and paste the embed code from them, drop it into a Markdown document, and you should be good to go. With YouTube specifically, there are other options. But in general, you don't need to do anything special...
Utorg Exchange Grants Access to Traders With Limited Verification
24.12.2019
Utorg.io is a digital asset exchange based in the U.K. that allows users in Europe and around the world to trade cryptocurrencies with stablecoins and fiat money. What sets the new platform apart from many incumbents is the simplified verification procedure for traders who don’t exceed...
Highlights of the HTTP Archive Web Almanac
23.12.2019
I recently looked at the CSS chapter of the Web Alamanc and had some thoughts. Here, Stefan Judis looks at the whole thing and rounds up the most interesting bits to him. Here are most of them:
20% of sites don't compress their JavaScript.
React is on 5% of sites while jQuery is on 85% of sites....
Corporations Need Bitcoin. They Just Don’t Know It Yet
23.12.2019
Bitcoin could be the basis for a new corporate operating system, writes Iterative Capital managing partner Chris Dannen
Is Web Design Easier or Harder Than it was 10 Years Ago?
20.12.2019
Is it harder or easier to build a website now than 10 years ago? Has the bar gone up or down? I don't have any data for you, but I can shell out some loosey-goosey opinions.
HTML
HTML5 was the only big HTML change in the last decade, and it wasn't particularly dramatic. It's cool it's the looser...
Raw GraphQL Querying
20.12.2019
GraphQL has all kinds of awesome tooling built around it. But like everything on the web, it ultimately comes down to data shootin' across the ol' network and responses coming back. If you need to talk to a GraphQL API endpoint, you don't absolutely have to use some kind of framework or library...
Create a Static Site Using Angular & Scully
20.12.2019
The team at HeroDevs has just released the alpha version of Scully, a static site generator for Angular. That's right, Angular didn't have an intuitive way to create JAMstack applications before, but now it's possible!
Scully uses a node CLI application to run Angular schematics so you don’t have...