![C340_WOTW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_WOTW.jpg)
Inspirational Website of the Week: Rafael Derolez
A modern website experience with delightful details and smooth interactions. Our pick this week.
![C340_JetPack](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_JetPack.png)
Take your WordPress site to the next level
Get the ultimate toolkit for WordPress. Jetpack Professional gives you everything you need to design, secure, and grow your site.
![C340_DragDrop](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_DragDrop.jpg)
react-beautiful-dnd
Accessible drag and drop for lists with React.js with a solid API and natural movement of items.
![C340_fontsize](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_fontsize.jpg)
Font-size: An Unexpectedly Complex CSS Property
An interesting article on the trickiness of the font-size property by Manish Goregaokar.
![C340_ImplicitGrids](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_ImplicitGrids.jpg)
The Difference Between Explicit and Implicit Grids
Manuel Matuzovic explains the difference between explicit and implicit CSS grids.
![C340_Delirium](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Delirium.jpg)
Free Font: Delirium
A charismatic calligraphy typeface by Bruno Fontenelle.
![C340_ShadowDOM](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_ShadowDOM.jpg)
Shadow DOM: fast and encapsulated styles
Learn why CSS encapsulation is so hard and what’s the fastest way to get it in this article by Monica Dinculescu.
![C340_RogerWaters](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_RogerWaters.jpg)
Roger Water
An endless flying exploration of a generative, infinite open world. A mind-blowing Chrome Experiment by Stefano Maccarelli.
![C340_timescale](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_timescale.jpg)
Timescale
An open-source time-series database fully compatible with Postgres for fast ingest and complex queries.
![C340_60fps](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_60fps.jpg)
Performant Web Animations and Interactions: Achieving 60 FPS
Emily Hayman explains all important details involved in making web animations performant.
![C340_gtop](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_gtop.jpg)
gtop
Gtop is a system monitoring dashboard for terminal.
![C340_Kozmoz](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Kozmoz.jpg)
Kozmoz
A next-generation bookmarking tool that will organize your favorites automatically. Currently in private beta.
![C340_GA](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_GA.jpg)
Tracking Internal Marketing Campaigns With Google Analytics
Christian Ebernickel gives an advanced masterclass on campaign tracking in Google Analytics.
![C340_deeplearnjs](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_deeplearnjs.jpg)
deeplearn.js
Deeplearn.js is an open source hardware-accelerated JavaScript library for machine intelligence allowing you to train neural networks in a browser or run pre-trained models in inference mode.
![C340_Map](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Map.jpg)
Real World Examples of Map, Filter and Reduce in JavaScript
A practical use case for map(), filter(), and reduce() By Tania Rascia.
![C340_DevBrand](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_DevBrand.jpg)
How to build your personal brand as a new developer
Some useful tips on building a personal brand as a developer. By Rick West.
![C340_ES](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_ES.jpg)
ES Modules in Node Today!
John-David Dalton announces the release of standard/esm, an opt-in, spec-compliant, ECMAScript (ES) module loader that enables a smooth transition between Node and ES module formats with near built-in performance.
![C340_pagespeed](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_pagespeed.jpg)
Page speed optimization
One of the many SEO tools by Varvy that gives you very useful insights on page speed.
![C340_Tensorflow](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Tensorflow.jpg)
Effective Tensorflow
A repo that collects Tensorflow tutorials and best practices.
![C340_FuncCSS](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_FuncCSS.jpg)
CSS Utility Classes and “Separation of Concerns”
Adam Wathan shows how to follow a functional CSS approach.
![C340_Siren](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Siren.jpg)
The Siren: One-page blog/magazine design concept (Sketch)
A clean and elegant Sketch website template designed by Kulikov Ilya.
![C340_regex](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_regex.jpg)
Learn regex the easy way
In case you missed it: Zeeshan Ahmed wrote this great guide to regular expressions.
![C340_Tormentor](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Tormentor.jpg)
Free Font: Tormentor
A lovely handwritten font made by Besttypeco for Pixel Buddha subscribers.
![C340_Morphing](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2017/08/C340_Morphing.jpg)
Morphing Page Transition
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
Collective #340 was written by Pedro Botelho and published on Codrops.