Inspirational Website of the Week: Zef’s Website
A truly delightful web presence with a refreshing unique design. Our pick this week.
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.
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.
User Inyerface
A worst-practice UI experiment that will leave you frustrated as hell.
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!
Mimic Relative Positioning Inside an SVG with Nested SVGs
A very insightful article by Sara Soueidan on how positioning in SVGs works.
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.
Image Support for the Async Clipboard API
Thomas Steiner explains how the Asynchronous Clipboard API works and what you can do with it.
Grandma’s Big Hug 4
A great Three.js game made by Jesper Vos.
Tips for rolling your own lazy loading
Phil Hawksworth shows how to add your own implementation of lazy loading to your site.
Petr Urbanek
A really cool portfolio with a nice intro animation by Petr Urbanek.
The O by NARS
Some cool interactive WebGL goodness.
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.
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.
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.
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.
Bringing new CSS techniques to production
An overview of how to embrace CSS Grid and Custom Properties in a web project. By Ash Stevens.
Menu (or not)
Marcus Herrmann’s shares his third take on an accessible menu pattern.
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.
Space Shooter
A nice little space shooter game made by Andrew Rubin.
CodeSandbox Templates
If you work with CodeSandbox, then your prototyping workflow will certainly benefit from the new option to create and use templates.
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.
Upload Play & Pause animation
A very nice little UI component with lovely animations. By Aaron Iker.
Vertical Rhythm in Sketch
Matej Latin explains how designing with a baseline grid in Sketch speeds up the visual design process.
Collective #529 was written by Pedro Botelho and published on Codrops.