Collective #241
Inspirational Website of the Week: Femme Fatale Studio
A bold design with sharp typography and a daring layout. Our pick this week.
Get inspired
Segment: One API, Over 180 Tools?
Don't repeat yourself. Use one API and send data to over 180 different analytics, marketing, and data warehousing services.
Check it out
Itsy Bitsy Data Structures
An extremely helpful collection of simplified code examples of many of the common data structures written in easy to read JavaScript. By James Kyle.
Check it out
Helping users easily access content on mobile
Read all about how Google's mobile search results are going to be subject to two major changes.
Read it
in-view.js
Get notified when a DOM element enters or exits the viewport. A small (~2kb gzipped), dependency-free, JavaScript utility for IE9+. By Cam Wiegert.
Check it out
Upgrading CSS Animation With Motion Curves
Learn all about motion curves and animation timing functions for super-smooth CSS animations. An excellent article by Nash Vail.
Read it
Odoo: SVG Odometer Effect Library
A SVG odometer effect library that uses a functional approach and ES7 Function Bind Syntax. By Michał Skowronek.
Check it out
The target="_blank" vulnerability by example
Ben Halpern explains the target="_blank" vulnerability of links and why it should never be used without the rel="noopener" attribute.
Read it
BlokDust
BlokDust is a super-stylish web-based music making app that uses the Web Audio API and the Tone.js framework. Check out the GitHub repo.
Check it out
All about creating design style guides
The team behind Mybridge shares a curated collection of the top articles and resources on style guides.
Check it out
Typography is impossible
The practical guide by Marcin Wichary to why laying out type never quite does what you want.
Read it
How to design words
John Saito explains how important it is to make reading as easy as possible on the web.
Read it
React Patterns
A collection of helpful patters for React.js workers. By Michael Chan.
Check it out
Markapp
A very useful resource that aims to collect and promote JavaScript libraries that can be initialized in HTML, without writing any code. By Lea Verou.
Check it out
Free Font: Zeyk Brush
Zeyk Brush is a bold and wild brush typeface designed by Juan Pablo Bello.
Get it
Cache Fetched AJAX Requests Locally: Wrapping the Fetch API
Peter Bengtsson shows how to implement a local cache of fetched requests.
Read it
Songsearch: Using ServiceWorker to make a 4 MB CSV easily searchable in a browser
An interesting project using ServiceWorker magic on CSV for searching. By Christian Heilmann.
Check it out
The State Of JavaScript: Front-End Frameworks
Some interesting initial results of the great JavaScript Survey by Sacha Greif.
Check it out
Test262 is a JavaScript Sideshow
Mike Pennisi guides us through some dark corners of JavaScript code that has been created for extending Test262, the gigantic test suite for the language.
Read it
Weather Icons (Sketch, PSD)
Some lovely free weather icons that were designed for the CoolCal app by the folks behind Netguru.
Check it out
Designing for Television (Part 1)
An exciting introduction to designing UIs for the television by Molly Lafferty.
Read it