Collective #690
![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_a11y.jpg?x25555)
Accessibility Myths
A small project debunking common accessibility myths.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_cybermonday.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_moo.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_colors.jpg?x25555)
Adaptive, accessible and automated colour for Design Systems
Lucas Zhang writes about calibrating contextual colours to be readable and recognisable anywhere.
Read it![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_imageopt.jpg?x25555)
Image Optimizer
A free and open source image optimizer build with Electron, Vue & Vite.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_pglet.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_colorpicker.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_nodigitalworld.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_updategoogle.jpg?x25555)
A 2021 update on mobile-indexing
An update on the timeline of indexing mobile-first by Google.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_underlinefill.jpg?x25555)
Underline Fill Effect in CSS
A great #codyhousenugget that teaches you how to create a beautiful underline fill animation in CSS.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/Screen-Shot-2021-11-29-at-10.43.15.jpg?x25555)
Free Font: Printvetica
A typeface based on the old Letrasets and posters made by Javier Guaschetti.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_icons.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_concistency.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_iconscss.jpg?x25555)
Icons in Pure CSS
Anthony Fu's icon solution in pure CSS using UnoCSS.
Read it![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_synth.jpg?x25555)
Retro Synthwave
A fantastic retro synthwave "demo scene" made by Victor Ribeiro.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_kit.jpg?x25555)
Pexel: Social Media Kit
Social media kit for creating quick social media creatives.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_walkthrough.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_templatesketch.jpg?x25555)
Growth Agency Landing Page UI
A great website design template (in Figma, Sektch, Adobe XD) made by Ar Shakir.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_direction.jpg?x25555)
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![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_demofab.jpg?x25555)
Erba matta
Magic grass made by Fabio Ottaviani using InstancedMesh, custom attributes and shaderMaterial in Three.js.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_font.jpg?x25555)
Free Font: KIK (DISPLAY)
An interesting and bold font made by Xin Yan.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_noise.jpg?x25555)
nnnoise
An SVG generator to create subtle noise textures made by Sébastien Noël.
Check it out![Collective 690 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/11/C690_galgo.jpg?x25555)
Free Font: Galgo Condensed
Giulia Boggio designed this interesting condensed typeface.
Check it out