Collective #717
Inspirational Website of the Week: Hisami Kurita Portfolio
A really unique design and web experience that shines with amazing animations. Our pick this week.
Get inspired
This content is sponsored via BuySellAds
Perfect for Hackathons
Learn how to speed up your development using low-code databases.
Check it out
State of GraphQL
The new annual developer survey of the GraphQL ecosystem. Fill out the survey to help identify which GraphQL tools and features are actually being used.
Check it out
The cost of convenience
Surma’s mental model of how to develop for developers without getting tempted to over-do it with abstractions.
Read it
Fun Parallax Scrolling CSS for Matterday
Journey through the parallax scrolling CSS effects featured on the site of the Matterday project. By Lynn Fisher.
Read it
Managing Specificity With CSS Cascade Layers
An in-depth guide to CSS Cascade Layers that will help you write easily maintainable stylesheets and deal with CSS specificity more efficiently.
Watch it
Stack Overflow Developer Survey 2022
The results of Stack Overflow’s survey insights about the attitudes, tools, and environments that are shaping the art and practice of software today.
Check it out
Building forms with custom elements
Maggie Wachs reviews what we can do now with custom elements in forms to ensure they behave as expected, and what’s on the horizon to simplify this process.
Read it
Style scoping versus shadow DOM: which is fastest?
Nolan Lawson presents a new benchmark that provides a better answer to the question if shadow DOM improves style performance.
Read it
Building a Quiz with Eleventy and Eleventy Serverless
Learn how to built an Eleventy site driven by dynamic quiz data. By Raymond Camden.
Read it
CSS card shadow effects
Chen Hui Jing shows how to create a card component with a comic style look.
Read it
ATMOS
Get on board and discover the most surreal facts about the aviation industry. A fantastic experiment by the folks of Leeroy.
Check it out
Spider
A cool spider experiment coded by Fabio Ottaviani.
Check it out
SVG Spinners
A collection of 24 x 24 dp SVG spinners.
Check it out
Markwhen
In case you didn’t know about it: Markwhen is a text-to-timeline tool. You write markdown-ish text and it gets converted into a nice looking cascading timeline.
Check it out
Chunshik’s observation diary
An absolutely adorable WebGL site.
Check it out
Modern CSS Reset
CSS Reset that uses modern CSS features such as :where(), logical properties, prefers-reduced-motion and more. By Elly.
Check it out
Conditionally Styling Selected Elements in a Grid Container
Fantastic CSS magic by Preethi that allows for selecting multiple items in a grid.
Read it
Three.js Architectural Visualization
Anderson Mancini has made another amazing #archiviz project in Three.js.
Check it out
The designer’s gaze
Srishti Mehrotra’s opinion on the role of designers and the impact of their work.
Read it
From Our Blog
Creating a Particles Galaxy with Three.js
A coding session where you’ll learn how to recreate the galaxy made of particles from the Viverse website.
Check it out