Collective #384
![C384_wp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_wp.jpg?x86293)
The best WP themes you can count on in 2018
Take a look at these top WordPress themes that you can use to create a stunning website in 2018.
Check out the themes![C384_cssgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_cssgrid.jpg?x86293)
CSS Grid
Learn CSS Grid with Wes Bos in 25 free videos.
Check it out![C384_paint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_paint.jpg?x86293)
CSS Paint API
Read about the interesting new CSS Paint API and learn what you can do with it.
Read it![C384_https](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_https.jpg?x86293)
How to get HTTPS working on your local development environment in 5 minutes
In this tutorial, Daksh Shah shows how to set up HTTPS locally.
Read it![C384_dragdrop](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_dragdrop.jpg?x86293)
Drag and Drop for Design Systems
Grace Noh writes about defining UX patterns for drag and drop across components.
Read it![C384_font1](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_font1.jpg?x86293)
Free Font: Konstant Grotesk
Stephen French designed this artsy typeface.
Get it![C384_colors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_colors.jpg?x86293)
Colorwise.io
A great way to get color inspiration from Product Hunt's most upvoted products.
Check it out![C384_iso](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_iso.jpg?x86293)
Isometric Actions and Icons in Illustrator
Alina Zhigunova shows how to create isometric icons in Adobe Illustrator.
Read it![C384_code](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_code.jpg?x86293)
Carousel Lock Interface
An awesome lock interface made with Flickity. By Jack Rugile.
Check it out![C384_jsframeworks](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_jsframeworks.jpg?x86293)
The Ultimate Guide to JavaScript Frameworks
A complete guide to probably all JavaScript frameworks out there. By John Hannah.
Check it out![C384_deadcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_deadcss.jpg?x86293)
Finding Dead CSS
Harry Roberts shares an interesting technique to find dead CSS.
Read it![C384_modal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_modal.jpg?x86293)
Meet the New Dialog Element
Read about the new dialog element that was introduced in HTML 5.2. By Keith J. Grant.
Read it![C384_googlefont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_googlefont.jpg?x86293)
Designing a font from scratch - and submitting it to Google Fonts in 24 hours
James Barnard challenged himself to create a new font from scratch and submit it to Google Fonts in under 24 hours.
Read it![C384_rust](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_rust.jpg?x86293)
Oxidizing Source Maps with Rust and WebAssembly
Nick Fitzgerald shares his and Tom Tromey's experience of rewriting performance-sensitive JavaScript in Rust via WebAssembly.
Read it![C384_font2](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_font2.jpg?x86293)
Free Font: Folgore
An interesting display typeface designed by George Pavsky.
Get it![C384_beetles](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_beetles.jpg?x86293)
Beetles
A fantastic wiki page with lots of beetles that move to reveal the text. By Steve Gardner.
Check it out![C384_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_icons.jpg?x86293)
Magicons: 30 Travel Icons (PNG, SVG, EPS, Sketch)
30 beautiful and free travel related icons made by Darius Dan.
Get it![C384_texteffect](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_texteffect.jpg?x86293)
Repellers
Johan Karlsson created this interesting text effect.
Check it out![C384_microservices](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_microservices.jpg?x86293)
The Death of Microservice Madness in 2018
Dave Kerr gives some valuable advice that can help to avoid the madness of microservices.
Check it out![C384_webgl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_webgl.jpg?x86293)
Circular Noise
Vlad Chirkov made this Three.js demo where a circular set of points can be changed interactively.
Check it out![C384_jazz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_jazz.jpg?x86293)
Jazz Composition
A great homage to the 1950s atomic aesthetic where the drawn shapes are animated. View the GitHub repo here. Made by Kate Compton.
Check it out![C384_kickass](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_kickass.jpg?x86293)
Kickass
A fun game that lets you "destroy" a website. Made by Erik and Johan Rothoff Andersson.
Check it out![C384_pixels](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/01/C384_pixels.jpg?x86293)
Year in Pixels
A nice little tool for keeping track of your daily mood captured in pixels. By Alejandro AR.
Check it out