Collective #306
![C306_WOTW_uenostore](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_WOTW_uenostore.png?x86293)
Inspirational Website of the Week: ueno.store
An impeccable design with lovely details and perfect transitions. Our pick this week.
Get inspired![C306_CodeSandbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_CodeSandbox.png?x86293)
CodeSandbox
With this online playground you can create, share and reuse React projects with others easily. Read more about it in this article.
Check it out![C306_SketchStroke](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_SketchStroke.png?x86293)
Sketch's Brilliant New Way to Export Borders as SVG
The new Sketch release comes with a major improvement for SVG exports. Read all about it in this article by Peter Nowell.
Read it![C306_Siri](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_Siri.jpg?x86293)
Siri is dying. Long live Susan Bennett.
An interview with the woman who gave Apple its voice, and a preview of what's to come.
Read it![C294_DIvi3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/03/C294_DIvi3.jpg?x86293)
Divi 3.0: Build Things Visually
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Check it out![C306_AsyncJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_AsyncJS.png?x86293)
Asynchronous Functions 101
Some practical examples on asynchronous functions in JavaScript by Ire Aderinokun.
Read it![C306_RAGrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_RAGrid.png?x86293)
RAGrid
RAGrid makes it easy to use CSS Grid by means of a simpler terminology. Made by Adam Argyle.
Check it out![C306_WebVRExperiments](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_WebVRExperiments.png?x86293)
WebVR Experiments
Google's awesome directory of WebVR Experiments.
Check it out![C306_BuildingBlocks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_BuildingBlocks.png?x86293)
Building Blocks
A library of UI components that can be plugged into any ZURB Foundation project. Read more about it here.
Check it out![C306_PostJSApo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_PostJSApo.jpg?x86293)
The Post JavaScript Apocalypse
Douglas Crockford on what should be in the language that comes after JavaScript.
Watch it![C306_VuejQuery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_VuejQuery.png?x86293)
A Vue.js introduction for people who know just enough jQuery to get by
Matt Rothenberg shares his experience of learning Vue on a jQuery basis.
Read it![C306_Blob](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_Blob.png?x86293)
Blobs
Some interesting, interactive blobs that you can drag, swipe, click and move. A demo by Louis Hoebregts.
Check it out![C306_ooto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_ooto.jpg?x86293)
ooto: A free dashboard template for Sketch
Some admin design templates for Sketch made by Adrian Madacs.
Get it![C306_SmoothScrolling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_SmoothScrolling.png?x86293)
Smooth Scrolling and Accessibility
Heather Migliorisi writes about the accessibility issues that should be addressed when implementing smooth scrolling.
Read it![C306_FontLogi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_FontLogi.png?x86293)
Free Font: Logi
A unique looking geometric font.
Get it![C306_FontKhodja](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_FontKhodja.png?x86293)
Free Font: Khodja
A lovely display typeface by Faakpaat Studio.
Get it![C306_TeachingMachines](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_TeachingMachines.png?x86293)
Teaching Machines to Draw
Read about the fascinating work on generative models for sketch-style drawing in this Google Research blog post.
Read it![C306_GridBootstrap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_GridBootstrap.jpg?x86293)
Replace Bootstrap Layouts with CSS Grid
Dan Brown shows how to replace an existing grid framework like Bootstrap with CSS Grid.
Read it![C306_ZeroHeight](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_ZeroHeight.png?x86293)
zeroheight
A Sketch plugin for collaborative living style guides.
Check it out![C306_PlugPay](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_PlugPay.jpg?x86293)
Plug & Paid
A very complete and simple to use payment solution for websites.
Check it out![C306_AdWordsSimulator](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_AdWordsSimulator.png?x86293)
Google AdWords Simulator
A very handy AdWords simulator and mockup generator by André Militão Pontes. There's also one for display ads.
Check it out![C306_GridLoadingAnimations](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C306_GridLoadingAnimations.jpg?x86293)
Inspiration for Grid Loading Animations
A set of grid loading animations for your inspiration. The idea is to show grid items with an interesting effect once they are loaded.
Check it out