Search
Displaying the Current Step with CSS Counters
8.7.2020
Say you have five buttons. Each button is a step. If you click on the fourth button, you’re on step 4 of 5, and you want to display that.
This kind of counting and displaying could be hard-coded, but that’s no fun. JavaScript could do this job as well. But CSS? Hmmmm. Can it? CSS...
Watch Fiat Currencies If You Want To Guess Bitcoin's Next Move
7.7.2020
As major fiat currencies face potential devaluations in the wake of the COVID-19 crisis over the coming months and years, an alternative currency like bitcoin (BTC) has never been so needed, according to Max Bronstein, a member of the Institutional Coverage team at Coinbase.
Sharing his thoughts...
Bootstrap 5
7.7.2020
It’s always notable when the world biggest CSS framework goes up a major version (it’s in alpha now).
It has dropped jQuery and IE, started using some CSS custom properties, gone fully customized with form elements, started to embrace utility classes, and includes a massive icon...
WordPress Contributors Seek Sponsorship for Improving Gutenberg Developer Docs
6.7.2020
A couple of WordPress contributors are currently looking for folks to sponsor them to work on the documentation for the WordPress block editor (often referred to as “Gutenberg”) and this is your chance to support them.
If you’ve developed blocks for the WordPress block editor —...
Get Worldwide Postal Code Data with Zip Code API (Sponsored)
6.7.2020
Accurate shipping and location information is well worth the price you need to pay for it. You can sell that information, you can target consumers to perfection, and save yourself loads of frustration when it comes to shipping. Creating your own location API isn’t worth the time — there...
John Perry Barlow: A Declaration of the Independence of Cyberspace
4.7.2020
Governments of the Industrial World, you weary giants of flesh and steel, I come from Cyberspace, the new home of Mind. On behalf of the future, I ask you of the past to leave us alone. You are not welcome among us. You have no sovereignty where we gather. We have no elected government,...
Are You Independent Yet? Financial Self-Sovereignty and the Decentralized Exchange
4.7.2020
“You own your money, but you have to be aware of the responsibilities of owning your own money. You have to be careful with that freedom.”
Settling down in a Jamstack world
3.7.2020
One of the things I like about Jamstack is that it’s just a philosophy. It’s not particularly prescriptive about how you go about it. To me, the only real requirement is that it’s based on static (CDN-backed) hosting. You can use whatever tooling you like. Those tools, though...
Some Performance Links
3.7.2020
Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger.
Web Performance Recipes With Puppeteer
Puppeteer is an Node library for spinning up a copy of Chrome “headlessly” (i.e. no UI) and controlling it. People use it...
How-to guide for creating edge-to-edge color bars that work with a grid
1.7.2020
Hard-stop gradients are one of my favorite CSS tricks. Here, Marcel Moreau combines that idea with CSS grid to solve an issue that’s otherwise a pain in the butt. Say you have like a 300px right sidebar on a desktop layout with a unique background color. Easy enough. But then say you want...
How Crypto Can Bring You Financial Freedom
1.7.2020
The text below is an advertorial article that was not written by Cryptonews.com journalists.
Living in increasingly uncertain times is stressful, to say the least, and instills a very distinct fear for our survival in us. That also means that financial freedom can mean many different things...
New in Chrome: CSS Overview
1.7.2020
Here’s a fancy new experimental feature in Chrome! Now, we can get an overview of the CSS used on a site, from how many colors there are to the number of unused declarations… even down to the total number of defined media queries.
Again, this is an experimental feature. Not only does that...
JavaScript in SVGs
30.6.2020
SVGs are such an amazing tool for creating custom fonts, animations, size-reduced graphics, and more. They’re part HTML, part image, and all awesome. Many websites have moved toward SVG instead of JPG, GIF, and PNG due to the flexibility that SVG provides. Whats one example of that...
Five 5-minute Videos from Ethan on Design & Accessibility
30.6.2020
Ethan:
I’ve been working with Aquent Gymnasium to produce a series of five short tutorial videos, which have been launching over the course of this past week. Since the last video just went live, I’m thrilled to share the whole list with you:
• Introduction to using VoiceOver on macOS•...
Q2: A Journey of Struggle and Progress at CoinMarketCap – A Letter From Our CEO
30.6.2020
From Carylyne Chan, CEO Dear CoinMarketCap Community, It’s been three months since our last letter to you with the bigContinue Reading
The post Q2: A Journey of Struggle and Progress at CoinMarketCap – A Letter From Our CEO appeared first on CoinMarketCap Blog
Q2: A Journey of Struggle and Progress at CoinMarketCap – A Letter From Our CEO
30.6.2020
From Carylyne Chan, CEO Dear CoinMarketCap Community, It’s been three months since our last letter to you with the bigContinue Reading
The post Q2: A Journey of Struggle and Progress at CoinMarketCap – A Letter From Our CEO appeared first on CoinMarketCap Blog
Quarter 2 Complete! A Letter to Our Users
30.6.2020
Dear CoinMarketCap Community, It’s been three months since our last letter to you with the big news about our acquisition,Continue Reading
The post Quarter 2 Complete! A Letter to Our Users appeared first on CoinMarketCap Blog
When Sass and New CSS Features Collide
29.6.2020
Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they can also end up interacting with preprocessors, like Sass, in funny ways.
So this is going to be a post about the issues I’ve encountered...
Quick Tips for High Contrast Mode
27.6.2020
Sarah Higley has some CSS tricks up her sleeve for dealing with High Contrast Mode on Windows, which I learned is referred to as WHCM.
Here’s the first trick:
[…] if the default CSS outline property doesn’t give you the visual effect you want [in WHCM] for focus states...
Line-Animated Hamburger Menu
26.6.2020
This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS.
CodePen Embed...