Collective #690
Accessibility Myths
A small project debunking common accessibility myths.
Check it out
10 Massive Cyber Monday Deals 2021 (up to 98% off!)
Today only! Top web apps, website builders, WordPress themes and plugins are all on sale.
Discover them now
Mootookakio’ssin: Distant Awareness
Mootookakio’ssin provides access to information and spatial images of historical Blackfoot objects housed in museums in England. Read more about this important project in this article.
Check it out
Adaptive, accessible and automated colour for Design Systems
Lucas Zhang writes about calibrating contextual colours to be readable and recognisable anywhere.
Read it
Image Optimizer
A free and open source image optimizer build with Electron, Vue & Vite.
Check it out
Pglet
Build web apps like a frontend pro in the language you already know. No knowledge of HTML, CSS or JavaScript required.
Check it out
cccolor
A clean, simple & elegant color picker, with color values automagically available as RGB, HSL, hex, or 8-digit hex (with alpha). Perfect for CSS and HTML.
Check it out
There Is No Digital World
A great read by Christopher Butler: Everything digital costs something physical. It’s time for a digital conservation movement.
Read it
A 2021 update on mobile-indexing
An update on the timeline of indexing mobile-first by Google.
Check it out
Underline Fill Effect in CSS
A great #codyhousenugget that teaches you how to create a beautiful underline fill animation in CSS.
Check it out
Free Font: Printvetica
A typeface based on the old Letrasets and posters made by Javier Guaschetti.
Check it out
Which SVG technique performs best for way too many icons?
Tyler Sticka investigates what’s the most performant method for including many SVG icons at once.
Read it
Be usable, not consistent, not uniform
A very interesting article by Duncan Stephen on how consistency, when applied carelessly, can cause real harm.
Check it out
Icons in Pure CSS
Anthony Fu’s icon solution in pure CSS using UnoCSS.
Read it
Retro Synthwave
A fantastic retro synthwave “demo scene” made by Victor Ribeiro.
Check it out
Pexel: Social Media Kit
Social media kit for creating quick social media creatives.
Check it out
Throos
Throos makes product walkthroughs as easy as can be. It allows you to add highly engaging & customizable walkthroughs to your software product — in minutes.
Check it out
Growth Agency Landing Page UI
A great website design template (in Figma, Sektch, Adobe XD) made by Ar Shakir.
Check it out
Control Layout in a Multi-Directional Website
Alaa Abd El-Rahim shares some useful CSS techniques for creating a multilingual landing page.
Check it out
Erba matta
Magic grass made by Fabio Ottaviani using InstancedMesh, custom attributes and shaderMaterial in Three.js.
Check it out
Free Font: KIK (DISPLAY)
An interesting and bold font made by Xin Yan.
Check it out
nnnoise
An SVG generator to create subtle noise textures made by Sébastien Noël.
Check it out
Free Font: Galgo Condensed
Giulia Boggio designed this interesting condensed typeface.
Check it out