Collective #742
Publikováno: 8.12.2022
From type to logotype * Complementary Space * Nextra 2.0 * Readability
Inspirational Website of the Week: Barlow Agency
A minimal design with an interesting panning effect. Our pick this week.
This content is sponsored via BuySellAds
Use Kintone to Spend Less Time on the Back-end
Kintone is a powerful web database, providing developers with a convenient environment to test out front-end coding ideas, without having to run a back-end.
Readability
A new series of articles by the Google Fonts team where you’ll learn about the qualities of type and typography that make reading easier.
Designing a Utopian layout grid
This post aims to contextualise the Utopia fluid grid calculator which helps you to define a layout grid by clicking a few buttons. By James Gilyead.
Nextra 2.0
The new version of the Next.js static site generator brings some great features.
Readymag Websites of the Year 2022
Cast your vote for websites that inspire you and help them win.
WebGL Rain
Ash Thornton shares Unseen Studio’s first experiment, refracting WebGL rain drops!
A Practical Guide to CSS Media Queries
Take a closer look at what media queries are, how they work, and how to use them correctly, including for creating responsive designs. By Alex Ivanovs.
Digging Deeper Into Container Style Queries
Geoff Graham takes another look on container style queries and what’s currently being discussed.
From type to logotype
Tom Muller’s article on the process of creating a logotype.
Award Winning Animation With Only 20 Lines Of CSS?
Learn how to recreate the sliding image track effect from camillemormal.com in this video tutorial by Hyperplexed.
Complementary Space
Donnie D’Amato presents a framework to design spacing tokens semantically.
Spherical Harmonics
Steve Trettel made this awesome demo for a lecture.
How to transfigure wireframes into HTML
The first article in HTMHell’s Advent calendar is about transforming a design into code.
Basement Foundry
The type foundry by basement.studio where they offer their amazing, ever-evolving typefaces. And what a great site!
CSS For URLs and HTTP Headers
Jim Nielsen wonders what if we could write CSS based on any value in the current page’s URL.
Notion introduces expanded Free Plan & new Business Plan
Good news from Notion: they made some updates to their pricing plans that now include an expanded free plan.
Iris 2
A fun Christmas marbling experiment with WebGL by Maeda Mameo. Check out all the other experiments, too!
A Performance Maturity Matrix
The year’s Web Performance Calendar starts with an article by Brian Louis Ramirez on a systematic approach to improving performance using a “performance maturity matrix”.
Infinite Scroll and Wormy Scroll
Alex Dytrych’s funny wormy scroll experiment.
A Conversation With ChatGPT
Matthias Ott experimented with the new ChatGPT model by OpenAI and shares his impressive conversation.
From Our Blog
Tooltip to Gallery Transition
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.