Search
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...
Learn How to Create BCH Apps With Bitcoin.com’s Developer Platform
13.5.2019
Are you a professional or a hobbyist programmer and want to create cryptocurrency enabled applications? Bitcoin.com’s Developer Platform offers resources for you to learn how to develop software based on the Bitcoin Cash (BCH) network. Also Read: Crypto Meets Techno and Binance Security...
Crypto Meets Techno and Binance Security Breach in the Weekly Update From Bitcoin.com
12.5.2019
Crypto meets techno with BCH-inspired music and discussion of the aftermath of the Binance security breach. In addition to learning about the latest developments, the winners of the latest giveaway will be revealed in this week’s video update on Bitcoin.com’s Youtube channel. Also Read:...
Schnorr Signatures Are Coming to Bitcoin Cash – Here’s What You Should Know
12.5.2019
On Wednesday, May 15, the Bitcoin Cash (BCH) network will be upgraded to incorporate the highly anticipated Schnorr signature algorithm, a digital signature scheme widely known for its simplicity. Also read: Bitcoin History Part 12: When No One Wanted Your BTC Schnorr Sigs Are Coming Next week,...
Track Rising Crypto Prices With Cryptowat.ch
12.5.2019
Cryptocurrency markets are booming this weekend and traders need adequate and timely information about prices and trends. Cryptowat.ch is an online platform that provides real-time market data and it’s highly customizable to suit the needs of different investors. Also read: Decryptionary...
Decryptionary Helps New Investors Understand Crypto Terms
11.5.2019
Rising cryptocurrency markets may once again arouse the interest of new investors. The crypto space has its specifics and it takes some effort to acquaint oneself with the terminology. Decryptionary has been created to impart the basic information you need to start understanding Bitcoin better....
Deploying a Client-Side Rendered create-react-app to Microsoft Azure
10.5.2019
Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve...
Weekly Platform News: Feature Policy, Signed Exchanges, iOS browsers
10.5.2019
👋 Hey folks! This is the first edition of a new weekly update we'll be posting that covers timely news at the intersection of development standards and the tools that make them available on the web. We often talk about the pace of change in our industry. It's fast and touches everything...
How to Generate QR Codes for Crypto Payments
10.5.2019
Businesses and projects in the crypto space have an incentive to facilitate cryptocurrency payments for their customers and users. With QR codes, acquiring a recipient’s address is easy – all it takes is a quick scan with a smartphone. A platform called Cwaqrgen provides a tool...
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...
The Thinking Behind Simplifying Event Handlers
9.5.2019
Events are used to respond when a user clicks somewhere, focuses on a link with their keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote complicated event listeners. More recently, I've learned how to reduce both the amount of code I write and the number...
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
The Impact of Team Collaboration and Communication on Projects
9.5.2019
(This is a sponsored post.)
The CSS-Tricks team was cracking up the other day when Miranda introduced us to something called "swoop and poop." That was a new term for most of us, but tell me if you've ever experienced this for yourself.
The idea is that someone in an organization — usually...
Stay in Touch With Markets Using the Cryptowatch App
9.5.2019
Cryptocurrency prices and market trends are constantly in flux. Cryptowatch is an Android Wear application that updates users about price changes on the go. It’s always with you, even when your smartphone is not around or runs out of battery. Also read: Coin 360 Provides Color-Based Crypto...
A Few Functional Uses for Intersection Observer to Know When an Element is in View
8.5.2019
You might not know this, but JavaScript has stealthily accumulated quite a number of observers in recent times, and Intersection Observer is a part of that arsenal. Observers are objects that spot something in real-time — like birdwatchers going to their favorite place to sit and wait for the birds...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Why, How, and When to Use Semantic HTML and ARIA
7.5.2019
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...
The Place of UX
7.5.2019
Every time "UX" comes out of my mouth or is typed by my fingers, I think, "did I just use that term correctly?" It feels like such a big and loaded term these days, that perhaps the way I use it only contributes to the confusion. Ryan Singer frames that problem well:
Debates continue to rage about...