Search

Nalezeno "Patterns": 119

Single Element Loaders: Going 3D!


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


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


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


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


[Array Builder] * Scrollex * Grid Tile Patterns * RemixPress * Just Join IT The post Collective #710 appeared first on Codrops

Optimizing SVG Patterns to Their Smallest Size


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


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


12 Days of Web * Pixel Patterns * DoodleCSS * Breaking Out of the Box * Vortex * HTTP compression The post Collective #692 appeared first on Codrops

Creating Generative Patterns with The CSS Paint API


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

Collective #687


#Chatcontrol Explained * Layout patterns * Web Animation Course * Curves and Surfaces * Papyrus The post Collective #687 appeared first on Codrops

Collective #677


The Beauty of Bézier Curves * Why are hyperlinks blue? * Crafting Organic Patterns The post Collective #677 appeared first on Codrops

Conjuring Generative Blobs With The CSS Paint API


The CSS Paint API (part of the magical Houdini family) opens the door to an exciting new world of design in CSS. Using the Paint API, we can create custom shapes, intricate patterns, and beautiful animations — all with a … The post Conjuring Generative Blobs With The CSS Paint API appeared...

Bearish or Bullish? Bitcoin Traders Argue Over Death Cross Outcome


On Saturday, cryptocurrency analysts and traders have been discussing bitcoin’s recent chart patterns and the infamous death cross pattern has been a topical conversation. A number of traders believe when bitcoin’s short-term moving average (MA) dips below the long-term MA, the crypto...

Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries


A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat trick! Combining grid columns, grid gaps, and creative clipping … The post Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media...

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