Search
The Twelfth Fourth
4.7.2019
CSS-Tricks is 12 years old! Firmly into that Early Adolescence stage, I'd say ;) As we do each year, let's reflect upon the past year. I'd better have something to say, right? Otherwise, John Prine would get mad at me.
How the hell can a person go to work in the morning
And come home in...
CSS-Tricks on Flywheel
4.7.2019
I first heard of Flywheel through their product Local, which is a native app for working on WordPress sites. If you ask around for what people use for that kind of work, you'll get all sorts of answers, but an awful lot of very strong recommendations for Local. I've become one of them!...
Learn to Read Crypto and Blockchain Data With Our Guide
4.7.2019
Just launched, our free block explorer guide will have you navigating blockchain data like the coolest kid on the block At CoinMarketCap, we have made it a mission to clearly communicate blockchain and crypto concepts in conjunction with providing data […]
The post Learn to Read Crypto...
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....
Hey, let’s create a functional calendar app with the JAMstack
3.7.2019
Hey, let's create a functional calendar app with the JAMstack
I’ve always wondered how dynamic scheduling worked so I decided to do extensive research, learn new things, and write about the technical part of the journey. It’s only fair to warn you: everything I cover here is three weeks of research...
Haunted: Hooks for Web Components
3.7.2019
I was just chatting with Dave and he told me about Haunted. It's hooks, but for native web components! Pretty cool. I think the existence of stuff like this makes using web components more and more palatable — particularly in that totally-native no-build-step-needed-at-all kinda way.
I...
Graphical User Interfaces for Git
3.7.2019
Git is command-line-driven software, but that doesn't mean you have to use the command line to make it work. There are lots of options! Some of the deepest programmer nerds I know prefer to use GUIs for Git (Graphic
User Interface, or you know, software you can see things and click stuff), and some...
Toast
3.7.2019
One day, all the sudden, I started hearing jokes about toast. I had no idea what the context was. I assumed some friends just got started telling toast jokes, which isn't rare by any means. But it turns out it was a whole thing. It got me thinking, jeez, if I can't keep up with this stuff when it's...
Restricting a (pseudo) element to its parent’s border-box
2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS.
The desired result.
This...
Tips for rolling your own lazy loading
1.7.2019
You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page.
Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after the HTML of the page...
Making width and flexible items play nice together
1.7.2019
The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for.
The long answer
Let’s say you want to align an image and some text next to each other with like this:
Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...
G20 Leaders Issue Declaration on Crypto Assets – A Look at Their Commitments
1.7.2019
The G20 leaders jointly issued a declaration on crypto assets at the end of their summit in Osaka, Japan. They declared their commitments, reaffirmed that crypto assets do not pose a threat to global financial stability, and requested further work done by standard-setting bodies. Also read:...
Bitcoin Cash Register Surpasses 10,000 Installs and BCH is Coming to Brave in Weekly Video Update
1.7.2019
Bitcoin Cash Register has surpassed 10,000 installs on the Google Play Store, live streaming platform Twitch reinstates cryptocurrency payments and BCH is coming to the Brave web browser. Watch these and other developments discussed in this week’s video update on Bitcoin.com’s Youtube...
Tip Twitch Livestreamers With BCH Using the New Tipbitcoin.cash App
30.6.2019
Last week the pseudonymous developer who created the Crescent Cash wallet, Pokkst, announced the launch of a new tipping service called Tipbitcoin.cash. The tool gives anyone the ability to tip their favorite streamer on Twitch using bitcoin cash. Also Read: Iranians Defy Warning and Share Pictures...
Ross Ulbricht Letter Questions the Wisdom of Imprisoning Non-Violent Offenders
29.6.2019
Forced to spend the rest of his days in a cage, Ross Ulbricht has recounted his situation in a letter, which explains how he’s spent more than 2,096 days in a U.S. federal penitentiary for running a website. Also Read: Bitcoin ‘Inventor’ Craig Wright Claims He Can’t Access...
Why Bitcoiners Are Turning to Unschooling for Decentralized Education
29.6.2019
Unschooling is an alternative education movement quickly gaining popularity and currency worldwide. Like Bitcoin, it is an individualist approach to an area of human action long thought to be established beyond question―education. Both cryptoeconomics and unschooling seek to provide autonomy...
The (Developer’s) Growth Model
29.6.2019
I really like the post "The Designer’s Growth Model" by Dennis Hambeukers. Dennis just invented this model, but it's based on some existing ideas and it all rings true for me. Let me try to summarize the five stages as he lays them out for designers.
Producers: You learn how to design. You learn...
The (Developer’s) Growth Model
29.6.2019
I really like the post "The Designer’s Growth Model" by Dennis Hambeukers. Dennis just invented this model, but it's based on some existing ideas and it all rings true for me. Let me try to summarize the five stages as he lays them out for designers.
Producers: You learn how to design. You learn...
Nownownow
28.6.2019
Matthias Ott, relaying an idea he heard from Derek Sivers:
Many personal websites, including this one here, have an “about” page. It’s a page that tells you something about the background of a person or about the services provided. But what this page often doesn’t answer – and neither do Twitter...
Koinex Exchange Shuts Down Ahead of Crypto Regulation
28.6.2019
Another Indian crypto exchange has shut down permanently due to the banking restriction and regulatory delays. The exchange cites denials in payment services and a sharp decline in trading volume resulting from the recent news of a draft bill to ban cryptocurrencies. Also read: Indian...