Collective #539

Inspirational Website of the Week: Veley / Ross — Wedding

A wonderful design with lovely details and a super-smooth feel. Our pick this week.

Data-Driven Product Design: Create Products Your Customers Love!

Gainsight PX reveals how users engage and feel about your product features. Leverage your customers' voice to create a best-in-class product experience.

Native lazy-loading for the web

Learn all about browser-level native lazy-loading in this article by Houssein Djirdeh, Addy Osmani and Mathias Bynens.

Writing Modes And CSS Layout

Rachel Andrew's article about CSS Writing Modes where she shows why understanding them is so important.

Learning CSS by reading specs

A great article by Hui Jing Chen on why reading the CSS specifications is one of the best ways to build a strong understanding of CSS.

ooooops I guess we're full-stack developers now

Chris Coyier's awesome talk on the changing role of the frontend developer.

The case study factory

A well made and eye-opening presentation on how the formulaic approach to UX case studies is numbing the critical thinking of designers, and how to bring a unique point of view to one's work.

A Contact Picker for the Web

Read all about the new Contact Picker API, an on-demand picker that allows users to select entries from their contact list and share limited details of the selected entries with a website.

Meet Dimension

Read about Dimension, a fascinating open-source plan to adapt fully-featured design tools like Figma from desktop to tablet. By Theo Strauss.

Artificial Intelligence Driven Design

A free Brain food ebook series where Joël van Bodegraven and other guest authors delve deep into how Artificial Intelligence will impact UX design, and how to design meaningful experiences in an era with AI-driven products and services.

Create custom keyboard accessible radio buttons

A step-by-step guide by Lindsey Kopacz on making custom radio buttons.

Why is modern web development so complicated?

An explanation of modern web development workflows and how we got from static websites to babel.

Turning a MacBook into a Touchscreen with $1 of Hardware

From last year but really awesome: read about the amazing "Project Sistine", a proof-of-concept for turning a MacBook into a touchscreen.

GLSL: 3D rotational spatial modification

An incredible demo by Liam Egan.

Marketing Examples

Like Dribbble, but for marketers: real world marketing examples from successful companies.

Predictably Random

Remy Sharp gives some insight to random functions in JavaScript and shares a tool that can visualize them.

Monica Dinculescu shares her latest creation called MidiMe: a small magenta.js model that you can train in your browser with your music to output variations. Read more about it in this article.

Eighth annual js13kGames challenge

Read the details about the eighth annual js13kGames competition, a game jam for web developers, game developers, and anyone who wants to challenge themselves to create something fun using JavaScript.

Phone Number Field Design Best Practices

Nick Babich shares some valuable tips on designing phone number fields.

Avant UI

Based on the Bootstrap Framework, this UI kit provides a fresh look and adds new features and components.

30 - 50 hogs

Cassie Evans made this CSS only game with an important final message.

Build Your Own Video Chat with Vue, WebRTC, SocketIO, Node & Redis

An in-depth tutorial by Adrián García Diéguez on how to build a multi-room video chat with horizontal scaling.

Image Trail Effects

A set of brutalist effects for mouse-following image trails that show a random series of images.