Search

Nalezeno "here": 7741

Position Vertical Scrollbars on Opposite Side with CSS

23.7.2020
Fair warning: I can’t say I recommend this in general because it breaks a very strong expectation of where scrollbars are, which are useful for a lots of folks, not to mention, a core accessibility feature for many. But it is a fascinating CSS trick and the web is a big place with...

Pausing a GIF with details/summary

22.7.2020
Steve Faulkner has a clever idea here. You can show an (animated) GIF and overlay a pause/play button on top of it — which is really a <details>/<summary> element. When toggled, a (non-animated) JPG inside covers the GIF, effectively “pausing” it. Adrian Roselli calls...

Here’s How to Check If a Bitcoin Address Is a Scam

22.7.2020
With the rapid rise in the number of bitcoin scams, there are easy ways to check if a bitcoin address has been reported as being used by scammers, such as in fake bitcoin giveaways. You can also easily report any bitcoin address associated with a scam. Check the ‘Bitcoin Abuse’ Database...

Irregular-shaped Links with Subgrid

16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...

Tradeoffs and Shifting Complexity

16.7.2020
This is a masterclass from Dave: After you hit the wall of unremovable complexity, any “advances” are a shell game, making tradeoffs that get passed down to the user … you get “advances” by shifting where the complexity lives. You don’t get free reductions in complexity. In CSS land...

Running spot instances effectively with Amazon EKS

14.7.2020
I know this is a little outside the normal scope of CSS-Tricks stuff, but I find the whole concept of spot instances fascinating. Here’s the gist from a very-non-expert (me). You can just buy and pay for web servers, for example, Amazon EC2. You can save a bunch of money if you buy them...

How to Make a List Component with Emotion

8.7.2020
I’ve been doing a bit of refactoring this week at Sentry and I noticed that we didn’t have a generic List component that we could use across projects and features. So, I started one, but here’s the rub: we style things at Sentry using Emotion, which I have only passing experience with and...

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

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