Collective #333
![C333_Udemy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_Udemy.jpg?x86293)
What would you like to learn about?
Take part in the 2017 Professional Development Survey and as a bonus get any Udemy course you want for only $15.
Check it out![C333_PerfectSlider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_PerfectSlider.jpg?x86293)
Designing The Perfect Slider
An in-depth analysis by Vitaly Friedman on how to design the perfect (range) slider.
Read it![C333_SVGPatternDemo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_SVGPatternDemo.jpg?x86293)
CSS-only image slider using SVG patterns
Damián Muti's impressive image slide demo with a beautiful blur effect.
Check it out![C333_StateofJS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_StateofJS.jpg?x86293)
The State of JavaScript 2017
From React to Polymer, from Service Workers to Webpack; this year's edition of "The State Of JavaScript" survey covers all hot JS topics to find out what devs love and hate.
Check it out![C333_Php](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_Php.jpg?x86293)
Stop writing PHP like it's 2009...
Never heard of Hack, HHVM, XHP? Then this article by Florian Laplantif.
Read it![C333_Mockups](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_Mockups.jpg?x86293)
Dimmy.club
A device mockup generator for your screenshots.
Check it out![C333_ChordNaming](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_ChordNaming.jpg?x86293)
Arpeggio
A beautiful web application in React that names chords. Made by Kory Wakefield.
Check it out![C333_Iwanttolearn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_Iwanttolearn.jpg?x86293)
Learn Anything
Learn anything with hand-curated mind maps that provide many useful resources.
Check it out![C333_RSSUnify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_RSSUnify.jpg?x86293)
RSSUnify
Create unified RSS feeds from multiple sources with this online tool.
Check it out![C333_FlowFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_FlowFont.jpg?x86293)
Free Font: Flow
Flow is a typeface built for wireframing. It comes in three weights: circular, rounded and block. Designed by Dan Ross.
Get it![C333_TrendsEmailDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_TrendsEmailDesign.jpg?x86293)
Email Design Trends of 2017 (so far)
Learn about the current trends of email design and get inspired.
Read it![C333_GoogleMapZoom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_GoogleMapZoom.jpg?x86293)
Disable scrolling zoom in Google Maps iframe
A CSS-only technique of locking a Google Map so that it won't zoom when scrolling the page.
Check it out![C333_VueSVG](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_VueSVG.jpg?x86293)
Vue SVG Maker
Sarah Drasner shows how form bindings in Vue can be paired with generative SVG for some fun effects.
Check it out![C333_PatternLibrary](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_PatternLibrary.jpg?x86293)
How to create a pattern library and why you should bother
Learn about the advantages of pattern libraries in this article by Paul Boag.
Read it![C333_VariableFonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_VariableFonts.jpg?x86293)
What do Variable Fonts mean for Web Developers?
Read about the practical aspects of variable fonts in this article by Ricardo Magalhães.
Read it![C333_Sketchplugin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_Sketchplugin.jpg?x86293)
Sketch Material
Sketch material is a Sketch app plugin that will help you generate complex material components like tables, chips, forms and more.
Check it out![C333_Blockchain](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_Blockchain.jpg?x86293)
Let’s Build the Tiniest Blockchain
Gerald Nash explains what blockchain is and shows how to code one in less than 50 lines of Python.
Read it![C333_WebpackDevServer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_WebpackDevServer.jpg?x86293)
Intro to Webpack Dev Server - Part II
The second part of a video series that teaches you how to work with webpack dev server.
Watch it![C333_WebGL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_WebGL.jpg?x86293)
GPU-Accelerated Particles with WebGL 2
Learn how to use transform feedback to simulate lots of particles entirely on the GPU.
Read it![C333_FreeFontPixelBuddha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_FreeFontPixelBuddha.jpg?x86293)
Free Font: Willful
A lovely handwritten brush font by Mr. Typeman for PixelBuddha.
Get it![C333_DL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_DL.jpg?x86293)
The limitations of deep learning
An interesting excerpt from Francois Chollet's book "Deep Learning with Python".
Read it![C333_International](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_International.jpg?x86293)
A Localization cheatsheet: Designing for international audiences
Some very crucial points to consider when designing for international audiences. By Thomas Nishantha.
Check it out![C333_LegoCAD](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/07/C333_LegoCAD.jpg?x86293)
LeoCAD
If you didn't know about it yet: LeoCAD is a CAD application for creating virtual LEGO models.
Check it out