Search

Nalezeno "here": 4488

Fluid Images in a Variable Proportion Layout

3.7.2020
Creating fluid images when they stand alone in a layout is easy enough nowadays. However, with more sophisticated interfaces we often have to place images inside responsive elements, like this card: For now, let’s say this image is not semantic content, but only decoration. That’s...

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...

Crypto Use-Cases in Africa on the Rise, According to Luno

3.7.2020
Twitter and Square CEO, Jack Dorsey recently said “Africa will define the future (especially the Bitcoin one!)” But was he right? Crypto in Africa on the Rise Sad to be leaving the continent…for now. Africa will define the future (especially the bitcoin one!). Not sure where...

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...

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...

Timothy C. May: Libertaria in Cyberspace

27.6.2020
Here are a few points about why “cyberspace,” or a computer-mediated network, is more hospitable than physical locations for the kind of “crypto-anarchy” libertarian system I’ve been describing. Several folks have commented recently about ocean-going libertarian...

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...

The Return of the 90s Web

26.6.2020
One of my forever-lessons here on CSS-Tricks is that having your own website and blogging on it is a good idea. It’s probably one of the best decisions I’ve ever made, as it’s been a direct source of fun, career development and, eventually, income. I always chuckle at little...

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....

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...

Rough Notation

22.6.2020
This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are 6 design options, all configurable). Super clever. Here’s a little demo: CodePen Embed Fallback Aside from it just being cool,...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace