Collective #82
Inspirational Website of the Week
The website of graphic and web designer Pauline Osmont has very interesting hover effects and creative transitions. Our pick this week.
Get inspiredImage Compression for Web Developers
Colt McAnlis dives into the topic of image compression for web developers, how important it is to optimize images and how to choose the right format.
Read itTogetherJS
TogetherJS is a Javascript library by Mozilla that adds collaboration features and tools to your website allowing for real time interaction.
Check it outAssorted CSS and UI experiments
Some assorted CSS and UI experiments by Hakim El Hattab including the Flexing Pagination and Device Loop
Check it outAddressing The Responsive Images Performance Problem: A Case Study
In this article Anders Andersen and Tobias Järlund explain the "padding-bottom" responsive image technique which they have implemented on the mobile version of a Swedish news site.
Read itWhat do you stand to make?
"What do you stand to make" is a great interactive tool by Hamish Macpherson for calculating ones earning potential. Great UI with a natural language based form.
Check it outFocus transition
Nikita Vasilyev shares this neat transition idea when focusing on links and input elements.
Check it out7 Habits of Highly Effective Media Queries
Some great advice on how to maximize the efficiency of media queries with some very useful references by Brad Frost.
Read itPace
Pace will automatically monitor your AJAX requests, event loop lag, document ready state, and elements on your page to automatically indicate the progress. Inspired by NProgress.js and our Creative Loading Effects.
Check it outCorporate Identity Mockup (PSD)
A beautiful and complete corporate identity mockup by Simon von Allmen.
Get itA Complete Guide to the Table Element
A very thorough and complete guide to the table element by Chris Coyier.
Check it outFireShell
With Fireshell by Todd Motto you can get started with you project quickly using HTML5 boilerplate, Sass OOCSS setup and Grunt.js.
Check it outjQuery Mapael
jQuery Mapael by Vincent Brouté is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.
Check it outA visual guide to Sass & Compass Color Functions
Learn visually about the Sass & Compass color functions from this guide by Jackie Balzer.
Check it outSloppy UI
A blog that collects glitches in UIs of iOS apps. Great resource for seeing what can go wrong and avoid mistakes.
Check it outResponsive elements
Responsive elements by Kumail Hunaid is a great little JavaScript library that allows elements to adapt and respond to the area they occupy.
Check it outThe design process of my ‘Collections’ WordPress theme for The Theme Foundry
A very detailed and extensive article on the design process of the Collections theme by Veerle Pieters.
Read itFrontify
With Frontify you can interactively specify designs and generate living front-end style guides.
Check it outVex Dialogs
Another great library by HubSpot: A modern and tiny dialog library for easily styleable dialogs with lots of options and a simple API. Made by HubSpot.
Check it outFree Font: ROUNDA
Ina Dimitrova designed this creative typeface inspired by the circle shape.
Get itFree Font: WIKINGG
Wikingg is the first type project by Slava Krivonosov. A unqiue uppercase font.
Get it