Collective #162
Inspirational Website of the Week: Bonhomme
Our pick this week will give you a super-smooth experience with some subtle effects and a great layout.
Get inspired
Pac-Man on Google Maps
An awesome April Fools' addition to Google Maps: play Pac-Man anywhere in the world.
Play
Dear web designer, let's stop breaking the affordance of scrolling
Rodrigo Muniz's wants you to promise that you won't use that "scrorrow" or "scroll arrow" ever again. A great article that highlights problems and offers solutions to scroll affordance.
Read it
Space.js
A very easy-to-use JavaScript library that allows narrative 3D scrolling made by Patrick Goethe. Make sure to read the article, too.
Check it out
Rendering Performance
Learn more about rendering performance in this new section on performance by Paul Lewis.
Read it
EGO Icons
A fresh and futuristic vector icon set with an extremely geometric style with 100 free icons. Also, check out the article How to create an icon collection by Vincent Le Moign, the creator of the set.
Check it out
Accessibility Wins
A Tumblr blog that showcases accessible user interfaces. Curated by Marcy Sutton.
Check it out
Free Font: ATHENA
An artistic display typeface designed by Alcir Heidemann.
Get it
Pong + Pacman + Space Invaders!
An insane game combination that will drive you nuts :) By kingPenguin.
Check it out
Ghost Ship Mobile UI Kit (PSD)
A free UI kit by Hoarrd! for Pixel Buddha with 20 screens from various categories.
Get it
Beep.js
Beep is a JavaScript toolkit for building browser-based synthesizers. Made by Stewart.
Check it out
User experience design is not what you think
Paul Boag explains how user experience design is different from user interface design.
Check it out
Free Font: Hamster Script
A new free font by Artimasa Studio. It's a beautiful cursive typeface inspired by brush lettering and traditional sign painting.
Get it
Mind The Gap: Six Causes of Unwanted Spaces In Page Layouts
Dudley Storey lists and explains the different causes for unexpected gaps in web page elements.
Check it out
Do Not Learn Frameworks. Learn the Architecture.
A very interesting article by Alex Rboots (translated from Russian, original article here) on frameworks.
Read it
Creating an NPM-driven Website
Nick Anastasov shows you how to create an NPM-driven website in this tutorial on Tutorialzine.
Check it out
The SVG Canvas, Coordinate System, And Viewport
Steven Bradley's series of SVG tutorials continues with explaining some more fundamentals of SVG.
Read it
Beyond Media Queries — It’s Time to Get Elemental
Richa Jain dives into Element Queries, explains the idea behind it and lists some great resources.
Read it
Loading CSS without blocking render
Keith Clark demonstrates a technique for asynchronously loading stylesheets. Although the technique is not stable, it offers some interesting insights.
Check it out
Free Font: FAKEDES
Cyril Mikhailov designed this rounded serif font and offers it for free.
Get it
Minimalistic Everyday Icons (AI)
A lovely practical icon set made by Matt Cooper. Check out the article on how it was created.
Get it