Collective #359
Inspirational Website of the Week: Reflet
An elegant design with some experimental user interaction. Our pick this week.
Get inspired
FullStory: See, Search, and Understand Your User Experience
Actions speak louder than interviews. High-fidelity session playback shows how real users experience your site. Searchable, shareable, flawless on dynamic apps.
Try FullStory free
Documenting the Web together
Microsoft has started its amazing collaboration with Mozilla by contributing and redirecting to the MDN Web Docs.
Read it
Unsplash Awards 2017
The Unsplash Awards was created to recognize the powerful impact Unsplash contributors have made through their generosity and artistry. Check out 13 photography categories that feature their work.
Check it out
Gutenberg
A dependency-free static site generator written in Rust.
Check it out
A Look Back at the History of CSS
A great read by Jason Hoffman on the fascinating evolution of CSS.
Read it
Free Font: Geometric
A unique font designed by Monika Gause.
Get it
How to solve a maze using shaders
A video tutorial by Shadron that shows how to solve any maze in the form of a picture, using a GLSL shader.
Watch it
The Story of CSS Grid, from Its Creators
Read what the people who have contributed to the development of CSS Grid say about this important milestone in CSS history.
Read it
Front-End Checklist
The Front-End Checklist is a list of all the important bits to have and test before launching a webpage.
Check it out
DevDocs
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
Check it out
web-font-loading-recipes
Some demos that show different web font loading strategies.
Check it out
The most essential list of resources for Front-End beginners
A multi-lingual list of great resources for starting out with web development.
Check it out
CSS Grids for Everyone
Some great Laracast episodes on mastering CSS Grid.
Check it out
Meet Horovod: Uber's Open Source Distributed Deep Learning Framework for TensorFlow
Read about Horovod, an open source component which makes it easier to start—and speed up—distributed deep learning projects with TensorFlow.
Read it
Moodily
Moodily allows designers to gather and collaborate on design inspiration.
Check it out
But what *is* a Neural Network?
Great two part video series on how Neural Networks work.
Watch it
Improving Performance with the Paint Timing API
If you missed it: Umar Hansa explains the Paint Timing API.
Read it
Only CSS: Not Conflict Panel
A great demo by Yusuke Nakaya of rotating 3D panels.
Check it out
Pixabay Developer API
The Pixabay API gives you free access to over a million photos, illustrations, vector graphics and videos.
Check it out
Combining Graphical And Voice Interfaces For A Better User Experience
A great read on multi-modal interfaces by David Pasztor.
Read it
Free Font: Ozymandias
A beautiful blackletter font by Sebastian Fermin.
Get it
Design Systems
Susan Robertson's summary of some of the interesting ideas in Alla Kholmatova's book, Design Systems.
Read it
Writing
Writing is a lightweight, distraction-free text editor in the browser with Markdown and LaTeX support.
Check it out
Dynamic Shape Overlays with SVG
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
Check it out