Collective #389
Inspirational Website of the Week: Okkapi
Engaging details and a beautiful layout combined with nice transitions made us pick Okkapi this week.
Get inspired
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
OpenSC2K
An open source remake of Sim City 2000 written in JavaScript using HTML5 Canvas API, SQLite and built on Electron.
Check it out
ask-a-dev
A really great idea: free mentoring from local programmers.
Check it out
Hell over ocean
A fantastic demo by Karim Maaloul where he explores shaders, noise and fractal Brownian Motion (fBM).
Check it out
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
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
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
Memex
A free and private browser extension to easily manage and find visited websites.
Check it out
Href Tools
Some useful online web tools to get your work done faster.
Check it out
The Zen Zone
A digital meditation area for calming you down with small satisfying activities. Built by Tim Holman.
Check it out
Magicons - 100 Multimedia Icons
A nice set of 100 icons with a multimedia theme. By Icono.
Get it
My Accessibility Journey: What I've Learned So Far
Manuel Matuzović shares what he has learned during his accessibility journey.
Check it out
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
CSS-Only Cube Pack
David Khourshid's great demo where he recreates an animation by Joseph Ryba.
Check it out
Modern-normalize
Normalize browsers' default styles the modern way (Chrome and Firefox only). By Sindre Sorhus.
Check it out
Phase
An interesting new design tool announced for Summer this year. Read more about it in this article.
Check it out
H1 Free UI Kit (Sketch, PS)
Hristo Hristov shares this great free mobile UI kit for Sketch and Photoshop.
Get it
.colors()
A useful tool for quickly previewing color codes.
Check it out
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
Service workers: the little heroes behind Progressive Web Apps
A great guide to Service Workers by Flavio Copes.
Read it
Leaflet Truesize
A plugin for the Leaflet maps library, which lets you easily compare sizes of geographical shapes.
Check it out
Automerge
A JSON-like data structure that can be modified concurrently by different users, and merged again automatically.
Check it out