Collective #231

Inspirational Website of the Week: Connect Lisboa
A lovely layout with some slick transitions makes Connect Lisboa our pick this week.
Get inspired
Hack Reactor: The Best Choice for Your Programming Career
Hack Reactor's 12-wk immersive coding school is accepting applications for onsite & online courses. Apply now & change your life.
Sign me up
Compressify
Upload any video format file to compress to web-compatible WebM with a 20-60% reduced size.
Check it out
React.js in patterns
Krasimir Tsonev shares his invaluable React design patterns and techniques. Also, check out his GitHub repo.
Check it out
Conversational Interfaces: Where Are We Today? Where Are We Heading?
A very insightful article by Cosima Mielke on the current and possible future state of conversational interfaces.
Check it out
An open letter to design students
If you are just starting out with design, this is for you. An excellent article by Brett Bergeron
Read it
The performance benefits of rel=noopener
Jake Archibald shows how using rel=noopener does not only provide a security benefit, but also a performance benefit.
Read it
Why object literals in JavaScript are cool
Learn how ES2015 improves the JavaScript object literal with additional goodies. An article by Dmitri Pavlutin.
Read it
Vimgifs
An awesome growing collection of GIFs that will teach you useful Vim commands.
Check it out
The Fonts of Star Trek
Yves Peters takes us on journey through the exciting history of the typography of Star Trek.
Read it
Capitalist Website Templates (PSD, Sketch)
A great freebie by PixelBuddha: three super-stylish website templates.
Check it out
Free Font: Lorano (ExtraLight)
A beautifully designed all-caps typeface by Valerio Dell'Edera with the ExtraLight style freely available.
Get it
Adapting to Input
Jason Grigsby points out how important it is to be adaptive when it comes to the plethora of new web input types.
Read it
A practical security guide for web developers
A very useful work-in-progress security guide for developers by Fallible.
Read it
5 Actual Web Designs Trends for 2016
Nils Sköld's useful reference of actual design trends for this year. Valuable list.
Check it out
Serious Study
An overly cool site where commands have to be entered for showing the content.
Check it out
Free Font: Kano
An elegant geometric font design by Frederick Lee.
Check it out
Richer command line interfaces
A very interesting read by Thomas Ballinger that will show you some insight to the world of command line interface building.
Check it out
Emojillate
Create emoji-powered pixel art with this fun tool by Monica Dinosaurescu.
Check it out
Freebie: Olympics Sports Icon Set (EPS, PDF, PNG, SVG)
45 colorful icons all about the Olympics designed by Icons8 for Smashing Magazine.
Get it
Using blend if for masking
Some useful tips on how to use Photoshop's blend if for masking by Marc Edwards.
Check it out