Collective #336
Inspirational Website of the Week: Savee
Great design and layout with bold typography. Also, a very useful tool. Our pick this week.
Get inspired
Visual Project Management for Teams
More than 10,000 teams already get organized with Dapulse, the next generation visual project management tool.
Create a free account
GridBugs
Rachel Andrew introduces GridBugs, a repo for a community curated list of CSS Grid Layout bugs.
Read it
Tooltips & Toggletips
Heydon Pickering's new Inclusive Component article on tooltips.
Read it
Flash & the Future of Interactive Content
Read about how Adobe is planning to stop updating and distributing the Flash Player by the end of 2020.
Read it
Improving Web Performance to Mirror Engine Speed
Jonas Badalic shows how he improved loading performance at Algolia with some impactful improvements.
Read it
Here be dragons
A project by Simon Rodriguez where he built a basic 3D scene using various engines, frameworks or APIs
Check it out
Shoelace.css
Highly customizable through CSS variables, Shoelace.css is a starter kit with helpful components.
Check it out
CSS Grid Masonry Layout
A Masonry style layout powered by CSS Grid Layout using 'grid-auto-flow: dense'.
Check it out
How I built a wind map with WebGL
Vladimir Agafonkin from Mapbox shows how he built a stunning WebGL-based wind power simulation demo.
Read it
The Power of CSS
Watch Una Kravets at Front-Trends 2017 talking about the superpowers of CSS.
Watch it
Chain
A Sketch plugin for maintaining dynamic color relations in a design.
Check it out
The Firefox Grid Inspector
Jen Simmons shares some insights into her recent work on the very useful Firefox CSS Grid Inspector.
Read it
Chrome Platform Status Schedule Page
A new schedule page on chromestatus.com with all upcoming features.
Check it out
Laravel Web Installer
This Laravel package allows users who don't use Composer, SSH etc. to install your application just by following the setup wizard. By Rachid Laasri.
Check it out
WebGL Insights
A book that presents real-world techniques for intermediate and advanced WebGL developers. Edited by Patrick Cozzi. Now available for free.
Read it
How a VC-funded company is undermining the open-source community
An interesting article on a alarming case of open source abuse in form of ad/spyware injection. By Adrianne Jeffries.
Read it
Lists (beta)
Lists is a gallery of real content ready to populate your mockups.
Check it out
Building a responsive timeline in CSS with Sass and BEM
A step-by-step tutorial by Luke Whitehouse on how to build a responsive timeline.
Read it
CSS Grid Changes Everything (About Web Layouts)
A fantastic talk by Morten Rand-Hendriksen on the greatness and practicality of CSS Grid.
Watch it
Learning Machine Learning and NLP from 187 Quora Questions
A great compilation of Quora questions and answers that will teach you ML and NLP.
Check it out
The JavaScript Way
Beta stage of a book for anyone who wants to (re)discover the many facets of JavaScript. By Baptiste Pesquet.
Read it
Chromeless
Chrome automation made simple. Runs locally or headless on AWS Lambda.
Check it out
How I built an Interactive 30-Day Bitcoin Price Graph with React and an API
A tutorial by Brandon Morelli where you'll learn about React, interactive charts, and working with an API.
Read it
Animated Image Pieces
A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js.
Check it out