Collective #344

The Website Builder You'll Love To Use
Reinventing websites for everyone. Build your own custom site, no code or restrictions. Start with your designs or choose a pre-built layout.
Try PageCloud today
AR Experiments
A growing collection of augmented reality experiments.
Check it out
Guide to building layouts with CSS Grid
A place to learn and prototype with CSS Grid.
Check it out
Bringing Sketch and After Effects Closer Together
Josh Fleetwood introduces two new animation workflow tools from UX Motion Design at Google.
Read it
The Complete Guide For Web VR and immersive experiences
Yuval Keshtcher interviews Austin Knight about virtual reality, augmented reality, and mixed reality.
Read it
CSS Checkbox Library
Lots of custom checkboxes with many styles to choose from.
Check it out
Vivify
An easy-to-use CSS animation library.
Check it out
User Interfaces for Variable Fonts
Andrew Johnson writes on how to structure design tools to adapt to the new advantages variable fonts provide us with.
Read it
Crystal Caves
A light and shadow experimentation with 2D projections in canvas by Huw.
Check it out
Getting started with Puppeteer and Chrome Headless for Web Scraping
Emad Ehsan has put together this starter guide on Web Scraping in Chrome Headless.
Check it out
Git Cheatsheet
A great reference for Git with useful links and resources. By Ashish Rawat.
Check it out
Breaking Down a CSS Grid Layout
An article by Tim Wright where he dissects a CSS Grid Layout.
Read it
Make Medium Readable Again
Matt Baer made a Chrome extension to neutralize some bad UI on Medium-powered sites.
Check it out
So you need a CSS utility library?
An article on CSS utility libraries with lots of resources by Chris Coyier.
Read it
Your logo is copied
Ferdinand Vogler writes on how after a few years in design you eventually find out that everything has been done before.
Read it
Roadtrip
Remembering a 3500 km journey through Google StreetView. By Lionel Tardy.
Check it out
Manual priority control of resource fetching
Addy Osmani suggests that there should be a value in exposing a way to manually specify the priority of resource requests.
Read it
Free Font: Alexana
Mark Mora designed this interesting display font.
Get it
Curl Noise
A mesmerizing demo by Misaki Nakano.
Check it out
What does it take to build a chatbot? Let's find out.
Vanco Stojkov shows how straightforward it is to build a chatbot.
Read it
The Web in 2050
Jacques Mattheij has a gloomy outlook on the future of the web. Something to think about.
Read it
Designing for the Arab User - Basic Arabic UX for Business
Some great insight to designing layouts for Arabic interfaces. By Anna Rubkiewicz.
Read it
CSS Camera
A great demo of an animated CSS only camera by Cassidy Williams.
Check it out