Search
A Snippet to See all SVGs in a Sprite
8.10.2019
I think of an SVG sprite as this:
<svg display="none">
<symbol id="icon-one"> ... <symbol>
<symbol id="icon-two"> ... <symbol>
<symbol id="icon-three"> ... <symbol>
</svg>
I was long a fan of that approach for icon systems...
Here’s How Belarus Pressures Russia to Legalize Cryptocurrencies
7.10.2019
Relations between Belarus and Russia have always been quite complicated. The union the two close allies created has faced all kinds of challenges over its 20 plus years of existence. Now cryptocurrency is becoming a new apple of discord, as Minsk has taken a relatively friendly approach...
Why Progressive Web Apps Are The Future of Mobile Web
4.10.2019
Here’s one of the best essays I’ve ever read about why progressive web apps are important, how they work, and what impact they have on a business:
PWAs are powerful, effective, fast and app-like.
It’s hard to imagine a mobile web property that could not be significantly improved via...
Demonstrating Reusable React Components in a Form
2.10.2019
Components are the building blocks of React applications. It’s almost impossible to build a React application and not make use of components. It’s widespread to the point that some third-party packages provide you with components you can use to integrate functionality into your application.
These...
Enhancing The Clickable Area Size
1.10.2019
Here’s a great post by Ahmad Shadeed on making sure that clickable areas in our interfaces are, well, clickable. He writes about making sure that links, buttons and other elements meet accessibility standards for both touch and mouse, too.
I particularly like the section where Ahmad writes about...
An Explanation of How the Intersection Observer Watches
24.9.2019
There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz Rybczonek, just to name a few. But I’m aiming to do something a bit different here. I had an opportunity earlier in the year to present the VueJS...
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...