Collective #163
![Collective163_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_WOTW.png?x86293)
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![Collective163_AriaLabel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_AriaLabel.png?x86293)
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.
![Collective163_Carousel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_Carousel.png?x86293)
Keeping it simple: coding a carousel
Christian Heilmann shows how to code up a simple carousel without any unnecessary fanciness.
Check it out![Collective163_geniusjquery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_geniusjquery.png?x86293)
Annotated Version of the Original jQuery Release
Incredibly insightful annotations for the jQuery library made with Genius annotations.
Check it out![Collective163_multilayereffects](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_multilayereffects.png?x86293)
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![Collective163_jsmodules](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_jsmodules.png?x86293)
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![Collective163_foodieicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_foodieicons.png?x86293)
Foody Icons (EPS)
A fantastic free food icon set made by Studio Smacznego for the Food Rush app.
Get it![Collective163_TypeSlab](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_TypeSlab.png?x86293)
Type Slab
Auto-generate a Slab-type poster with this awesome tool made by Glen Maddern.
Check it out![Collective163_jekyllhyde](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_jekyllhyde.png?x86293)
Free Font: Jekyll and Hyde
Ryan Barry created this perfect pair of serif and sans serif fonts.
Get it![Collective163_blakholejs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_blakholejs.png?x86293)
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![Collective163_resistredesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_resistredesign.png?x86293)
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![Collective163_nucleo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_nucleo.png?x86293)
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![Collective163_workspaces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_workspaces.png?x86293)
Adorable Flat Workspaces (PSD, AI)
Anastasia Kolisnichenko designed these adorable desktop workspace elements.
Get it![Collective163_AnimatedGradients](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_AnimatedGradients.png?x86293)
Animating CSS Gradients, using only CSS
Dave Lunny shows how to animate between gradients with CSS only.
Check it out![Collective163_Futuramo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_Futuramo.png?x86293)
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![Collective163_workinprogress](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_workinprogress.png?x86293)
4 Work in Progress Mock-ups (PSD)
Some high-resolution work-in-progress mockup-ups by Oksana Golubets for Pixel Buddha.
Get it![Collective163_WebScraping](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_WebScraping.png?x86293)
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![Collective163_helium](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_helium.png?x86293)
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![Collective163_ResponsiveLogos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/04/Collective163_ResponsiveLogos.png?x86293)
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