Search
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...
Inspirational Websites Roundup #16
26.6.2020
This special collection of wonderful websites will get you up-to-date on current web design trends.
The post Inspirational Websites Roundup #16 appeared first on Codrops
The Mad Magazine Fold-In Effect in CSS
25.6.2020
This was always my favorite thing in Mad magazine. One page (the inside of the back cover, I think) was covered in a zany illustration. You folded that page in thirds, covering up the middle-third of that image, and a new image would form because the illustration was designed to perfectly line...
Some Typography Links
25.6.2020
I just can’t stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open tabs.
Vistaserve is “a grass-roots web hosting initiative hailing from Thornbury, Australia. Inspired by the quirky web of...
The People of Decentraland Will Greet You Now
25.6.2020
Buy land. Trick out your home. Watch a SpaceX launch. You can do a lot of almost-real things in Decentraland, a virtual world built on a blockchain
How to Disable Code: The Developer’s Production Kill Switch
25.6.2020
The following is a guest post written by Carlos Schults.
Being able to disable code in production is a power that many developers aren’t aware of. And that’s a shame. The ability to switch off some portions—or even complete features—of the codebase can dramatically improve the software development...
Hide Scrollbars During an Animation
24.6.2020
CSS still can’t animate to auto dimensions.
.dropdown {
transition: 0.2s;
height: 0;
}
.dropdown.open {
/* the height will change, but it won't animate. */
height: auto;
}
There is JavaScript trickery you can try. Brandon Smith outlined several techniques here a little while back....
Leveraged Tokens Soon Available on the Bitcoin.com Exchange
24.6.2020
Four new tokens by Amun will be listed on the Bitcoin.com Exchange this Thursday. Amun is a leading crypto technology company that builds tokens to make purchasing crypto more accessible, safe, and efficient. You have the chance to trade these tokens for free on the Bitcoin.com Exchange from...
How to Make localStorage Reactive in Vue
24.6.2020
Reactivity is one of Vue’s greatest features. It is also one of the most mysterious if you don’t know what it’s doing behind the scenes. Like, why does it work with objects and arrays and not with other things, like localStorage?
Let’s answer that that question, and while we’re at it, make...
Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs
23.6.2020
HTML has an <input type="range">, which is, you could argue, the simplest type of proportion slider. Wherever the thumb of that slider ends up could represent a proportion of whatever is before and whatever is after it (using the value and max attributes). Getting fancier, it’s possible...