Search
You Can Buy a Dream Car With Bitcoin Cash at Autocoincars.com
8.9.2019
Buying a new car is always a thrill. Purchasing a luxury vehicle, a roadster or a classic even more so. But such an enjoyable acquisition is usually accompanied by time consuming formalities. When all you want is to sit behind the wheel as soon as possible, these additional steps can be a nuisance...
Keep it simple stupid
7.9.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 6 September, 2019 Simplicity "Simplicity is the greatest sophistication." - Leonardo da Vinci And that concludes the first week of September! Good job you guys! Before you go, don't forget to read today's newsletter! ????...
Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator
5.9.2019
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus Facebook's in-app browser is only posing as one. Let's get into the news!
Check if your content breaks after increasing text spacing
Dylan Barrell from...
Inspirational Websites Roundup #8
5.9.2019
Another set of inspirational website designs from the previous month to bring you up to date on the current design trends.
Inspirational Websites Roundup #8 was written by Mary Lou and published on Codrops
Using a PostCSS function to automate your responsive workflow
5.9.2019
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...
Learn Design for Developers and SVG Animation with Sarah Drasner ✨????
5.9.2019
(This is a sponsored post.)
Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️!
Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js!
Design for Developers
In...
It’s only you
5.9.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 4 September, 2019 Believe "Pride is holding your head up when everyone around you has theirs bowed." - Bryce Courtenay It's midweek, CoinMarketCap fam! Hope your week is going splendid! Alright, ya ready for […]
The post It’s...
Cryptocurrency Projects Are Upping Their Privacy Game
4.9.2019
What you do with your digital currency ought to be nobody else’s business. Unfortunately, law enforcement, regulators, blockchain forensics firms and other opponents of civil liberties are constantly seeking to usurp this basic human right. As a result, crypto developers are caught in...
Recreating Netlify’s Neat-o Sliding Button Effect
3.9.2019
Have you seen Netlify's press page? It's one of those places where you can snag a download of the company's logo. I was looking for it this morning because I needed the logo to use as a featured image for a post here on CSS-Tricks.
Well, I noticed they have these pretty looking buttons to download...
Burger King Lets You Pay Your Way in Germany — With Bitcoin
3.9.2019
Burger King Germany enables Bitcoin payments in its mobile app
‘We’re Going to Find You’ – How Undercover Agents Trade Prison Time for Bitcoins
2.9.2019
An Australian national living in Boulder, Colorado was slammed with a one year and a day prison sentence last month for trading bitcoins. An August 23 statement from the Colorado U.S. District Attorney’s Office states that Emilio Testa, 32, was charged with money laundering, and claims Testa...
Need to scroll to the top of the page?
2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like...
<html id="top">
<body>
<!-- the entire document -->
<a href="#top">Jump to top of page</a>
...
Styling Links with Real Underlines
30.8.2019
Before we come to how to style underlines, we should answer the question: should we underline?
In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles.
That’s clear in this advice from Butterick’s...
Working with Attributes on DOM Elements
30.8.2019
The DOM is just a little weird about some things, and the way you deal with attributes is no exception. There are a number of ways to deal with the attributes on elements. By attributes, I mean things like the id in <div id="cool"></div>. Sometimes you need to set them. Sometimes...
The Best (GraphQL) API is One You Write
30.8.2019
Listen, I am no GraphQL expert but I do enjoy working with it. The way it exposes data to me as a front-end developer is pretty cool. It's like a menu of available data and I can ask for whatever I want. That's a massive improvement over REST and highly empowering for me as a front-end developer...
A Glassy (and Classy) Text Effect
29.8.2019
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the background behind it through the text. It's not like knockout text where you see the exact background. In this case, live video is playing underneath....
How Market Makers Inject Liquidity Into the Cryptoconomy
29.8.2019
Market makers have a reputation that is entirely disproportionate to what they do. Despite what half of crypto Twitter would have you believe, MMs, as they are colloquially known, are a neutral force when used correctly. But should tokenized projects be routinely deploying these tools on crypto...
Nested Gradients with background-clip
28.8.2019
I can't say I use background-clip all that often. I'd wager it's hardly ever used in day-to-day CSS work. But I was reminded of it in a post by Stefan Judis, which consistently was itself a learning-response post to a post over here by Ana Tudor.
Here's a quick explanation.
You've probably seen...
Creating a Maintainable Icon System with Sass
28.8.2019
One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages:
They don't require any additional HTTP requests other than the CSS file.
Using the background-size property...
Can you rotate the cursor in CSS?
28.8.2019
Kinda! There is no simple or standard way to do it, but it's possible. You can change the cursor to different built-in native versions with CSS with the cursor property, but that doesn't help much here. You can also use that property to set a static image as the cursor. But again that doesn't help...