Collective #333
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
Designing The Perfect Slider
An in-depth analysis by Vitaly Friedman on how to design the perfect (range) slider.
Read it
CSS-only image slider using SVG patterns
Damián Muti's impressive image slide demo with a beautiful blur effect.
Check it out
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
Stop writing PHP like it's 2009...
Never heard of Hack, HHVM, XHP? Then this article by Florian Laplantif.
Read it
Dimmy.club
A device mockup generator for your screenshots.
Check it out
Arpeggio
A beautiful web application in React that names chords. Made by Kory Wakefield.
Check it out
Learn Anything
Learn anything with hand-curated mind maps that provide many useful resources.
Check it out
RSSUnify
Create unified RSS feeds from multiple sources with this online tool.
Check it out
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
Email Design Trends of 2017 (so far)
Learn about the current trends of email design and get inspired.
Read it
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
Vue SVG Maker
Sarah Drasner shows how form bindings in Vue can be paired with generative SVG for some fun effects.
Check it out
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
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
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
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
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
GPU-Accelerated Particles with WebGL 2
Learn how to use transform feedback to simulate lots of particles entirely on the GPU.
Read it
Free Font: Willful
A lovely handwritten brush font by Mr. Typeman for PixelBuddha.
Get it
The limitations of deep learning
An interesting excerpt from Francois Chollet's book "Deep Learning with Python".
Read it
A Localization cheatsheet: Designing for international audiences
Some very crucial points to consider when designing for international audiences. By Thomas Nishantha.
Check it out
LeoCAD
If you didn't know about it yet: LeoCAD is a CAD application for creating virtual LEGO models.
Check it out