Collective #690
Publikováno: 29.11.2021
Image Optimizer * Pglet * cccolor * There Is No Digital World * Underline Fill Effect in CSS
The post Collective #690 appeared first on Codrops.
Accessibility Myths
A small project debunking common accessibility myths.
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.
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.
Adaptive, accessible and automated colour for Design Systems
Lucas Zhang writes about calibrating contextual colours to be readable and recognisable anywhere.
Image Optimizer
A free and open source image optimizer build with Electron, Vue & Vite.
Pglet
Build web apps like a frontend pro in the language you already know. No knowledge of HTML, CSS or JavaScript required.
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.
There Is No Digital World
A great read by Christopher Butler: Everything digital costs something physical. It’s time for a digital conservation movement.
A 2021 update on mobile-indexing
An update on the timeline of indexing mobile-first by Google.
Underline Fill Effect in CSS
A great #codyhousenugget that teaches you how to create a beautiful underline fill animation in CSS.
Free Font: Printvetica
A typeface based on the old Letrasets and posters made by Javier Guaschetti.
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.
Be usable, not consistent, not uniform
A very interesting article by Duncan Stephen on how consistency, when applied carelessly, can cause real harm.
Icons in Pure CSS
Anthony Fu’s icon solution in pure CSS using UnoCSS.
Retro Synthwave
A fantastic retro synthwave “demo scene” made by Victor Ribeiro.
Pexel: Social Media Kit
Social media kit for creating quick social media creatives.
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.
Growth Agency Landing Page UI
A great website design template (in Figma, Sektch, Adobe XD) made by Ar Shakir.
Control Layout in a Multi-Directional Website
Alaa Abd El-Rahim shares some useful CSS techniques for creating a multilingual landing page.
Erba matta
Magic grass made by Fabio Ottaviani using InstancedMesh, custom attributes and shaderMaterial in Three.js.
Free Font: KIK (DISPLAY)
An interesting and bold font made by Xin Yan.
nnnoise
An SVG generator to create subtle noise textures made by Sébastien Noël.
Free Font: Galgo Condensed
Giulia Boggio designed this interesting condensed typeface.
The post Collective #690 appeared first on Codrops.