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