Collective #389

Original Source: http://feedproxy.google.com/~r/tympanus/~3/zuWVpCboK8U/

Inspirational Website of the Week: Okkapi

Engaging details and a beautiful layout combined with nice transitions made us pick Okkapi this week.

Get inspired

Our Sponsor
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

Collective #389 was written by Pedro Botelho and published on Codrops.