Collective #188
Inspirational Website of the Week: Panache
Creative shapes and a modern color theme rule this design. Our pick this week.
Get inspired
Popmotion
Popmotion is a JavaScript motion engine for animation, physics and input tracking with native support for CSS, DOM attributes, SVG and SVG paths.
Check it out
Introducing RAIL: A User-Centric Model For Performance
Paul Irish and Paul Lewis introduce RAIL, a user-centric performance model.
Read it
An Introduction to Sprite Animation
A brief overview of SVG animation for fluid movement in modern web design.
Check it out
Corpus
Corpus is a fantastic collection of useful styles and patterns that will come in handy in any project. Made by Jamie Wilson.
Check it out
Responsive Images for Busy People: Srcset & Sizes
Tom Bennet shows how to code a real-life example of efficient image scaling using the new srcset and sizes attributes
A new Device Adaptation spec
Peter-Paul Koch dives into the future of the W3C Device Adaptation spec.
Check it out
Squid Ink Line Icons
A set of free meticulously designed line icons by Squid Ink.
Get it
CSS Image Effects #1: Vintage Washout
Una Kravets shows how to create an interesting vintage washout effect with the lighten blend mode and a shadow colored background.
Check it out
clipboard.js
With clipboard.js you can easily copy text to the clipboard, dependency-free and without Flash. Made by Zeno Rocha.
Check it out
Make a Flipbook with Pure CSS
A cute little flipbook style animation using pure CSS.
Check it out
Goodbye John Doe
Say Goodbye to John Doe and generate a stylish name that fits to your project and will delight your client.
Check it out
Free Font: Devious
Devious Typeface is a beautiful font with a vintage style. Designed by Graptail for Pixel Buddha.
Get it
U.S. Web Design Standards
Open source UI components and visual style guide to create consistency and beautiful user experiences across U.S. federal government websites.
Check it out
Request For Startup
"Request For Startup" is great for finding startup ideas or share them.
Check it out
svg-mesh-3d
A high-level module to convert a SVG <path> string into a 3D triangulated mesh. Best suited for silhouettes, like font icon SVGs. Made by Matt DesLauriers.
Check it out
GMass
A robust and free mass email system for Gmail.
Check it out
Speck
Rye Terrell created this high quality molecule renderer. A great Chrome Experiment.
Check it out
Vio Late (AI, SVG)
Some lovely icons with an interesting flat shadow, designed by buatoom.
Get it
JavaScript goes to Asynchronous city
David Catuhe shows how ECMAScript can improve your workflow with the use of Async Functions.
Check it out
Git Large File Storage v1.0
Git Large File Storage (Git LFS) has reached a 1.0 milestone and is now available to all repositories on GitHub.com.
Check it out