Collective #260

A Study Plan To Cure JavaScript Fatigue
A very helpful study plan put together by Sacha Greif that promises to remedy JavaScript fatigue in a productive way.
Read it
Create stunning websites with Uncode WordPress Theme
Uncode is a pixel perfect WordPress Theme designed with terrific attention to details, flexibility and performance.
Check it out
Upsite
With Upsite you can create one-page websites with ease, using Markdown.
Check it out
The New Digital School: An Alternative to Design Education (Kickstarter)
Tiago and Cláudia Pedras envision a better design education for this international Web Design school with no curriculum or assessment where you will get masterclasses from industry leaders and practical, real projects. Read the manifesto here.
Back it
Building Shaders With Babylon.js
A great tutorial by David Catuhe where he dives into shaders and explains how to create them with Babylon.js.
Read it
musicForProgramming
A great site that has matured into a fantastic resource for finding good music for programming or other tasks that involve concentration.
Check it out
Neural Enhance
An incredibly awesome application of Deep Learning where images are enhanced with amazing accuracy (1997 Blade Runner PC game, anyone?).
Check it out
Charts
Charts is a multi-library chart package to create interactive charts using Laravel.
Check it out
Web fonts, boy, I don't know
Monica Dinculescu critically honest look at Web fonts and how they load on a page.
Read it
The Future of Web Forms
Some interesting thoughts on the future of web forms and how conversational interfaces make data collection more human. And article by Matt West.
Read it
Carousels Don't Have to be Complicated
Chris Coyier presents some practical and uncomplicated ways to create carousel-like components.
Read it
Practical Redux
A great series of tutorials that will teach you Redux in a practical way. By Mark Erikson.
Read it
CSS Loader
A nice collection of one-element CSS-powered loaders for your web project. Made by Raphael Fabeni.
Check it out
funcssion
A tiny and easy-to-use CSS library that is inspired by the idea behind pure functions. Made by Javier Santiago Lozano.
Check it out
Fixed Disappearing Scrolling Header
A really nice demo by Dudley Storey with a fixed header that disappears in the woods on scroll.
Check it out
A Handmade SVG Bar Chart
Robin Rendle shows how to use SVG to create a bar chart, pointing out some interesting SVG positioning gotchas.
Read it
A Little Unix CLI Game
A cool little Unix CLI command game that tests your knowledge. Made by Una Kravets.
Play it
8 simple rules for a robust, scalable CSS architecture
If you haven't stumbled upon this yet: Some good thoughts on scalable CSS architecture by Jarno Rantanen
Read it
Postconscious
An eerie web experiment by Andrew McCarthy where Tweets are spoken using Speech Cloud's text-to-speech. Sounds just like those voices in your head ;)
Check it out
Begin LaTeX in minutes
A very useful introduction to LaTeX for beginners to get started quickly. By Luong Vo Tran Thanh.
Check it out
Free Font: Just Smile
A lovely typeface with a hand-written look designed by Ian Mikraz
Get it