Collective #231
![Collective231_WOTW_ConnectLisboa](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_WOTW_ConnectLisboa.png?x86293)
Inspirational Website of the Week: Connect Lisboa
A lovely layout with some slick transitions makes Connect Lisboa our pick this week.
Get inspired![Collective231_HackReactor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_HackReactor.png?x86293)
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![Collective231_Compressify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_Compressify.jpg?x86293)
Compressify
Upload any video format file to compress to web-compatible WebM with a 20-60% reduced size.
Check it out![Collective231_ReactjsPatterns](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_ReactjsPatterns.png?x86293)
React.js in patterns
Krasimir Tsonev shares his invaluable React design patterns and techniques. Also, check out his GitHub repo.
Check it out![Collective231_ConversationalInterfaces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_ConversationalInterfaces.jpg?x86293)
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![Collective231_OpenLetterDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_OpenLetterDesign.jpg?x86293)
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![Collective231_relnoopener](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_relnoopener.png?x86293)
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![Collective231_ObjectLiterals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_ObjectLiterals.jpg?x86293)
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![Collective231_VimGifs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_VimGifs.jpg?x86293)
Vimgifs
An awesome growing collection of GIFs that will teach you useful Vim commands.
Check it out![Collective231_TypographyStarTrek](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_TypographyStarTrek.jpg?x86293)
The Fonts of Star Trek
Yves Peters takes us on journey through the exciting history of the typography of Star Trek.
Read it![Collective231_CapitalisTemplates](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_CapitalisTemplates.jpg?x86293)
Capitalist Website Templates (PSD, Sketch)
A great freebie by PixelBuddha: three super-stylish website templates.
Check it out![Collective231_LoranoFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_LoranoFont.jpg?x86293)
Free Font: Lorano (ExtraLight)
A beautifully designed all-caps typeface by Valerio Dell'Edera with the ExtraLight style freely available.
Get it![Collective231_AdaptingToInput](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_AdaptingToInput1.jpg?x86293)
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![Collective231_securityguide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_securityguide.png?x86293)
A practical security guide for web developers
A very useful work-in-progress security guide for developers by Fallible.
Read it![Collective231_DesignTrends](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_DesignTrends.jpg?x86293)
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![Collective231_serious](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_serious.png?x86293)
Serious Study
An overly cool site where commands have to be entered for showing the content.
Check it out![Collective231_KanoFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_KanoFont.png?x86293)
Free Font: Kano
An elegant geometric font design by Frederick Lee.
Check it out![Collective231_CommandLineInterfaces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_CommandLineInterfaces.png?x86293)
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![Collective231_Emoji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_Emoji.png?x86293)
Emojillate
Create emoji-powered pixel art with this fun tool by Monica Dinosaurescu.
Check it out![Collective231_OlympicIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_OlympicIcons.png?x86293)
Freebie: Olympics Sports Icon Set (EPS, PDF, PNG, SVG)
45 colorful icons all about the Olympics designed by Icons8 for Smashing Magazine.
Get it![Collective231_BlendIf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/07/Collective231_BlendIf.png?x86293)
Using blend if for masking
Some useful tips on how to use Photoshop's blend if for masking by Marc Edwards.
Check it out