Search
Collective #733
13.10.2022
New patterns for amazing apps * Randoma11y * Design Systems For Figma * Layout Breakouts with CSS Grid
Crypto Chart Patterns Explained: How to Read Bitcoin Charts
10.10.2022
You may have come across terms thrown about in the crypto space, such as “head and shoulders,” “rising wedges,'' and “cup and handle.” These are used by traders when analyzing crypto chart patterns. In this guide, we will explain how to read bitcoin charts and highlight popular crypto chart...
How to Create Wavy Shapes & Patterns in CSS
26.9.2022
The wave is probably one of the most difficult shapes to make in CSS. We always try to approximate it with properties like border-radius and lots of magic numbers until we get something that feels kinda close. And that’s before …
How to Create Wavy Shapes & Patterns in CSS originally...
CSS Checkerboard Background… But With Rounded Corners and Hover Styles
20.9.2022
On one hand, creating simple checkered backgrounds with CSS is easy. On the other hand, though, unless we are one of the CSS-gradient-ninjas, we are kind of stuck with basic patterns.
At least that’s what I thought while staring at …
CSS Checkerboard Background… But With Rounded...
iShadeed’s Container Queries Lab
1.9.2022
Ahmad Shadeed got an early jump on container queries and has a growing collection of examples based on everyday patterns.
And, if you missed it, his latest post on container queries does a wonderful job covering how they work since …
iShadeed’s Container Queries Lab originally...
Implicit Grids, Repeatable Layout Patterns, and Danglers
2.8.2022
Dave Rupert with some modern CSS magic that tackles one of those classic conundrums: what happens when the CSS for component is unable to handle the content we throw at it?
The specific situation is when a layout grid expects …
Implicit Grids, Repeatable Layout Patterns, and Danglers...
Grayscale: Bitcoin Could See Another 5-6 Months of Downward or Sideways Price Movement
21.7.2022
Grayscale Investments has explained that there may be another 250 days of the current bearish crypto market, citing patterns in previous cycles. In addition, “Bitcoin is 222 days off the all-time high, which means we may see another 5-6 months of downward or sideways price movement,”...
How stroke-dasharray Patterns Work
15.7.2022
Say you have a line in SVG:
<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg
You can use the stroke-dasharray property in CSS to make dashes:
line {
stroke-dasharray: 5;
}
That 5 value is a relative unit based …
How stroke-dasharray Patterns...
Single Element Loaders: Going 3D!
1.7.2022
For this fourth and final article of our little series on single-element loaders, we are going to explore 3D patterns. When creating a 3D element, it’s hard to imagine that just one HTML element is enough to simulate something like...
Single Element Loaders: The Dots
17.6.2022
We’re looking at loaders in this series. More than that, we’re breaking down some common loader patterns and how to re-create them with nothing more than a single div. So far, we’ve picked apart the classic spinning loader. Now, …
Single Element Loaders: The Dots originally published...
Collective #716
16.6.2022
Untools * Patterns * CSS Shadow Gradients * In circles and spheres * Better scrolling through modern CSS
The post Collective #716 appeared first on Codrops
How to Create Block Theme Patterns in WordPress 6.0
1.6.2022
Block patterns, also frequently referred to as sections, were introduced in WordPress 5.5 to allow users to build and share predefined block layouts in the pattern directory. The directory is the home of a wide range of …
How to Create Block Theme Patterns in WordPress 6.0 originally...
Collective #710
5.5.2022
[Array Builder] * Scrollex * Grid Tile Patterns * RemixPress * Just Join IT
The post Collective #710 appeared first on Codrops
Former Google CEO Eric Schmidt Starts Investing in Cryptocurrency — Finds Web3 Economics ‘Interesting’
30.4.2022
Eric Schmidt, a former Google CEO whose net worth is $22.8 billion, reveals that he has put “a little bit” of money into cryptocurrency. He added that he finds Web3’s economics “interesting,” noting that the platforms and the use patterns are interesting....
Goldman Predicts US Recession Odds at 35% in 2 Years, John Mauldin Wouldn’t Be Surprised if Stocks Fell 40%
18.4.2022
The American economy continues to look gloomy and signals pointing toward a looming recession continue to appear. In a note sent to clients this week, Goldman Sachs’ chief economist said the bank envisions the “odds of a recession as roughly 15% in the next 12 months and 35% within...
Optimizing SVG Patterns to Their Smallest Size
18.3.2022
I recently created a brick wall pattern as part of my #PetitePatterns series, a challenge where I create organic-looking patterns or textures in SVG within 560 bytes (or approximately the size of two tweets). To fit this constraint, I have …
Optimizing SVG Patterns to Their Smallest Size...
A visual introduction to machine learning
17.12.2021
Just the first sentence alone here from Stepanie Yee and Tony Chu is solid:
In machine learning, computers apply statistical learning techniques to automatically identify patterns in data. These techniques can be used to make highly accurate predictions.
And what …
Collective #692
16.12.2021
12 Days of Web * Pixel Patterns * DoodleCSS * Breaking Out of the Box * Vortex * HTTP compression
The post Collective #692 appeared first on Codrops
Bitcoin’s Hashrate Dips, Mining Difficulty Expected to Decrease for First Time Since July
27.11.2021
Bitcoin’s hashrate has been volatile in recent times following the same patterns as the crypto asset’s price. Three days ago, Bitcoin’s hashrate neared the 180 exahash (EH/s) zone only to plummet to 128 EH/s two days later. The recent shifts have taken place before the upcoming...
Creating Generative Patterns with The CSS Paint API
24.11.2021
The browser has long been a medium for art and design. From Lynn Fisher’s joyful A Single Div creations to Diana Smith’s staggeringly detailed CSS paintings, wildly creative, highly skilled developers have — over the years — continuously pushed …
The post Creating Generative...