Collective #183
![Collective183_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_WOTW.jpg?x25555)
Inspirational Website of the Week: Kwok Yin Mak
A fantastic portfolio with smooth transitions and an impeccable design. Our pick this week.
Get inspired![Collective183_Callback](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_Callback.png?x25555)
Using requestIdleCallback
Learn about requestIdleCallback, Google Chrome's new performance API for scheduling work when the user is idle. By Paul Lewis
Read it![Collective183_ThinkingResponsively](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_ThinkingResponsively.png?x25555)
Thinking Responsively: A Framework for Future Learning
Paul Robert Lloyd writes about how we need to consolidate our learning in the post RWD enlightenment era.
Read it![Collective183_StyleGuide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_StyleGuide.png?x25555)
Frontify Style Guide
Create free brand and design style guides with Frontify Style Guide.
Check it out![Collective183_CohesiveColors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_CohesiveColors.png?x25555)
Cohesive Colors
A tool for creating more cohesive color schemes. Made by Javier Bórquez.
Check it out![Collective183_Wallop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_Wallop.png?x25555)
Wallop: A minimal JavaScript library for showing & hiding things
Wallop is a small library for easily showing and hiding elements. Made by Pedro Duarte.
Check it out![Collective183_WebComponents](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_WebComponents.png?x25555)
What happened to Web Components?
A great read on the current status of Web Components by Dr. Axel Rauschmayer.
Read it![Collective183_SVGImageSlider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_SVGImageSlider.png?x25555)
Animated SVG Image Slider
A really fantastic image slider effect with SVG. Made by Sebastiano Guerriero from CodyHouse.
Check it out![Collective183_Grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_Grid.png?x25555)
The future of layout with CSS: Grid Layouts
An article on the exciting grid layouts by Patrick Brosset.
Read it![Collective183_stylecheckboxes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_stylecheckboxes.png?x25555)
CSS vs SVG: Styling Checkboxes and Radio Buttons
Learn some techniques of styling checkboxes and radio inputs with CSS or SVG and what the differences of the methods are. By Sara Soueidan.
Check it out![Collective183_imgbreakpoints](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_imgbreakpoints.png?x25555)
Responsive Images 101, Part 9: Image Breakpoints
Yet another great article from the responsive images series on Cloud Four Blog by Jason Grigsby.
Read it![Collective183_Toxy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_Toxy.jpg?x25555)
toxy
Hackable HTTP proxy to simulate server failure scenarios and unexpected network conditions.
Check it out![Collective183_BlockQuotes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_BlockQuotes.jpg?x25555)
In Other Words: Using the blockquote, cite and q elements
Dudley Storey shows how to properly use the blockquote element.
Read it![Collective183_FreeFontStoked](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_FreeFontStoked.png?x25555)
Free Font: Stoked
A unique display typeface designed by Marie-Michelle Dupuis and available for free.
Get it![Collective183_YouTubeGaming](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_YouTubeGaming.jpg?x25555)
YouTube Gaming
Oh yeah! YouTube just for gaming!
Check it out![Collective183_StarWarsMemories](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_StarWarsMemories.jpg?x25555)
Share the Force
Explore Star Wars memories on this fantastic site. A promotional campaign by Target.
Check it out![Collective183_FoodUIKit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_FoodUIKit.jpg?x25555)
Food & Drink UI Kit (PSD + Sketch)
A beautiful UI kit with a gastronomic theme by Sergiu Firez.
Get it![Collective183_BulbLetters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_BulbLetters.jpg?x25555)
Free Pack of Realistic Vintage Light Bulb Sign Letters
A free vintage light bulb letters pack by Chris Spooner.
Get it![Collective183_FreeFontAmsdam](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_FreeFontAmsdam.jpg?x25555)
Free Font: Amsdam Regular
A lovely font with cute details designed by Davide Mancini and available for a tweet.
Get it![Collective183_OfficeHours](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_OfficeHours.png?x25555)
Officehours
Officehours connects you with experts who give one-on-one advice for free.
Check it out![Collective183_BigScreens](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_BigScreens.png?x25555)
Responsive Upscaling: Large-Screen E-Commerce Design
A very interesting read on responsive upscaling of e-commerce sites by Christian Holst on Smashing Magazine.
Read it![Collective183_PrecognitivePages](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2015/08/Collective183_PrecognitivePages.png?x25555)
Precognitive Pages: Using Resource Hints to Accelerate Site Performance
Learn about how to use resource hints as a very effective technique to accelerate page delivery times. Another great read by Dudley Storey.
Read it