Collective #365
![C365_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_WOTW.jpg?x86293)
Inspirational Website of the Week: Alaa Alnuaimi
Great design with some fun experimental interactions. Our pick this week.
Get inspired![C365_jamf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_jamf.jpg?x86293)
Work with Apple devices? We do too.
Jamf Now is a management solution for your iPad, iPhone and Mac devices. We make IT tasks simple and affordable, so you can support your users; no IT required.
Try it free![C365_NanoGL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_NanoGL.jpg?x86293)
NanoGL: a crafted WebGL(2) microframework
Learn about the framework the guys at Makemepulse have developed to help them build WebGL productions.
Read it![C365_ratio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_ratio.jpg?x86293)
Practical uses for the aspect-ratio media query
Read how to make use of the aspect ratio media query to build responsive layouts. By Chen Hui Jing.
Read it![C365_tripadvisor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_tripadvisor.jpg?x86293)
Text input highlight, TripAdvisor style
A a step-by-step guide on how to recreate the TripAdvisor text input.
Read it![C365_sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_sketch.jpg?x86293)
Sketch Syntax Highlighter
Automatically highlight the syntax of any code snippet, right within Sketch.
Check it out![C365_containerqueries](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_containerqueries.jpg?x86293)
How to Write a Container Queries Plugin
A tutorial by Tommy Hodgins where he shows how to create a JavaScript function for evaluating container queries.
Read it![C365_azure](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_azure.jpg?x86293)
Azure's Emotion API
Sarah Drasner plays with Azure's emotion API, pairing it with WebGL and emojis.
Check it out![C365_w3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_w3.jpg?x86293)
w3.unpo<code>todo
For our Spanish speaking readers: an excellent tutorial resource for many web dev related topics. By Gabriela Soler.
Check it out![C365_rocket](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_rocket.jpg?x86293)
#Codevember 10: Space Rocket
Great demo by DPDK: click and hold to enter space.
Check it out![C365_accessibility](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_accessibility.jpg?x86293)
Planning for Accessibility
An excerpt from Chapter 3, "Planning for Accessibility", of Laura Kalbag's new book, Accessibility for Everyone.
Read it![C365_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_react.jpg?x86293)
Simple React Patterns
Lucas Reis distills the common React patterns he has repeatedly implemented throughout the years.
Read it![C365_sotaml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_sotaml.jpg?x86293)
State-of-the-art result for all Machine Learning Problems
This repository provides state of the art (SoTA) results for all machine learning problems.
Check it out![C365_RSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_RSS.jpg?x86293)
RSS: there's nothing better
For those of you who have forgotten, abandoned or never heard about it: Read why the RSS open standard is simply the best. A must-read from earlier this year.
Read it![C365_electrichover](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_electrichover.jpg?x86293)
#Codevember 9: Electric hover effect
An awesome hover effect by Robin Delaporte.
Check it out![C365_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_font.jpg?x86293)
Free Font: Botera
A beautifully crafted serif typeface designed by Javi Montoya. You can get it for a share.
Get it![C365_funtions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_funtions.jpg?x86293)
Understanding JavaScript Functions
Zell Liew explains what functions are in plain English.
Read it![C365_drawing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_drawing.jpg?x86293)
scri.ch
Scri.ch is a hackable drawing tool. Simply draw something and then share the URL.
Check it out![C365_yarn](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_yarn.jpg?x86293)
Yarn: From Zero to 700,000 User Searches per Month
Learn about the challenges of building the search for the Yarn website. By Haroen Viaene.
Read it![C365_amplitude](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_amplitude.jpg?x86293)
Amplitude.js
This lightweight HTML5 audio player for customizing media controls got recently updated.
Check it out![C365_chota](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_chota.jpg?x86293)
Chota
A tiny CSS framework that comes with a handful of components and utilities. By Jenil Gogari.
Check it out![C365_interpreters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_interpreters.jpg?x86293)
Crafting Interpreters
A book that contains everything you need to implement a full-featured, efficient scripting language. A work-in-progress.
Read it![C365_flashtext](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_flashtext.jpg?x86293)
Regex was taking 5 days to run. So I built a tool that did it in 15 minutes.
Vikash Singh writes about the implementation of FlashText, an efficient Python library for extracting and replacing keywords.
Read it![C365_expanding](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/11/C365_expanding.jpg?x86293)
Expanding Grid Item Animation
A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček.
Check it out