Collective #572
Accessibility Tips for Web Developers
Addy Osmani writes about the six key areas of disability we can optimize for: visual, hearing, mobility, cognition, speech and neural.
Read it
User flows done right.
Enhance design presentation and collaboration with Overflow, the world's first user flow diagramming tool for product design teams!
Start 30-day free trial
Techniques for Rendering Text with WebGL
Daniel Velasquez's great guide to text rendering techniques in WebGL.
Read it
Calculating Color: Dynamic Color Theming with Pure CSS
Read how with the magic of CSS Custom Properties, HSL colors, and some calc() fun, you can create custom theming with no dependencies. By Una Kravets.
Read it
Browser Default Styles
A great tool that lets you search against any element for standardized and default styles from all major rendering engines (WebKit, Blink, Gecko, Trident).
Check it out
Building a search engine from scratch
Read about the challenges involved in creating an alternative web scale search engine. By the Cliqz team.
Read it
Accessibility Testing by People with Disabilities
Some great insight into how to ensure accessibility by employing accessibility experts of all abilities to perform accessibility review and testing.
Read it
NanoNeuron
NanoNeuron is a set of seven simple JavaScript functions that will give you a feeling of how machines can actually "learn".
Check it out
Responsive images
Addy Osmani encourages us to use responsivebreakpoints.com for creating responsive images fast.
Check it out
Infinite draggable WebGL slider
An amazing WebGL slider demo by Jesper Landberg.
Check it out
Waves
A beautiful demo of a wave by Louis Hoebregts that changes with the mouse move.
Check it out
Beautiful Scrolling Experiences – Without Libraries
Michelle Barker explores the new CSS features for scrolling.
Read it
Sentence lengths
Amelia Wattenberger's experiment where you can visually explore how authors vary sentence lengths.
Check it out
AnonAddy
With AnonAddy you can create unlimited aliases for free and protect your email from spam using disposable addresses.
Check it out
How to fight back against Google AMP as a web user and a web developer
Marko Saric lists some steps to oppose Google AMP.
Read it
Use view matrix outside WebGL (calculate displaced surface normals)?
An interesting thread on how to work with normals and perlin noise in react-three-fiber.
Check it out
Fretboard learning
A really nice game and tool that helps you learn the notes of your fretboard (PWA).
Check it out
Flynt
Flynt is a powerful, component-based WordPress starter theme for developers.
Check it out
Matestack
In case you haven't heard about it: Matestack can help you rapidly create interactive UIs in pure Ruby.
Check it out