Search

Nalezeno "Hash": 457

The Twelfth Fourth


CSS-Tricks is 12 years old! Firmly into that Early Adolescence stage, I'd say ;) As we do each year, let's reflect upon the past year. I'd better have something to say, right? Otherwise, John Prine would get mad at me. How the hell can a person go to work in the morning And come home in...

Making width and flexible items play nice together


The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for. The long answer Let’s say you want to align an image and some text next to each other with like this: Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...

Different Approaches for Creating a Staggered Animation


Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element. But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...

Different Approaches for Creating a Staggered Animation


Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element. But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...

JAMstack? More like SHAMstack.


I'm a fan of the whole JAMstack thing. It seems like a healthy web movement. I'm looking forward to both of the upcoming conferences. Of any web trend, #jamstack seems like it will be the least regrettable. — Chris Coyier (@chriscoyier) May 22, 2019 I feel like the acronym might not...

Movin’ Modals Along a Path


Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path? Just a swoopy arc is kinda fun. ...

Prevent Page Scrolling When a Modal is Open


Please stop me if you've heard this one before. You open a modal, scroll through it, close it, and wind up somewhere else on the page than you were when you opened the modal. That's because modals are elements on a page just like any other. It may stay in place (assuming that's what it's meant...

Anchor a Document or File to the BCH Chain With Notary.Bitcoin.com


In my last article, I explained how to prove ownership of a specific address by signing a message with a public and private key pair. That’s just one way of proving ownership and verifying a valid signature, as BCH users can also anchor a document to the chain using the Bitcoin Cash...

How to Prove Ownership With a Bitcoin Cash Address and Digital Signature


Bitcoin is an amazing form of money and the technology Satoshi created has incredible potential. However, most people don’t realize that the blockchain not only allows for a great medium of exchange, but it also provides the means for creating notarized proofs. The following walkthrough aims...

Change Color of SVG on Hover


There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different. Let's look at the ways. Inline SVG Inline SVG is my favorite way to use...

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