A project overdue. As an 80's/90's kid, I was obsessed with printing technology - and especially halftone patterns. I've long theorized that these pat
Shades of Halftone - The Blog of Maxime Heckel
An interactive deep dive into building halftone shaders in GLSL, covering everything from classic dot patterns and CMYK color separation to Moiré interference, gooey effects, and animated displacement.
MD Thermochrome by Mass-Driver - Future Fonts
Our written world is made from little dots: little dots of ink from a printer; phosphors or pixels on a screen; blackened thermal paper on a sales receipt. MD Thermochrome is a typeface designed around little dots. It’s not a faithful mimicry of any single printing technique, but an allusion to several — the coarse grid of dot-matrix printers, the visible scanlines of CRT terminal fonts, the varying dot size of over- and under-inked documents from any number of technologies. Built on a consistent (but not quite square) grid, Thermochrome features five discrete italic angles (Upright, Italic, Inclined, Retalic, Reclined), eight weights, and over 100 icons and symbols.
Retro 80s Seamless Pattern Background Stock Vector - Illustration of retro, pattern: 57384117
Retro 80s seamless pattern background. Illustration about retro, pattern, print, fashionable, hipster, fabric, element, backdrop, geometric, arty, graphic, ornament, background - 57384117
CSS dot pattern/grid background
Revealing Text With CSS letter-spacing | CSS-Tricks
Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.
Jazz Cups: The Snazzy Paper Tableware Pattern that Encapsulates Early 90s Design - 99% Invisible
Imagine a plastic cup and one particular red-wrapped variant will likely come to mind, designed in the 1970s by Robert Leo Hulseman, son of the Solo Cup Company’s founder. In the realm of paper cups, there is a parallel icon — the dynamic “Jazz” pattern is also a classic, but its history and the artist
Rijk's Website
When building out the CSS for this website, I took some extra time to perfect the vertical rhythm. This is very often overlooked, and is one of those things you can't really tell, but definitely feel.
CSS3 Patterns Gallery
The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+. However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients).
CSS is filling the gaps with rules. A way to style gaps in grid and flex. | utilitybend
A practical walkthrough of CSS gap decorations: column-rule, row-rule, rule-break, rule-inset, rule-visibility-items, repeat(), and animation.
Let’s Play With Gap Decorations!
The `rule` (and friends) CSS property allows us to draw markers (like borders) in the gaps between columns and rows (and flex items!)
BluePrint: Custom Bluesky theming by Postpone - Chrome Web Store (chromewebstore.google.com) — Semble
Semble page for BluePrint: Custom Bluesky theming by Postpone - Chrome Web Store (chromewebstore.google.com)
Hero Patterns
A collection of repeatable SVG background patterns for you to use on your digital projects.
SVG Filters on Type
Ink gain, shadow woodtype, metal type under a lamp. Letterpress printers solved these effects mechanically. SVG filter primitives solve them in the browser.
