Collective #485
![C485_person](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_person.jpg?x86293)
UX in the Age of Personalization
Colin Eagan's article on personalization strategies that can be employed for creating better user experiences.
Read it![C485_bugsnag](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_bugsnag.png?x86293)
Swift and straightforward bug fixes for your JavaScript apps
Automatically detect JS errors impacting your users. Get comprehensive diagnostic reports, know instantly which errors are worth fixing, & debug in minutes.
Try it free![C485_gridanim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_gridanim.jpg?x86293)
Animating CSS Grid
Michelle Barker shares her CSS Grid animation experiment (Firefox Nightly only).
Check it out![C485_search](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_search.jpg?x86293)
Building a Progressively-Enhanced Site
Jim Nielsen shares how he implemented an accessible search.
Read it![C485_Lucid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_Lucid.jpg?x86293)
Lucid
A Chrome Developer Tool designed to help engineers debug React-GraphQL applications.
Check it out![C485_responses](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_responses.jpg?x86293)
Web Performance Mini Series: Responses
The first video in a mini series on web performance by Paul Lewis.
Watch it![C485_editordebug](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_editordebug.jpg?x86293)
How to Stop Using Browser Dev Tools and Start Using Your Editor's Debugger
A great article on utilizing the debugger of your code editor.
Read it![C485_emoji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_emoji.jpg?x86293)
Animating URLs with Javascript and Emojis
Matthew Rayfield explores the fun possibilities of animating Emojis in an URL.
Read it![C485_climate](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_climate.jpg?x86293)
How Improving Website Performance Can Help Save The Planet
Jack Lenox writes about how our work as web developers has an impact on our carbon footprint.
Read it![C485_microsoft](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_microsoft.jpg?x86293)
Microsoft by the Numbers
An interactive infographic-like site by Microsoft with nice animations.
Check it out![C485_same](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_same.jpg?x86293)
Beyond the interface
Thomas Byttebier shares his thoughts on the intriguing question of why all apps and websites look the same nowadays.
Read it![C485_typescript](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_typescript.jpg?x86293)
TypeScript ESLint
Monorepo for all the tooling which enables ESLint to support TypeScript.
Check it out![C485_exposure](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_exposure.jpg?x86293)
Double exposure depth experiment
A web experiment combining modern CSS properties and JavaScript with photography. By Cody Lindsay Gordon.
Check it out![C485_cssfont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_cssfont.jpg?x86293)
font-variant-numeric: tabular-nums
A super-useful discovery by Tyler van der Hoeven.
Check it out![C485_timezone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_timezone.png?x86293)
Handling Time Zone in JavaScript
An article that discusses the JavaScript time zone APIs and their issues.
Read it![C485_typewriter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_typewriter.jpg?x86293)
Typewrite Something
An interesting minimalistic typewriter simulator.
Check it out![C485_optim](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_optim.jpg?x86293)
Browser Rendering Optimizations for Frontend Development
Some useful tips for enhancing performance by Jordan Irabor.
Read it![C485_slack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_slack.jpg?x86293)
2019 Slack logo with 2019 code
Ana Tudor's take on the new Slack logo. With magical CSS.
Check it out![C485_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_font.jpg?x86293)
Free Font: Chappa
A unique looking display font designed by Lucas Mercado. Licensed under a Creative Commons license.
Get it![Screen-Shot-2019-01-21-at-16.13.56](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/Screen-Shot-2019-01-21-at-16.13.56.jpg?x86293)
The YouTube Redesign That Got Me Hired
Pramiti R Khan shares an interesting case study on a YouTube redesign that landed him a job.
Read it![C485_snippet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_snippet.jpg?x86293)
Snippet generator
In case you didn't stumble upon it yet: Snippet generator is a tiny React app to help you create Visual Studio Code, Sublime Text and Atom snippets.
Check it out![C485_particles](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/01/C485_particles.jpg?x86293)
Interactive Particles with Three.js
A tutorial on how to draw a large number of particles with Three.js and make them interactive.
Check it out