Inspirational Website of the Week: Dropbox – Guide
The guide to Dropbox for users and admins has a very interesting layout and a lovely color scheme. Our pick for this week’s Collective.
Don’t use <picture> (most of the time)
Jason Grigsby from Cloud Four explains why you won’t need the <picture> element for most responsive images.
Awesome SVG
A huge collection of useful articles and resources all around SVG. Collected by Willian Justen.
Ready to use SVG icons for the web
Baptiste Briel’s project makes using SVG icons as easy as copy and paste.
melchior.js
A Chainable Module Definition (CMD) dependency loader for JavaScript made by Dmitri Voronianski.
Sci-Fi, Frustrations, Flash And Forms: The Typeform Story
Founder of Typeform, David Okuniev, shares his interesting story of re-imagining the form.
A Scalable CSS Reading List
A list of things to read or watch that address these two questions: What is scalable CSS? and How do we create scalable CSS? Collected by David Clark.
Creating a Collection of CSS3 Animated Pre-loaders
A great tutorial on how to create CSS animated preloaders by Aaron Lumsden.
Advanced Debugging Techniques with Chrome
Learn some really useful tips on how to debug with the Chome DevTools. Paul’s slides are also available here.
Creating Your First Node.js Command-line Application
Martin Angelov shows how to create a Node.js command-line utility that users can start on their machine and make any folder available on the local network.
Neural Network
A very impressive abstract visualization of the brain as a biological neural network.
midnight.js
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Made by Aerolab.
draGGradients
A great tool to generate and customize multiple CSS radial gradients. By Lionel, the maker of Pixelator and CSShake.
Mobile Web App Checklist
A mobile app checklist with very useful advice by Zach Smith and Eugene Butler.
Learning about art, using JavaScript: Piet Mondrian
Jenn Schiffer is doing some Mondrian-inspired art using JavaScript.
Edge: Layout Performance Panel Intro
Paul Lewis’s beautifully illustrated slides for the introduction to the Edge 4 Layout Panel.
Free Font: Mangerica Semi Bold Italic
Natanael Gama created this elegant italic font and offers the semi bold weight for free.
Create a wood texture in Illustrator
A tutorial on how to create wood textures in Illustrator by Veerle Pieters.
Awesome Shell
A curated list of awesome command-line frameworks, toolkits, guides and gizmos. Inspired by awesome-php and compiled by Caleb Xu.
Apple Watch GUI (PSD)
imPekable shares this amazing PSD that comes in handy when designing Apple Watch apps.
The Ultimate Guide To iPhone Resolutions
A perfect overview of all the iPhone resolutions made by PaintCode.
Snorpey’s JavaScript Experiments
Georg Fischer’s cool and creative JavaScript experiments.
Inksplash Free Text Effects (AI)
5 Adobe Illustrator graphic styles to turn any font into a beautiful old vintage newspaper look. Made by Mats-Peter Forss for Pixel Buddha.
Free Font: Le Havre Rough Basic
A hand-crafted letterpress font by Jeremy Dooley. The basic version is for free.
Learn Angular by Building a Gmail Clone
Build a simple email application and learn core AngularJS concepts with this guide written by Todd Motto and Thomas Hudspith-Tatham.
GitHub Linker
An awesome Google Chrome Extension which links NPM, bower, Composer & Duo dependencies to their GitHub repository page. Made by Stefan Buck.
Collective #135 was written by Mary Lou and published on Codrops.
Accomplished, self-reliant creative industry ninja for well over a decade, with a solid knowledge and insight to a wide range of web/UX and creative skills.
I have high expectations for the results of my labour. I am confident in my ability to produce, and while I prepare for the worst, I do the work necessary to tilt the odds so that the best will happen.
Lifelong design & media industry geek. Ardent traveller. Relentless optimist. Fanatical gamer.
