Collective #265
![collective265_wotw_bakken](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_WOTW_Bakken.png?x86293)
Inspirational Website of the Week: Bakken & Bæck
A super-slick design with bold typography and a great layout. Our pick this week.
Get inspired![collective265_cssimages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_CSSImages.png?x86293)
Image Effects with CSS
Bennett Feely shares some very creative image effects powered by background-blend-mode, mix-blend-mode and filter.
Check it out![collective265_graphicstock](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_GraphicStock.png?x86293)
GraphicStock's Black Friday Preview Sale
For a limited time, get $50 off your first year of GraphicStock and gain unlimited access to 300,000+ Photos, Vectors, and Illustrations
Claim This Offer![collective265_ff](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_FF.png?x86293)
Introducing Firefox Focus
Firefox Focus is a free, fast, and easy to use private browser for iOS by Mozilla.
Check it out![collective265_huebee](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_HueBee.png?x86293)
Huebee
Huebee is a JavaScript library for creating one-click, user-centric color pickers. Free for open source projects. Made by Dave DeSandro.
Check it out![collective265_invisible](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_Invisible.png?x86293)
Your Best Work Will Be Invisible
Some very insightful thoughts by Tanner Christensen about how the most important part of a designer's work is invisible to others.
Read it![collective265_youtubedevs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_YoutubeDevs-1.png?x86293)
YouTube Channels for Front-End Developers
A great list of YouTube channels for JavaScript developers and web designers. By Andrew Romanov.
Check it out![collective265_regex101](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_RegEx101.png?x86293)
Regular Expressions 101
Test, save and learn about regular expressions in this PCRE-based regular expression debugger with real time explanation, error detection and highlighting.
Check it out![collective265_mojs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_Mojs.png?x86293)
An Introduction to mo.js
Sarah Drasner shows you how to get started with mo.js, the powerful JavaScript animation library by Oleg Solomoka.
Read it![collective265_christmasvectors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_ChristmasVectors.jpg?x86293)
Cozy Christmas Free Vector Set (AI, EPS, SVG, PDF, PNG)
A lovely freebie by Tatiana Lapina with lots of goodies that will get you ready for the winter holidays.
Get it![collective265_asciimorph](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_AsciiMorph.png?x86293)
AsciiMorph
A library to animate between two ASCII images? Why is Tim Holman doing this to us? There goes the weekend... ;)
Check it out![collective265_scheduletemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_ScheduleTemplate.png?x86293)
Schedule Template
A very nice and responsive template for organizing timelines and schedules by Claudia Romano from CodyHouse.
Check it out![collective265_click](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_Click.png?x86293)
Click
An interesting and fun project by Moniker browser events are revealed and used to monitor online behavior.
Check it out![collective265_fefatigue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_FEFatigue.png?x86293)
Not An Imposter: Fighting Front-End Fatigue
A great article by David Berner on the very real concept of front-end fatigue and how devs can overcome frustrations related to learning pressure.
Read it![collective265_shuffle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_Shuffle.png?x86293)
Random Text Shuffle
An amazing demo by Sascha Sigl with some crazy colorful text shuffling.
Check it out![collective265_printstylessheet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_PrintStylesSheet.png?x86293)
I totally forgot about print style sheets
Manuel Matuzovic's awesome collection of useful CSS techniques for solid print style sheets.
Read it![collective265_rschool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_RSchool.png?x86293)
Rithm School Free Courses
Fantastic free resources for learning web development skills by Rithm School.
Check it out![collective265_functionalcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_FunctionalCSS.png?x86293)
15kb of CSS is all you'll ever need
Philip Ardeljan shows how functional CSS brings a tremendous benefit to performance.
Read it![collective265_freefontrude](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_FreeFontRude.png?x86293)
Free Font: Rude
Masha Chuprova designed this lovely artistic font with a raw touch.
Check it out![collective265_macdev](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_MacDev.jpg?x86293)
Setup a Mac Dev Machine From Scratch
A free series of tutorials that will teach you how to setup a Mac dev machine from scratch.
Check it out![collective265_100christmasicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_100ChristmasIcons.png?x86293)
100 Christmas Icons (AI)
A set of vector Christmas icons with lots of details.
Get it![collective265_icon8](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_Icon8.png?x86293)
How I Was Studying 3 Buttons for 20 Hours
A very interesting read on testing usability by Andrew from Icon8.
Read it![collective265_surftemplate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/11/Collective265_SurfTemplate.jpg?x86293)
Surf Report Template
In case you missed this weeks demo: A simple template of a weekly surf report with an animated SVG graph.
Check it out