Collective #336
![C336_Savee](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Savee.jpg?x86293)
Inspirational Website of the Week: Savee
Great design and layout with bold typography. Also, a very useful tool. Our pick this week.
Get inspired![C336_Dapulse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Dapulse.png?x86293)
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![C336_GridBugs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_GridBugs.jpg?x86293)
GridBugs
Rachel Andrew introduces GridBugs, a repo for a community curated list of CSS Grid Layout bugs.
Read it![C336_Tooltips](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Tooltips.jpg?x86293)
Tooltips & Toggletips
Heydon Pickering's new Inclusive Component article on tooltips.
Read it![C336_Flash](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Flash.jpg?x86293)
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![C336_Algolia](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Algolia.jpg?x86293)
Improving Web Performance to Mirror Engine Speed
Jonas Badalic shows how he improved loading performance at Algolia with some impactful improvements.
Read it![C336_Dragon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Dragon.jpg?x86293)
Here be dragons
A project by Simon Rodriguez where he built a basic 3D scene using various engines, frameworks or APIs
Check it out![C336_Shoelace](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Shoelace.jpg?x86293)
Shoelace.css
Highly customizable through CSS variables, Shoelace.css is a starter kit with helpful components.
Check it out![C336_CSSGridMasonry](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_CSSGridMasonry.jpg?x86293)
CSS Grid Masonry Layout
A Masonry style layout powered by CSS Grid Layout using 'grid-auto-flow: dense'.
Check it out![C336_WebGLMap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_WebGLMap.jpg?x86293)
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![C336_ThePowerofCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_ThePowerofCSS.jpg?x86293)
The Power of CSS
Watch Una Kravets at Front-Trends 2017 talking about the superpowers of CSS.
Watch it![C336_Chain](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Chain.jpg?x86293)
Chain
A Sketch plugin for maintaining dynamic color relations in a design.
Check it out![C336_GridInspector](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_GridInspector.jpg?x86293)
The Firefox Grid Inspector
Jen Simmons shares some insights into her recent work on the very useful Firefox CSS Grid Inspector.
Read it![C336_Chromestatus](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Chromestatus.jpg?x86293)
Chrome Platform Status Schedule Page
A new schedule page on chromestatus.com with all upcoming features.
Check it out![C336_Laravel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Laravel.jpg?x86293)
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![C336_WebGLInsights](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_WebGLInsights.jpg?x86293)
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![C336_OpenSourceKite](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_OpenSourceKite.jpg?x86293)
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![C336_Lists](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Lists.jpg?x86293)
Lists (beta)
Lists is a gallery of real content ready to populate your mockups.
Check it out![C336_Timeline](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Timeline.jpg?x86293)
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![C336_GridPresentation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_GridPresentation.jpg?x86293)
CSS Grid Changes Everything (About Web Layouts)
A fantastic talk by Morten Rand-Hendriksen on the greatness and practicality of CSS Grid.
Watch it![C336_QuoraMLNLP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_QuoraMLNLP.jpg?x86293)
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![C336_TheJSWay](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_TheJSWay.jpg?x86293)
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![C336_Chromeless](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_Chromeless.jpg?x86293)
Chromeless
Chrome automation made simple. Runs locally or headless on AWS Lambda.
Check it out![C336_BitcointPriceChart](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_BitcointPriceChart.jpg?x86293)
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![C336_AnimatedImagePieces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C336_AnimatedImagePieces.jpg?x86293)
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