Collective #572
Publikováno: 9.12.2019
Accessibility Tips * Browser Default Styles * Dynamic CSS Color Theming * Flynt * AnonAddy * Sentence lengths * NanoNeuron
Collective #572 was written by Pedro Botelho and published on Codrops.
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.
User flows done right.
Enhance design presentation and collaboration with Overflow, the world’s first user flow diagramming tool for product design teams!
Techniques for Rendering Text with WebGL
Daniel Velasquez’s great guide to text rendering techniques in WebGL.
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.
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).
Building a search engine from scratch
Read about the challenges involved in creating an alternative web scale search engine. By the Cliqz team.
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.
NanoNeuron
NanoNeuron is a set of seven simple JavaScript functions that will give you a feeling of how machines can actually “learn”.
Responsive images
Addy Osmani encourages us to use responsivebreakpoints.com for creating responsive images fast.
Infinite draggable WebGL slider
An amazing WebGL slider demo by Jesper Landberg.
Waves
A beautiful demo of a wave by Louis Hoebregts that changes with the mouse move.
Beautiful Scrolling Experiences – Without Libraries
Michelle Barker explores the new CSS features for scrolling.
Sentence lengths
Amelia Wattenberger’s experiment where you can visually explore how authors vary sentence lengths.
AnonAddy
With AnonAddy you can create unlimited aliases for free and protect your email from spam using disposable addresses.
How to fight back against Google AMP as a web user and a web developer
Marko Saric lists some steps to oppose Google AMP.
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.
Fretboard learning
A really nice game and tool that helps you learn the notes of your fretboard (PWA).
Flynt
Flynt is a powerful, component-based WordPress starter theme for developers.
Matestack
In case you haven’t heard about it: Matestack can help you rapidly create interactive UIs in pure Ruby.
Collective #572 was written by Pedro Botelho and published on Codrops.