Collective #233

Inspirational Website of the Week: Humans & Machines
Great, minimal design with solid typography and super smooth transitions. Our pick this week.
Get inspired
The World's Most Advanced Website Creator
PageCloud's website creator gives designers complete creative freedom and developers have full access to the source code.
Check it out
Fake it 'til you Make it CSS
A great article by Kenan Yusuf on how to show something decent to visitors while loading a webpage.
Check it out
AppSpotr
Create, preview and publish your native iOS and Android apps for free with AppSpotr.
Check it out
CSS Writing Mode
Ahmad Shadeed explores the little known "writing-mode" CSS property and shows some practical use cases and examples.
Read it
Accordion: TL;DW - Supercharged
A great Supercharged episode with Paul Lewis where he shows how to make a accordion component with some JS magic.
Watch it
WebGL Wireframe World
An infinite, vaporwave-like wireframe world made with the WebGL framework regl by Eric Arnebäck.
Check it out
The Typography of 'Stranger Things'
Sarah Gless shows that a lot can be achieved with type on the example of the Stranger Things title sequence.
Read it
The State of CSS Reflections
An interesting tutorial by Ana Tudor on how to create reflections in CSS.
Check it out
Angled Edges
A nice SASS mixin for creating angled edges on sections by dynamically encoding SVGs. Made by Joseph Fusco.
Check it out
Groove Pizza
Groove Pizza is a awesome Chrome experiment. It's a playful tool for creating grooves using math concepts like shapes, angles, and patterns. By the NYU Music Experience Design Lab.
Check it out
Free Font: Gothic Modern
Dmitriy Moga designed this cool modern Gothic typeface coming with two styles.
Get it
Vector Plant Icons (AI)
Some lovely plant icons for web and mobile interfaces. Free for a email subscription. By Valerie Chauffour.
Check it out
USSR-styled Modern Brands
A brilliant project by Mike Levchenko where he redesigned famous brands to look like they are from the USSR.
Check it out
Speech Recognition in the Browser
A quick tutorial by Ray Zane on how to code speech recognition in the browser.
Check it out
Color Wheel Animation with CSS Filters
A nifty CSS trick for creating animated color wheel animations with CSS filters by Eva Ferreira.
Check it out
box.js
An utility to analyze malicious JavaScript. By Capacitor Set.
Check it out
The Background Properties
Learn all about the CSS background properties in this article by Ire Aderinokun.
Read it
C5 Labs: Vrogger
The guys at Carbon Five Santa Monica are exploring Virtual Reality and coded this fun variation of an 80's classic from scratch.
Check it out
Github Widget
A widget showing your GitHhub details that you can easily embed in your portfolio website. Made by Surbhi Oberoi.
Check it out
Why our website is faster than yours
Some great insight on how the devs at De Voorhoede made their site blazing fast.
Check it out