Collective #199
![Collective199_siteoftheweek](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_siteoftheweek.jpg?x72856)
Inspirational Website of the Week: Bonne Marque
An very innovative user experience with great typography made us pick Bonne Marque as inspirational this week.
Get inspired![Collective199_ScrollReveal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_ScrollReveal.jpg?x72856)
ScrollReveal
ScrollReveal makes scroll animations for web and mobile browsers super easy. Made by Julian Lloyd.
Check it out![Collective199_interactionisanenhancement](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_interactionisanenhancement.jpg?x72856)
Interaction Is an Enhancement
Aaron Gustafson writes about how viewing JavaScript as a given creates the illusion of control and discusses the issues that arise from this view.
Read it![Collective199_touchkeyboards](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_touchkeyboards.jpg?x72856)
'Touch Keyboard' Implementations Have Improved Just 9% Since 2013 (60% Still Get it Wrong)
Christian Holst on the shocking benchmark that reveals how 54% of mobile sites fail to invoke optimized touch keyboards for either phone, ZIP code, or credit card form fields.
Read it![Collective199_JSSurvey](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_JSSurvey.png?x72856)
JavaScript Developer Survey Results
Get some interesting insights from this survey conducted by Nicolás Bevacqua.
Check it out![Collective199_WebAccessibilityBasics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_WebAccessibilityBasics.png?x72856)
The Web Accessibility Basics
Marco Zehe's list of absolute web accessibility basics every web developer should know about.
Read it![Collective199_clippedelements](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_clippedelements.jpg?x72856)
Animating Clipped Elements In SVG
Dennis Gaebel explains the difference between an SVG clipPath and a CSS clip-path and shows some creative examples.
Read it![Collective199_gridsystems](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_gridsystems.jpg?x72856)
Grid Systems for Screen Design
Johan Prag from Figma dives into the idea of grids as being foundational for flexible canvases as they are for a fixed page.
Read it![Collective199_WebBrowser](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_WebBrowser.jpg?x72856)
Building a Better Web Browser
James Mickens on building better, more robust and secure web browsers.
Watch it![Collective199_PseudoPseudont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_PseudoPseudont.png?x72856)
Pseudo and pseudon’t
Icky or not, this CSS trick by Jeremy Keith makes filled inputs awesome.
Check it out![Collective199_svgicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_svgicons.jpg?x72856)
SVG icons are easy but the fallbacks aren't
Matt Hinchliffe shows how difficult it can be to provide straightforward fallbacks for SVG on the web.
Read it![Collective199_ChristmasIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_ChristmasIcons.jpg?x72856)
A great bundle of 110 Christmas icons and illustrations designed by Anastasia Kolisnichenko for Smashing Magazine.
Get it![Collective199_WebsiteTemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_WebsiteTemplate.jpg?x72856)
Urku HTML5 Portfolio Website
Urku Portfolio is a clean and flexible free website template made by Pixeden.
Get it![Collective199_BackgroundSync](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_BackgroundSync.jpg?x72856)
Introducing Background Sync
Learn all about 'background sync', a new web API that lets you defer actions until the user has stable connectivity. By Jake Archibald.
Read it![Collective199_WebAssembly](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_WebAssembly.png?x72856)
Compiling to WebAssembly: It's Happening!
WebAssembly is a binary format for compilation to the web. Read why it's an exciting time now for it's design and implementation in this article by Alon Zakai.
Read it![Collective199_Domino](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_Domino.png?x72856)
Domino
Roi Lipman created this cool demo with Three.js, Node.js and Physijs where you can build domino layouts and make them topple.
Check it out![Collective199_christmasicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_christmasicons.jpg?x72856)
Christmas Icons (PNG, AI)
Benjamin Bely created a beautiful set of Christmas icons in a 3 part series. Check out the rebounds to see them all.
Get it![Collective199_tesselatte](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_tesselatte.jpg?x72856)
Free Font: Tessellate Regular
A creative display sans serif typeface designed by Kylee Barnard.
Get it![Collective199_Vuvuzela](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/12/Collective199_Vuvuzela.png?x72856)
Vuvuzela
Vuvuzela is a messaging system that protects the privacy of message contents and message metadata. Check out the Web Client, too.
Check it out