Search
CSS Border Font
28.2.2021
Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like border-radius with exotic syntax like border-radius: 100% 100% 0 0 / 37.5% 37.5% 0 0; which …
The post CSS Border Font appeared first...
Price analysis 2/26: BTC, ETH, ADA, BNB, DOT, XRP, LTC, LINK, BCH, XLM
26.2.2021
Bitcoin and most major altcoins remain rangebound with the exception of Cardano
An Interactive Guide to CSS Transitions
26.2.2021
A wonderful post by Josh that both introduces CSS transitions and covers the nuances for using them effectively. I like the advice about transitioning the position of an element, leaving the original space it occupied alone so it doesn’t result …
The post An Interactive Guide to...
Price analysis 2/24: BTC, ETH, BNB, DOT, ADA, XRP, LTC, LINK, BCH, XLM
24.2.2021
Bitcoin price is attempting to flip the $50,000 level back to support, while many altcoins are capitalizing on BTC's consolidation by moving higher
SmolCSS
24.2.2021
A wonderful collection of little layout-related CSS snippets from Stephanie Eckles that serves both as a quick reference and a reminder of how straightforward and powerful CSS has become.
Random things to note!
The resizeable containers aren’t some JavaScript library.
…
The post...
Price analysis 2/22: BTC, ETH, BNB, DOT, ADA, XRP, LTC, LINK, BCH, XLM
22.2.2021
Bitcoin and altcoins both saw a strong bounce off their intraday lows, which signals that traders still view dips as buying opportunities
Happy 35th Birthday, The Legend Of Zelda
22.2.2021
On February 21, 1986, the original Legend of Zelda was released on the Famicom in Japan. It did OK, Nintendo made some more Zelda games, and we’ve all been having some good times ever since. Read more
'Shop Contest: The Legend Of Zelda 35th Anniversary
20.2.2021
This year marks the 35th anniversary of the Zelda franchise. But specifically, it seems today Feb 21 is the actual day the series hits the big 3-0 (plus five.) Let’s celebrate the long-running franchise by creating silly images. It’s how we do things around here. Read more
Price analysis 2/19: BTC, ETH, BNB, DOT, ADA, XRP, LTC, LINK, BCH, XLM
19.2.2021
Bitcoin’s rally to a $1 trillion market cap could attract more buyers to the crypto sector and boost the price of several altcoins
Use CSS Variables instead of React Context
19.2.2021
Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in your own developer experience, and deliver a faster experience to your users. …
The post Use CSS Variables instead...
Recipe websites, data modeling, and user experience
18.2.2021
Simeon Griggs with some nice UX ideas for a recipe website:
No math. Swap between units and adjust servings on-the-fly.
Offer alternative ingredients.
Re-list the ingredient amounts when they’re referenced in the instructions.
I totally agree, especially on that last …
The post...
Barebones CSS for Fluid Images
18.2.2021
Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I’d say, is what you’d expect, but things get weird when srcset gets involved.
I poked my way through, and in addition to the …
The post Barebones CSS for Fluid Images appeared first...
Legend Of Zelda: Skyward Sword Is Coming To Switch
17.2.2021
Brightly colored Legend of Zelda dark horse Skyward Sword is getting a second lease on life. Or a third, if you count the Wii U eShop re-release. But I don’t.Read more
Things You Can Do With CSS Today
17.2.2021
Some nice coverage from Andy about CSS things that are truly new. If you haven’t looked at new things in CSS in, say, a year, I’d bet pretty much all of this will be new to you. A lot of …
The post Things You Can Do With CSS Today appeared first on CSS-Tricks.
You can support...
Price analysis 2/17: BTC, ETH, DOT, ADA, XRP, BNB, LTC, BCH, LINK, XLM
17.2.2021
Bitcoin price has posted all-time high today and that may pull select altcoins higher
Use CSS Clamp to create a more flexible wrapper utility
17.2.2021
I like Andy’s idea here:
.wrapper {
width: clamp(16rem, 90vw, 70rem);
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
Normally I’d just set a max-width there, but as Andy says:
This becomes a slight issue in mid-sized viewports, such...
Front of the Front / Back of the Front
17.2.2021
People really latched onto Brad’s framing. And for good reason. Front-end development has gotten so wide scoping that there are specialists inside of it. Two years ago, I cut it down the middle and now Brad is putting …
The post Front of the Front / Back of the Front appeared first...
Maximally optimizing image loading for the web in 2021
16.2.2021
Malte Ubl’s list for:
8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
Fluid width images in CSS, not forgetting the height and width attributes
…
The post Maximally optimizing image...
The web didn’t change; you did
16.2.2021
I love this piece from Remy Sharp where he argues that the web didn’t get more complicated over the last 20 years, despite what we might think:
Web development did not change. Web development grew. There are more options now,
…
The post The web didn’t change; you did appeared first...
Price analysis 2/15: BTC, ETH, ADA, XRP, DOT, BNB, LTC, BCH, LINK, XLM
15.2.2021
The sharp recovery in major altcoins and Bitcoin suggests the uptrend remains intact