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.
Get inspired
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.
Try it free
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.
Read it
Writing Modes And CSS Layout
Rachel Andrew's article about CSS Writing Modes where she shows why understanding them is so important.
Read it
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.
Read it
ooooops I guess we're full-stack developers now
Chris Coyier's awesome talk on the changing role of the frontend developer.
Watch it
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.
Check it out
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.
Read itMeet Dimension
Read about Dimension, a fascinating open-source plan to adapt fully-featured design tools like Figma from desktop to tablet. By Theo Strauss.
Read it
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.
Check it out
Create custom keyboard accessible radio buttons
A step-by-step guide by Lindsey Kopacz on making custom radio buttons.
Read it
Why is modern web development so complicated?
An explanation of modern web development workflows and how we got from static websites to babel.
Read it
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.
Read it
GLSL: 3D rotational spatial modification
An incredible demo by Liam Egan.
Check it out
Marketing Examples
Like Dribbble, but for marketers: real world marketing examples from successful companies.
Check it out
Predictably Random
Remy Sharp gives some insight to random functions in JavaScript and shares a tool that can visualize them.
Read it
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.
Check it out
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.
Read it
Phone Number Field Design Best Practices
Nick Babich shares some valuable tips on designing phone number fields.
Read it
Avant UI
Based on the Bootstrap Framework, this UI kit provides a fresh look and adds new features and components.
Get it
30 - 50 hogs
Cassie Evans made this CSS only game with an important final message.
Check it out
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.
Read it
Image Trail Effects
A set of brutalist effects for mouse-following image trails that show a random series of images.
Check it out