Collective #145

Inspirational Website of the Week: NEVERBLAND
A clean design with excellent typography, smooth animations and beautiful details; that's the new website of Neverbland, our pick this week.
Get inspired
Are you a robot? Introducing “No CAPTCHA reCAPTCHA”
A great new API that radically simplifies the reCAPTCHA experience by Google.
Check it out
Christmas Experiments
Every year this website delights with amazing web experiments by talented digital artists. This year's edition started out with some amazing gems.
Check it out
Enhancing User Experience With The Web Speech API
Ruth John writes about the newly proposed Web Speech API, the technology behind and how it could be used in the future.
Read it
Everybody Scrolls
Huge's first piece of ongoing research into usability best practices tackles scrolling.
Read it
Google Santa Tracker
Unlock a new project or game each day in preparation for Santa's annual journey around the world.
Check it out
Tweene: JavaScript Animation Proxy
Tweene can be used as a wrapper for existing animation libraries for better control and easier switching. Currently it works with GSAP, Velocity.js, Transit (CSS transitions) or jQuery. Made by Federico Orrù.
Check it out
UXmas
Don't miss this year's edition of the advent calendar for UX folk.
Check it out
Free Font: Sunday Font
An absolutely lovely vintage hand-lettering font by Anastasia Dimitriadi.
Get it
SVG Loaders
Loading icons and small animations built purely in SVG, no CSS or JS, by Sam Herbert.
Check it out
Github-Todos
Github-Todos is a super-useful git hook to convert your TODOs into GitHub issues.
Check it out
MarkdownLive
Markdown preview with live update by Marcin Dziewulski.
Check it out
Introduction to Service Worker
Learn about the exciting new Service Workers and how they will aid creating rich offline experiences, periodic background syncs and push notifications. By Matt Gaunt.
Read it
A brief history of web design for designers
The milestones of web design with some lovely illustrative animations. By Sandijs Ruluks.
Read it
Foundation for Apps
Zurb's Foundation has been used as preferred backbone for many websites. Now Zurb has created the first front-end framework for developing fully responsive web apps.
Check it out
Performance Calendar
Another advent calendar for speed geeks with interesting articles on web performance.
Check it out
UI Tiles: Website Flowcharts (PSD, AI, SKETCH)
UI Tiles is a set of 72 fantastic website flowcharts that will help you wireframe in minutes. A great resource
Get it
Building Pinalytics: Pinterest’s data analytics engine
A look behind the scenes of Pinalytics, Pinterest's own customizable platform for big data analytics.
Check it out
Flexbox Cross-Browser Inconsistencies
If you've had trouble creating flexbox layouts that look the same in every browser, you might find this article interesting.
Check it out
Animal Advent
Based on Ed Emberley's Drawing Book of Animals, Kirk Isreal creates delightful animal puppets from letters using Processing.
Check it out
Free Font: Stereotesque Regular
A new high-quality font by Stereotypes. The regular style is for free.
Get it