Collective #163
Inspirational Website of the Week: Brooklyn United
Brooklyn United has a solid and clean design with some lovely details. Our pick this week.
Get inspired
UX accessibility with aria-label
Heydon Pickering explains how to use aria-label as a tool to ensure a good user experience for assistive technology users.
Keeping it simple: coding a carousel
Christian Heilmann shows how to code up a simple carousel without any unnecessary fanciness.
Check it out
Annotated Version of the Original jQuery Release
Incredibly insightful annotations for the jQuery library made with Genius annotations.
Check it out
MultiLayer Effects With CSS Clip Paths, Filters, and Blend Modes
Learn how to use CSS blend modes, clip path and filters to create a multi-layer effect in this tutorial by Dudley Storey.
Check it out
The mind-boggling universe of JavaScript Module strategies
Tiago Romero Garcia explains the different JavaScript Module strategies such as ad hoc, CommonJS, AMD and ES6 modules.
Read it
Foody Icons (EPS)
A fantastic free food icon set made by Studio Smacznego for the Food Rush app.
Get it
Type Slab
Auto-generate a Slab-type poster with this awesome tool made by Glen Maddern.
Check it out
Free Font: Jekyll and Hyde
Ryan Barry created this perfect pair of serif and sans serif fonts.
Get it
black-hole.js
Cliff Crosland created this cool script which uses a numerical ordinary differential equation solver from numeric.js, and some WebGL utilities from glfx.js, to render the gravitational lensing of a black hole.
Check it out
Resist the Redesign
Alina Senderzon from Zurb asks the question if a redesign is really necessary and tells the story behind the redesign of the ZURB Library.
Read it
Nucleo - Free Test Pack
A set of 50 free icons from the library of the Nucleo app, a great icon tool for managing and customizing vector icons.
Get it
Adorable Flat Workspaces (PSD, AI)
Anastasia Kolisnichenko designed these adorable desktop workspace elements.
Get it
Animating CSS Gradients, using only CSS
Dave Lunny shows how to animate between gradients with CSS only.
Check it out
Futuramo
Fututramo (beta) is a professional icon tool that let's you customize and download icons in SVG and PNG. With 2400 free icons.
Check it out
4 Work in Progress Mock-ups (PSD)
Some high-resolution work-in-progress mockup-ups by Oksana Golubets for Pixel Buddha.
Get it
Web Scraping With Node.js
Elliot Bonneville will show you how to create a powerful web scraper with Node.js in this Smashing Magazine article.
Check it out
Helium
Jaden Geller made Helium, the floating, translucent browser window for OS X, that let's you watch media while you work.
Check it out
Responsive Logos, Part 1: Tips for Adapting Logos for Small Screens
The beginning of a series of articles by Jeremy Frank from Viget on responsive web design practices for logos.
Check it out