Collective #389
![C389_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_WOTW.jpg?x86293)
Inspirational Website of the Week: Okkapi
Engaging details and a beautiful layout combined with nice transitions made us pick Okkapi this week.
Get inspired![C389_TLD](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_TLD.jpg?x86293)
Get a FREE .design domain name for your website!
.design reflects what you do as a designer. Your name comes with free email hosting, SSL Security, and a Site Builder.
Your FREE .design domain![C389_Simcity](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_Simcity.jpg?x86293)
OpenSC2K
An open source remake of Sim City 2000 written in JavaScript using HTML5 Canvas API, SQLite and built on Electron.
Check it out![C389_askadev](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_askadev.jpg?x86293)
ask-a-dev
A really great idea: free mentoring from local programmers.
Check it out![C389_hell](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_hell.jpg?x86293)
Hell over ocean
A fantastic demo by Karim Maaloul where he explores shaders, noise and fractal Brownian Motion (fBM).
Check it out![C389_mediaqueries](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_mediaqueries.jpg?x86293)
Using Media Queries For Responsive Design In 2018
Rachel Andrew takes a look at the use of media queries for responsive design with modern layout methods such as Flexbox and Grid Layout.
Check it out![C389_mountain](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_mountain.jpg?x86293)
Wed'ze - Lookbook Winter 2017-2018
Some fine three.js work with a nice design direction combining realism with an abstract look.
Check it out![C389_game](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_game.jpg?x86293)
How to Create a Memory Game (ala Super Mario 3) with Plain JavaScript
Tania Rascia's easy-to-follow tutorial on implementing a memory game with JavaScript.
Read it![C389_memex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_memex.jpg?x86293)
Memex
A free and private browser extension to easily manage and find visited websites.
Check it out![C389_hreftools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_hreftools.jpg?x86293)
Href Tools
Some useful online web tools to get your work done faster.
Check it out![C389_zen](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_zen.jpg?x86293)
The Zen Zone
A digital meditation area for calming you down with small satisfying activities. Built by Tim Holman.
Check it out![C389_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_icons.jpg?x86293)
Magicons - 100 Multimedia Icons
A nice set of 100 icons with a multimedia theme. By Icono.
Get it![C389_accjourney](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_accjourney.jpg?x86293)
My Accessibility Journey: What I've Learned So Far
Manuel Matuzović shares what he has learned during his accessibility journey.
Check it out![C389_HowCSSGrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_HowCSSGrid.jpg?x86293)
How I design with CSS grid
An article by Chen Hui Jing where she explains how she plans the setup for a CSS grid layout.
Read it![C389_cube](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_cube.jpg?x86293)
CSS-Only Cube Pack
David Khourshid's great demo where he recreates an animation by Joseph Ryba.
Check it out![C389_normalize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_normalize.jpg?x86293)
Modern-normalize
Normalize browsers' default styles the modern way (Chrome and Firefox only). By Sindre Sorhus.
Check it out![C389_Phase](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_Phase.jpg?x86293)
Phase
An interesting new design tool announced for Summer this year. Read more about it in this article.
Check it out![C389_UIkit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_UIkit.jpg?x86293)
H1 Free UI Kit (Sketch, PS)
Hristo Hristov shares this great free mobile UI kit for Sketch and Photoshop.
Get it![C389_dotcolor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_dotcolor.jpg?x86293)
.colors()
A useful tool for quickly previewing color codes.
Check it out![C389_WPatGoogle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_WPatGoogle.jpg?x86293)
WordPress @ Google
Read how Google is actively engaged and looking for expert WordPress developers to support and accelerate success of the WordPress ecosystem.
Read it![C389_serviceworkers](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_serviceworkers.jpg?x86293)
Service workers: the little heroes behind Progressive Web Apps
A great guide to Service Workers by Flavio Copes.
Read it![C389_map](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_map.jpg?x86293)
Leaflet Truesize
A plugin for the Leaflet maps library, which lets you easily compare sizes of geographical shapes.
Check it out![C389_6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/02/C389_6.jpg?x86293)
Automerge
A JSON-like data structure that can be modified concurrently by different users, and merged again automatically.
Check it out