Collective #484
Inspirational Website of the Week: Archi Graphi
A beautiful scroll experience with special effects. Our pick this week.
Get inspired
HTML5 Input Types: Where Are They Now?
Drew McLellan writes about the state of the HTML5 input types in 2019, which can be used, and which should still be avoided.
Read it
Using SVG with CSS3 and HTML5: Vector Graphics for Web Design
A book that will teach you how to use SVG not only for illustrations but also as graphical documents that you can integrate into complex HTML5 web pages, and style with custom CSS. Web developers will discover ways to adapt designs by adding data based graphics, dynamic styles, interaction, or animation.
Check it out
Tastemaking: 2019 Design Trends
Jon Moore's summary of current design trends and predictions for 2019 and beyond.
Check it out
Shiny
With this library you can add shiny reflections to text, backgrounds, and borders on devices that support the DeviceMotion event.
40075.world
An immersive journey to discover musical artists from all over the world.
Check it out
Emscripten and npm
Surma writes about how to make Emscripten and npm play nicely together using Docker.
Read it
CSS Grid for Designers
Johna Paolino's quick start guide to CSS Grid.
Read it
Use the :lang pseudo-class over the lang attribute selector for language-specific styles
Ire Aderinokun explains why and how to use the :lang pseudo-class.
Read it
JavaScript Modules: From IIFEs to CommonJS to ES6 Modules
Tyler McGinnis walks us through the history of JavaScript modules and explains how they work now.
Read it
Security Checklist
An open source checklist of resources designed to improve your online privacy and security.
Check it out
Rels
By utilizing a simple and minimal usage syntax, rels enables you to easily view various analytics and stats regarding the releases of any GitHub repository.
Check it out
CSS Grid: Train Ticket
A beautiful train ticket design made with CSS Grid.
Check it out
Free Font: Gutenberg
An inky, sketchy typeface made by Unio Creative Solutions.
Get it
SVRF API
An API that can be used for searching the largest database of immersive face filters, 360 videos, and 360 photos. The SVRF API is free to use across all types of apps: camera, messaging, chat, dating, creation, community, and more.
Check it out
Spectrum
Spectrum is a cross-platform image transcoding library by Facebook that can easily be integrated into an Android or iOS project to efficiently perform common image operations.
Check it out
Coalesce 12 - Phosphorescence 6
A fascinating demo by Liam Egan.
Check it out
A more complicated web
An interesting read by Chris Heilmann on how the web became complicated, especially when it comes to self-publishing.
Read it
The mistake developers make when coding a hamburger menu
Jared Tong explains a trick for making a flawlessly scrollable menu.
Read it
Augmented Reality and the Browser - An App Experiment
A deep dive into creating an Augmented Reality app by Anselm Hook.
Read it
SVG Filters 101
The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.
Read it