Search
Accordion Rows in CSS Grid
23.7.2020
I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this:
grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content);
That way, if...
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)...
Three CSS Alternatives to JavaScript Navigation
14.7.2020
Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links.
But that’s...
Creative Background Patterns Using Gradients, CSS Shapes, and Even Emojis
10.6.2020
You can create stripes in CSS. That’s all I thought about in terms of CSS background patterns for a long time. There’s nothing wrong with stripes; stripes are cool. They can be customized into wide and narrow bands, criss-crossed into a checked pattern, and played with in other ways using the idea...
Patoshi Researcher Says “Altruistic” Satoshi Will Never Spend His 1.1M Bitcoin
6.6.2020
Bitcoin founder Satoshi Nakamoto will never spend his “1.1 million bitcoins” because he is altruistic, Patoshi Pattern researcher Sergio Demian Lerner has said. The Patoshi Pattern exploits privacy flaws of an early protocol, v.01, to identify blocks possibly minded by Satoshi Nakamoto....
Coinbase Repeats Pattern of Shutting Down When Bitcoin Gets Volatile
3.6.2020
Members of Crypto Twitter are speculating the busiest exchange in the U.S. may be intentionally crashing its site during volatile times
Background Patterns, Simplified by Conic Gradients
28.5.2020
For those who have missed the big news, Firefox now supports conic gradients!
Starting with Firefox 75, released on the April 7, we can go to about:config, look for the layout.css.conic-gradient.enabled flag and set its value to true (it’s false by default and all it takes to switch...
Block Links: The Search for a Perfect Solution
25.5.2020
I was reading this article by Chris where he talks about block links — you know, like wrapping an entire card element inside an anchor — being a bad idea. It’s bad accessibility because of how it affects screen readers. And it’s bad UX because it prevents simple user tasks, like selecting text.
But...
Wild Satoshi Theories: The Curious Case of Bitcoin Block 3654 from 2009
21.5.2020
On Wednesday, 50 bitcoin mined on February 9, 2009, was moved from the original address to a new address. The movement of coins caused a great commotion throughout the cryptocurrency community, as some individuals assumed it may have been the mysterious Satoshi Nakamoto. However, skeptics believe...
Collective #603
23.4.2020
Gallery * Responsive CSS Motion Path * Spacing in CSS * pattern.css * The Cost of JavaScript Frameworks
Collective #603 was written by Pedro Botelho and published on Codrops
Chart Pattern Resurfaces That Saw Bitcoin Plunge From $10K to $3.6K
14.4.2020
The same fractal that brought Bitcoin from $10,500 to $3,600 is playing out. But, two key variables may soften the correction
Bitcoin Price Textbook Breakout Pattern May Trigger Big Rally to $8.5K
6.4.2020
Bitcoin price is seeing a textbook breakout pattern, which may take BTC to $8,500 in the near-term
This Historically Accurate Pattern Suggests Epic Bitcoin Plunge to $3K
4.4.2020
Technical analysts say the recent Bitcoin price trend resembles Elliot Wave and Wyckoff patterns, which may lead to new lows in the near-term
A Few Background Patterns Sites
18.3.2020
If I need a quick background pattern to spruce something up, I often think of the CSS3 Patterns Gallery. Some of those are pretty intense but remember they are easily editable because they are just CSS. That means you could take these bold zags and chill them out.
CodePen Embed Fallback
My usual...
Stop Using “Dropdown”
16.3.2020
Adrian Roselli notes that it might actually mean:
A <select> menu
An ARIA Listbox, Combobox, Menu, or Disclosure Widget
An input with a <datalist>
An input with autocomplete
A <details><summary> block
An accordion
Flyout navigation
In my own usage, I tend to mean...
Bitcoin Prints Bullish Price Pattern With Move Above $9K
5.3.2020
Bitcoin's bulls look to have established a secure foothold above $9,000, confirming a bullish inverse head-and-shoulders breakout
How We Created a Static Site That Generates Tartan Patterns in SVG
4.3.2020
Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions.
The idea was cooked up by Sylvain...
When CSS Blocks
28.2.2020
Tim Kadlec:
One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready.
So you're...
Bitcoin Faces Further Losses if Bulls Can’t Disrupt Bearish Chart Pattern
25.2.2020
Bitcoin has formed a bearish head-and-shoulders pattern with neckline support at $9,400
The Hooks of React Router
12.2.2020
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are looking for a quick primer on the new patterns of React Router. But before we look at hooks, we will start off with a new route rendering...