Collective #324

Inspirational Website of the Week: Flavien Guilbaud
Some interesting animations and hover interactions made us choose Flavien Guilbaud's portfolio this week.
Get inspired
Bring digital products to life faster, easier & cheaper with Sympli
Sympli is a platform that connects product development team members more effectively through plugins for design and development tools, seamless design hand-off, version control, visual diffs & more.
Check it out
StatiCrypt
Based on the crypto-js library, StatiCrypt uses AES-256 to encrypt a string on client side allowing to password protect static HTML pages.
Check it out
A crash course in memory management
The first article in a three part series on memory management by Lin Clark.
Check it out
Building Production-Ready CSS Grid Layouts Today
A practical guide by Morten Rand-Hendriksen on how to start using CSS Grid in production.
Read it
Grid by Example: Grab & Go Patterns
A set of CSS Grid Layout patterns with fallbacks for older browsers. By Rachel Andrew.
Check it out
The Most Efficient Way to Use Icons If You're A Designer or Developer
An excellent article by Jon Moore on how to work with icons efficiently for both, designers and developers.
Read it
ID3
ID3 is an Integrated Development Environment for D3.js.
Check it out
Handling Long and Unexpected Content in CSS
Some very useful tips on how to handle special content cases in CSS. By Ahmad Shadeed.
Read it
Activate
Gerard Ferrandez created this mesmerizing demo.
Check it out
Free Font: Carre
Isra Safawi designed this unique looking font.
Get it
Looper 2.0 Sketch Plugin
A Sketch plugin for duplicating, rotating and scaling drawings. By Sures Kumar.
Check it out
No No No
Julie Zhuo shows how important it is to be able to say "no" and how to do it in a fair way.
Read it
Responsive Design in Sketch?—?Part 1
Emin Inanc Unlu shows how to use the updated group resizing feature in Sketch for responsive designs.
Read it
Evrybo: Usability Testing
A service for analyzing user interactions in the design stage.
Check it out
Dairy Sketch UI Kit
A free Sketch UI kit for minimal app designs.
Check it out
Standard Ebooks
If you didn't know about this one yet: Standard Ebooks is a volunteer driven, not-for-profit project that produces lovingly formatted, open source, and free public domain ebooks.
Check it out
The Terrible Deep Learning List
15 working examples to get you started with Deep Learning without learning any of the math.
Check it out
Cell
A self-constructing web app framework powered by a self-driving DOM.
Check it out
Developers Who Use Spaces Make More Money Than Those Who Use Tabs
Some very interesting results of a Stack Overflow survey on tab vs. spaces.
Read it
How we got 1,500 GitHub stars by mixing time-tested technology with a fresh UI
Roman Hotsiy writes about the release of the open source tool GraphQL Voyager and explains why it gained so much popularity.
Read it
Results of the Ultimate CSS Survey 2017
Louis Lazaris presents the interesting results of this year's CSS survey.
Check it out