Search
JavaScript Operator Lookup
9.11.2020
Okay, this is extremely neat: Josh Comeau made this great site called Operator Lookup that explains how JavaScript operators work. There are some code examples to explain what they do as well, which is pretty handy.
My favorite bit of UI design here are the tags at the bottom of the search...
GIFS and prefers-reduced-motion
3.11.2020
The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do:
<picture<source srcset="img/waterfall.avif" type="image/avif"<source...
MicroStrategy's bottom line gets beefier on Bitcoin moves: Bad crypto news of the week
31.10.2020
Check out this week’s Bad Crypto podcast
In Defense of Tables and Floats in Modern Day Development
30.10.2020
Twenty-plus years ago, tables were the main way web pages were created in HTML. It gave web builders consistent control of constructing pages with some “design.” No longer did sites only have to be top-to-bottom in a linear manner — they could be set up with columns that align left-to-right...
How to Make an Unobtrusive Scroll-to-Top Button
5.10.2020
A button to return to the top of the page allows the user to quickly return to the top of the page without making too much effort. This can be very useful when the page has a lot of content or which happens, for example, on one page websites, when infinite scrolling is used, or on mobile devices...
Hyperion Gained Over 200% in 10 Days from the Bottom of $0.23
22.9.2020
Hyperion—a Geospatial service platform is known for its vision “One Map” to provide global map data and service accessible to the masses. HYN—the token of this map service providing platform is one of the completely decentralized and most lucrative top 100 projects of the market. Moreover, just...
Blockstack Rises from the Recent Bottom; Trades at $0.203
15.9.2020
Blockstack—one of the lucrative projects amongst the top 100 platforms of the crypto market is currently trading at $0.203. STX price hit the YTD high at $0.32 after gradual rise in price since the beginning of the previous month. However, it was just at the onset of the ongoing month when the coin...
‘As Toppy as It Gets’: Metals, Bitcoin and Fiat’s Race to the Bottom, Feat. Tavi Costa
11.9.2020
The Crescat Capital portfolio manager gives his take on the flashing macro warning signals and why it is an explosive moment for gold, silver and (potentially) bitcoin
Bitcoin price charts hint at double-bottom, relief rally to $10,800
7.9.2020
Bitcoin has been clinging to the key $10,000 BTC price level all weekend as technical factors point to a short-term relief rally
Line-Animated Hamburger Menu
26.6.2020
This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS.
CodePen Embed...
Bitcoin Mining Difficulty Hasn’t Done This Since 2018 $3K BTC Bottom
5.6.2020
Difficulty is copying its $3,100 bear market behavior in a move that set the scene for a bull run to $14,000
New Quantum Model for BTC Predicts Bottom in 2021 Before 2022 Bull Run
3.6.2020
New Bitcoin model based around quantum analysis predicts a potential BTC price drop as low as $2,000 before the next bull-run proper starts in 2022
Overlapping Header with CSS Grid
1.6.2020
Snook shows off a classic design with an oversized header up top, and a content area that is “pulled up” into that header area. My mind goes to the same place:
Historically, I’ve done this with negative margins. The header has a height that adds a bunch of padding to the bottom...
People Are Removing the Most Bitcoin From Exchanges Since 2018 Bottom
21.5.2020
Exchange reserves hit an 18-month bottom while miners keep selling despite lower revenues after the halving
Using CSS Masks to Create Jagged Edges
12.5.2020
I was working on a project that had this neat jagged edge along the bottom of a banner image.
Looking sharp… in more ways than one.
It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...
XRP Price Bottom May Be Here as Bulls Try to Prevent New All-Time Low
10.4.2020
XRP price bulls must now defend new multi-year lows
CSS Foldable Display Polyfill
9.4.2020
Foldable phones are starting to be a thing. Early days, for sure, but some are already shipping, and they definitely have web browsers on them. Stands to reason that, as web designers, we are going to want to know where that fold is so we can design screens that fit onto the top half and bottom...
Create Diagonal Layouts Like it’s 2020
9.4.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...
Galaxy Digital Warns Losses Could Continue as Coronavirus Hits Bottom Line
9.4.2020
The crypto merchant bank just managed to keep its head above water in 2019, but says profits will likely suffer amid the effects of Covid-19
CSS Findings From The New Facebook Design
7.4.2020
Ahmad Shadeed digs around the new Facebook’s front-end code.
One that stood out to me:
.element {
inset: 4px 0;
/* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */
}
Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working...