Search
The Browser Can Remember Edited Content
22.5.2019
You can make the text inside any HTML element editable by adding the contenteditable attribute.
<div contenteditable>
Hey, I'm like a textarea kinda now!
</div>
I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be...
Getting Started with React Testing Library
22.5.2019
I can guess what you are thinking: another React testing library? So many have already been covered here on CSS-Tricks (heck, I’ve already posted one covering Jest and Enzyme) so aren’t there already enough options to go around?
But react-testing-library is not just another testing library. It’s...
Bitcoin Gold (BTG) Price Analysis: Why There Is So Less Talk About Bitcoin Gold?
22.5.2019
The last update announced by BTG community is its update of Bitcoin Gold Core v0.17.1 version. Since then, there is no update regarding BTG. According to the crypto enthusiasts, BTG community is very inactive, and this can probably hamper its future prices. There is no noticeable price hike noticed...
Everyone’s Talking About Security Tokens But No One’s Trading Them
21.5.2019
There’s a party happening right now and everyone’s invited. The music’s playing, the fridge is loaded and the bathtub’s full of ice. All the ingredients for the sickest soiree are in place. There’s just one problem: the guests have yet to arrive. Welcome to the world...
The “Inside” Problem
20.5.2019
So, you're working on a design. You need a full-width container element because the design has a background-color that goes from edge-to-edge horizontally. But the content inside doesn’t necessarily need to be edge-to-edge. You want to:
Limit the width (for large screens)
Pad the edges
Center...
Cyberghost Is a VPN Service You Can Pay For With Bitcoin Cash
19.5.2019
Privacy in the online space is quite compromised these days and anyone who would like to protect their own may consider using a VPN service. There are many platforms on the market and some are catering to the crypto community. Cyberghost VPN is one of them and it takes bitcoin cash (BCH). Also...
Bitcoin History Part 13: The First Mining Pool
19.5.2019
The notion that anyone could solo mine bitcoin – on a CPU no less – seems positively quaint today. But in 2010, this method wasn’t just possible – it was the norm. With an exponentially lower hashrate, less competition and a 50 bitcoin block reward, there was enough pie...
Footnotes That Work in RSS Readers
17.5.2019
Feedbin is the RSS reader I'm using at the moment. I was reading one of Harry's blog posts on it the other day, and I noticed a nice little interactive touch right inside Feedbin. There was a button-looking element with the number one which, as it turned out, was a footnote. I hovered over it,...
Recursive Array.flat
17.5.2019
There was much talk about Array.prototype.flat during its early stages, starting with the name alone. Many developers preferred the name flatten but the spec differed from MooTools’ implementation. MooTools would recursively flatten an array but the new, official flat implementation was only...
Iterating a React Design with Styled Components
16.5.2019
In a perfect world, our projects would have unlimited resources and time. Our teams would begin coding with well thought out and highly refined UX designs. There would be consensus among developers about the best way to approach styling. There’d be one or more CSS gurus on the team who could ensure...
Coincheckup Aggregator Makes It Easier to Analyze the Crypto Market
16.5.2019
The importance of reliable market data grows with rising cryptocurrency prices that inevitably attract more investors to the space. There is a wide choice of market cap aggregators, but some offer more rich functionality than others. Coincheckup is one good example of that. Also read: Keep Track...
A Better Approach for Using Purgecss with Tailwind
15.5.2019
Greg Kohn looks at how to use Purgecss — a tool that helps remove unused styles — and Tailwind — a utility-based CSS framework — and why we might want to pair these tools together:
Tailwind, by intention, is aiming to equip you with an arsenal of utility classes...
Cryptocurrency Exchanges Are Cleaning up Their Act
14.5.2019
Ask a dozen crypto traders for the reason behind the recent rally and you’ll get a dozen different theories. Bakkt futures, Microsoft building on Bitcoin and Whole Foods accepting crypto have all been cited as fueling the bull market that’s broken out. While these factors have certainly...
Integrating Third-Party Animation Libraries to a Project
14.5.2019
Creating CSS-based animations and transitions can be a challenge. They can be complex and time-consuming. Need to move forward with a project with little time to tweak the perfect transition? Consider a third-party CSS animation library with ready-to-go animations waiting to be used. Yet, you might...
Using Array reduce
14.5.2019
Every developer who specializes in any programming language will tell you there’s a powerful tool the language provides that they rarely use and wish they knew more about. For me, it’s Array.prototype.reduce. I quite enjoy the other Array methods like map, filter, and find, but reduce...
Change Color of SVG on Hover
13.5.2019
There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different.
Let's look at the ways.
Inline SVG
Inline SVG is my favorite way to use...
SVG Properties and CSS
13.5.2019
There are many Scalable Vector Graphics (SVG), but only certain attributes can be applied as CSS to SVG. Presentation attributes are used to style SVG elements and can be used as CSS properties. Some of these attributes are SVG-only while others are already shared in CSS, such as font-size...
SLP-Based Token ACD to Gain Traction With Acceptance at Thousands of Shops
11.5.2019
The Simple Ledger Protocol (SLP) has garnered a lot of attention over the last few months as there’s been a wide variety of tokens created on top of the Bitcoin Cash network. On May 10, the Tokyo-based Alliance Cargo Direct revealed the SLP-minted token ACD and bitcoin cash will be accepted...
CSS-Tricks Chronicle XXXV
10.5.2019
I like to do these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.
I spoke at Smashing Conf San Francisco.
There's a video! I can't embed it here because of privacy settings or something, so here's a link to the Vimeo.
It's...
Crypto Adoption Strong in Venezuela Despite Political Chaos
10.5.2019
The political tension in Venezuela has affected local cryptocurrency adoption. While there are roadblocks, many crypto-advocating projects continue to thrive in the country. News.Bitcoin.com takes a deep look at the current situation in Venezuela, crypto adoption efforts and how the recent...