Collective #529
Inspirational Website of the Week: Zef's Website
A truly delightful web presence with a refreshing unique design. Our pick this week.
Get inspired
Generative Machines with Matt DesLauriers
Matt DesLauriers talks about his passion for generative art — searching for inspiration, exploring open tools and workflows, and finding his own path within the field.
Watch it
The Future of WYSIWYG
Divi takes WordPress to a whole new level with its incredibly advanced visual builder technology. You've never built a WordPress website like this before.
Try it
User Inyerface
A worst-practice UI experiment that will leave you frustrated as hell.
Check it out
Internet Explorer 3, an adventure in cross-browser compatibility
A fantastic experiment by Chen Hui Jing where the aim was to build a website on a single codebase that still looks decent on any browser, even IE3!
Read it
Mimic Relative Positioning Inside an SVG with Nested SVGs
A very insightful article by Sara Soueidan on how positioning in SVGs works.
Read it
Dark Patterns at Scale: Findings from a Crawl of 11K Shopping Websites
The findings of a large-scale study that analyzed the prevalence of dark patterns on shopping websites.
Check it out
Image Support for the Async Clipboard API
Thomas Steiner explains how the Asynchronous Clipboard API works and what you can do with it.
Read it
Grandma's Big Hug 4
A great Three.js game made by Jesper Vos.
Check it out
Tips for rolling your own lazy loading
Phil Hawksworth shows how to add your own implementation of lazy loading to your site.
Read it
Petr Urbanek
A really cool portfolio with a nice intro animation by Petr Urbanek.
Check it out
The O by NARS
Some cool interactive WebGL goodness.
Check it out
Doing JavaScript Imports 2019 Style - I love this approach!
In this video Paul Lewis talks about how he does JavaScript imports in the pocket money app.
Watch it
How Google Pagespeed works: Improve Your Score and Search Engine Ranking
Learn how PageSpeed calculates its critical speed score in this article by Ben Schwarz.
Read it
Color Mix in Vanilla CSS
Una Kravets shows hwo you can apply color functions in vanilla CSS using calc() and CSS Variables. Read this tweet for more info.
Check it out
Formalizing the Robots Exclusion Protocol Specification
Together with the original author of the Robots Exclusion Protocol (REP), webmasters, and other search engines, Google has documented how the REP is used on the modern web, and submitted it to the IETF.
Read it
Bringing new CSS techniques to production
An overview of how to embrace CSS Grid and Custom Properties in a web project. By Ash Stevens.
Read it
Menu (or not)
Marcus Herrmann's shares his third take on an accessible menu pattern.
Read it
Lunacy 4.0
Lunacy 4.0 is a full-fledged graphic editor with icons, photos, masked images and illustrations integrated and ready to use. It's Sketch for Windows with design assets.
Check it out
Space Shooter
A nice little space shooter game made by Andrew Rubin.
Check it out
CodeSandbox Templates
If you work with CodeSandbox, then your prototyping workflow will certainly benefit from the new option to create and use templates.
Read it
How we Grew our Design System Over 5 Years of Design Experimentation
Louis Arnauts shares the story of how the design system at Societe Generale evolved.
Read it
Upload Play & Pause animation
A very nice little UI component with lovely animations. By Aaron Iker.
Check it out
Vertical Rhythm in Sketch
Matej Latin explains how designing with a baseline grid in Sketch speeds up the visual design process.
Read it