Search
Link Underlines That Animate Into Block Backgrounds
23.9.2019
It's a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up turning into almost what it would have looked liked if you used a background-color on the link instead.
Here's an example of the effect on...
Stand up
23.9.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 23 September, 2019 Rise up “Our greatest glory is not in never falling, but in rising everytime we fall.” – Confucius Welcome back to another week of tantalizing crypto news, here at the CoinMarketCap's […]
The post Stand up appeared...
Bakkt Is Finally Launching Its Bitcoin Futures Today. Here’s What to Expect
23.9.2019
Bakkt is finally launching Monday. Here’s what to expect from bitcoin’s first regulated, physically settled, institutionally focused futures market
6 Noncustodial Crypto Payment Solutions for Merchants
22.9.2019
You don’t have to be a bitcoin purist or tech tinkerer to want to accept cryptocurrency without using a third party. With lower merchant fees, greater network uptime, and no chargebacks, noncustodial crypto payments have several advantages over traditional fiat payment systems. Here are...
Buddy on CSS-Tricks
19.9.2019
Here's a little direct product endorsement for ya: I literally use Buddy for deployment on all my projects.
Buddy isn't just a deployment tool, we'll get to that, but it's something that Buddy does very well and definitely a reason you might look at picking it up yourself if you're looking around...
How Web Content Can Affect Power Usage
18.9.2019
Because we know that all people with battery-powered devices are constantly concerned about their battery levels, and that websites are significant consumers of that battery power, we should probably think about this stuff a lot more than we do.
I'd expect the browser itself to be our main ally...
A Comparison of Static Form Providers
18.9.2019
Let’s attempt to coin a term here: "Static Form Provider." You bring your HTML <form>, but don’t worry about the back-end processing that makes it work. There are a lot of these services out there!
Static Form Providers do all tasks like validating, storing, sending notifications,...
Two Browsers Walked Into a Scrollbar
18.9.2019
Surprise: scrollbars are complicated, especially cross-browser and cross-platform.
Sometimes they take up space and sometimes they don't. Sometimes that is affected by a setting and sometimes it isn't. Sometimes you can see them and sometimes you can't unless you're actually scrolling. Styling...
An Updated List of Our Favorite Jetpack Features for WordPress
17.9.2019
It's hard to articulate every reason to use Jetpack for your WordPress site. It's taken us a series of posts to unpack it because it's capable of doing so gosh darn much — a lof of which we put to use right here on CSS-Tricks.
The thing is that Jetpack is very much an active project and keeps...
Here’s How Europeans Can Deal With Negative Interest Rates
17.9.2019
Low and negative interest rates have been a burden for account holders across Europe for some time. And it’s only getting worse, as the European Central Bank just announced a new rate cut to a record low of -0.5%. Private and corporate customers in many countries on the continent don’t...
The IRS Is Blindly Coming After Cryptocurrency Traders — Here’s Why
14.9.2019
The information that the IRS is receiving from cryptocurrency exchanges does not reflect your capital gains and losses whatsoever. This is problematic because these capital gains and losses are what you actually pay taxes on, not gross transaction amounts
Trading Cryptocurrencies: Commonly Used Technical Indicators (Part 2)
10.9.2019
Introduction This is the second of our 2-part series on technical indicators commonly used in trading cryptocurrencies. If you have not read our first article, click here for our first article which introduces Simple Moving Average, Relative Strength Index and […]
The post Trading...
Hamburger Menu with a Side of React Hooks and Styled Components
10.9.2019
We all know what a hamburger menu is, right? When the pattern started making its way into web designs, it was both mocked and applauded for its minimalism that allows main menus to be tucked off screen, particularly on mobile where every pixel of space counts.
CSS-Tricks is all about double...
CSS Security Vulnerabilities
9.9.2019
Don't read that headline and get worried. I don't think CSS is a particularly dangerous security concern and, for the most part, I don't think you need to worry about it.
But every once in a while, articles tend to circulate and get some attention as to the possibilities of what CSS can do that...
Watch Out! The Next Big Thing After Cryptocurrencies is Here
6.9.2019
Cryptocurrency is today accepted as a legal transactional medium in many countries of the world. The popularity of digital coins is increasingly becoming a norm and barring a few nations which continue to adopt a hostile attitude towards cryptocurrency, the adoption of digital currency has taken...
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...
Fast Software
3.9.2019
There have been some wonderfully interconnected things about fast software lately.
We talk a lot of performance on the web. We can make things a little faster here and there. We see rises in success metrics with rises in performance. I find those type of charts very satisfying. But perhaps even...
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...
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>
...
Should a website work without JavaScript?
2.9.2019
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" of this debate, and then let loose to debate it. I don't think anybody can listen to a show like this and not be totally flooded with thoughts!...