Search

Nalezeno "Hide": 73

Ethereum Won't Hide From Quantum Computers Behind PoS Shield


Source: Adobe/Bartek Wróblewski Quantum computing has long been regarded as Bitcoin (BTC)’s ‘bogeyman.’ The popular fear is that, as secure as Bitcoin and other proof-of-work cryptoassets are in terms of standard cryptography, quantum computers could provide additional means of breaking them. One...

Hiding Content Responsibly


We’ve covered the idea of hiding things in CSS many times here, the most recent post being Marko Ilic’s “Comparing Various Ways to Hide Things in CSS” which did a nice job of comparing different techniques which you’d use in different … The post Hiding...

Fading in a Page on Load with CSS & JavaScript


Louis Lazaris demonstrates a very simple way of doing this. Hide the body (with JavaScript) right away with opacity: 0 Wait for all the JavaScript to execute Unhide the body by transitioning it back to opacity: 1 Like this: CodePen… The post Fading in a Page on Load with CSS &...

Comparing Various Ways to Hide Things in CSS


You would think that hiding content with CSS is a straightforward and solved problem, but there are multiple solutions, each one being unique. Developers most commonly use display: none to hide the content on the page. Unfortunately, this way of hiding content isn’t bulletproof because now that...

Full Bleed


We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques. Perhaps my favorite is this little utility class: .full-width { width: 100vw; position:...

Deeper DX


Shawn Wang thinks there are deeper, perhaps more uncomfortable, places to go with developer experience (DX) beyond the surface-level stuff that we recently covered. Sure, sure, documentation, CLIs, good demos. But there are much harder questions to answer that are part of the real DX. Shawn lists...

This vs. That


Here’s a nice site from Phuoc Nguyen, who I’ve noted before has quite a knack for clever sites. This vs. That pits different related concepts against each other as a theme for an article. For example, CSS has display: none;, opacity: 0;, and visibility: hidden; and they all, on...

Pausing a GIF with details/summary


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

Hide Scrollbars During an Animation


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

Devising the Cloak of Invisibility in JavaScript


Steganography. The art of hiding something right under your nose. For as long as humans have been alive, we’ve been trying to hide things — whether it’s our last slice of pizza or the location of a buried treasure. Do you remember the cool invisible lemon ink trick, where we’d write the secret...

Create Diagonal Layouts Like it’s 2020


Nils Binder covers the ways: 1. Use an SVG in the form of a triangle. This technique is nicely described by Erik Kennedy on CSS-Tricks. 2. Hide part of your section using clip-path. Read Diagonal Containers in CSS by Sebastiano Guerriero or Sloped edges with consistent angle...

Samsung Plays Hide-and-Seek Galaxy S20 With the Cryptoverse


The Galaxy Unpacked 2020 event in San Francisco on February 12. Samsung has finally unveiled its new flagship smartphones, including the latest Galaxy devices, the S20, and the Z Flip, a foldable smartphone. But crypto-keen observers waiting to see if the new phones would be fitted with...

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