Search
Displaying the Current Step with CSS Counters
8.7.2020
Say you have five buttons. Each button is a step. If you click on the fourth button, you’re on step 4 of 5, and you want to display that.
This kind of counting and displaying could be hard-coded, but that’s no fun. JavaScript could do this job as well. But CSS? Hmmmm. Can it? CSS...
WooCommerce on CSS-Tricks
7.7.2020
I always get all excited when I accomplish something, but I get extra excited when I get it done and think, “well, that was easy.” As much as I enjoy fiddling with technology, I enjoy reaping the benefit of well set-up technology even more. That’s why I still get so excited about...
Building Serverless GraphQL API in Node with Express and Netlify
6.7.2020
I’ve always wanted to build an API, but was scared away by just how complicated things looked. I’d read a lot of tutorials that start with “first, install this library and this library and this library” without explaining why that was important. I’m kind of a Luddite when it comes to these...
Get Worldwide Postal Code Data with Zip Code API (Sponsored)
6.7.2020
Accurate shipping and location information is well worth the price you need to pay for it. You can sell that information, you can target consumers to perfection, and save yourself loads of frustration when it comes to shipping. Creating your own location API isn’t worth the time — there...
The Thirteenth Fourth
5.7.2020
Well boy howdy. The 13th birthday of CSS-Tricks has rolled around. A proper teenager now, howabouthat? I always take the opportunity to do a bit of a state of the union address at this time, so let’s get to it!
Design
Technically, we’re still on v17 of the site design. This was...
When a Line Doesn’t Break
2.7.2020
We expect a line to break when the text on that line reaches the parent box boundaries. We see this every time we create a paragraph, just like this one. When the parent box doesn’t have enough room for the next word in a line, it breaks it and moves down to the next line and repeats that...
Alt-Right Activist Stefan Molyneux Banned from Youtube, Raises $100K in Crypto Donations
2.7.2020
The founder of Freedomain, philosopher and alt-right activist, Stefan Molyneux, received more than $100,000 in cryptocurrency donations after he was banned from Youtube on June 29, 2020. Stefan Molyneux is well known for his Youtube videos, podcasts, and books. His early Youtube videos describing...
Tether’s Market Valuation Grows 144% in 2020, USDT Market Cap Worth $10 Billion
2.7.2020
The most popular stablecoin, Tether, has propelled its way into the third-largest position by cryptocurrency market capitalization. At the time of publication, a number of market valuation aggregators show that Tether’s market cap is between $9.1 to $10.1 billion. Tether (USDT) is a well...
Brewdog Tokyo Accepts Bitcoin Cash Payments: Local BCH Meetup Gathers to Celebrate
1.7.2020
On July 1, 2020, the popular eatery and bar in Japan, Brewdog Tokyo, started accepting bitcoin cash payments for products and services. The establishment is the third Brewdog bar to accept bitcoin cash, as the cryptocurrency is accepted at the London and Budapest locations as well. In order...
Responsive Styling Using Attribute Selectors
30.6.2020
One of the challenges we face when implementing class-based atomic styling is that it often depends on a specific breakpoint for context.
<div class="span-12"</div<!-- we want this for small screens --<div class="span-6"</div<!-- we want this for medium screens --<div...
Book: The Greatest CSS Tricks Vol. I
29.6.2020
Ya know, for a site called “CSS-Tricks” that I’ve run for well over a decade, it’s a little funny we’ve never done a book under that name. I’ve written a book about WordPress and SVG, but never CSS!
Well, allow me to change that. I’ve been working on...
Line-Animated Hamburger Menu
26.6.2020
This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS.
CodePen Embed...
How Bitcoin of America’s Robust Compliance Program Made Possible the Restitution of Half a Million Dollars to Fraud Victims
19.6.2020
Robust and effective compliance programs for virtual asset exchanges such as Bitcoin of America, which owns and operates a crypto exchange platform as well as a nationwide network of bitcoin ATM locations, isn’t simply a matter of operating a system for CIP, KYC, and AML procedures....
Bitcoin Games Launches Midsummer Promotion as Sweden Looks Toward Launching its Own Digital Currency
19.6.2020
The premier cryptocurrency gaming portal, Bitcoin Games has announced the launch of a Midsummer promotion that promises Free Spins and loads of entertainment. For well over, five years now Bitcoin Games has been the go-to destination for all your gaming needs and our brand new promotion –...
Analysts Say Bitcoin Breakout Imminent: Silver-like Suppression, $5 Trillion in Cash Could Flow Into BTC
18.6.2020
A number of venture capitalists and macro investors believe bitcoin’s price will break out soon following suit with gold’s recent climactic rise. Dan Tapeiro, cofounder of Gold Bullion International, thinks that $4.6 trillion in cash sitting on the sidelines right now, could very well...
Well-Known Ransomware Gang Strikes Three Companies in the US and Canada
17.6.2020
REvil’s ransomware group begins campaign of leaking sensitive data from three companies
US Financial Services Committee Hearing Discussed the Creation of a ‘Digital Dollar’
12.6.2020
On June 11, 2020, the United States Congress Financial Services Committee held a remote hearing about the creation of a “digital dollar.” A number of well known individuals participated including the former Chairman of the U.S. Commodity Futures Trading Commission, Christopher...
WDRL — Edition 282: Welcome back again, the web has changed, work as well.
10.6.2020
Hey,
Hello my fellow readers! After months of silence I’m back. Since my last update in February a lot has changed, not only in my life but in everyones’. A virus makes us living differently than we are used to and work has changed with it. A lot of people work from home these days, others lost...
5 Myths About Jamstack
9.6.2020
Jamstack isn’t necessarily new. The term was officially coined in 2016, but the technologies and architecture it describes have been around well before that. Jamstack has received a massive dose of attention recently, with articles about it appearing in major sites and publications and...
The Trickery it Takes to Create eBook-Like Text Columns
8.6.2020
There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...