Collective #531
Publikováno: 11.7.2019
CSS Lists, Markers, And Counters * Atomize * SEO Mythbusting * Texel * Animating with Clip-Path
Collective #531 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: David Kirschberg
Excellent typography and some lovely effects make David Kirschberg’s website a gem.
CSS Lists, Markers, And Counters
In this article, Rachel Andrew starts by looking at lists in CSS, and moves onto some interesting features defined in the CSS Lists specification — markers and counters.
Divi: Custom CSS Control
Divi is a revolutionary WordPress theme and visual page builder for WordPress. Developers can easily combine Divi’s visual design controls with their own custom CSS. Divi’s interface is simple yet not limiting.
Popup Trombone
A really awesome experiment by Matthew Rayfield where you can play a trombone by resizing the browser window.
Hermes JS Engine
Hermes is a JavaScript engine optimized for fast start up of React Native apps on Android.
Animating with Clip-Path
A great guide to animating with clip-path by Travis Almand with very useful examples.
Web Accessibility Guidebook for Developers
An article by Nikola Shekerev on web accessibility that summarizes the experience of the KendoReact team while working on the accessibility of their library of UI components for React.
The Atlas of Moons
A beautiful interactive journey through our solar system and its moons.
Extending Atomic Design
Brad Frost reflects on the different concepts that extend Atomic Design.
Texel
A proof-of-concept generative design toolkit made by Matt DesLauriers.
Atomize
A simulation of elastic systems under the effect of viscuous fluids.
output: HTML’s native live region element
Learn all about the output element and how it could be used as the native HTML basis for a “toast” component.
Cross-platform Augmented Reality with Unity
Prayash Thapa shares some valuable lessons learned while building a cross-platform AR app in Unity for a geoscience museum.
Design Ethics vs Dark Side UX
An interesting summary of the most notable types of dark patterns.
Developers don’t understand CORS
Chris Foster questions many developers’ understanding of CORS in the light of the recent Zoom vulnerability.
HOW TO: Looping Block Reveal Effects
Jhey Tompkins shows a CSS and JavaScript solution for looping block reveal effects.
Niice Insights
A new interview series exploring how front-line creatives are adapting to a changing industry.
SEO Mythbusting
A Google Webmasters video series hosted by Martin Splitt with the aim to clarify common misconceptions around technical SEO.
Firefox 68: BigInts, Contrast Checks, and the QuantumBar
Dan Callahan highlights the new features of Firefox 68: support for big integers, whole-page contrast checks, and a completely new implementation of the URL bar.
Creating Pixel Art with CSS
Jacque Schrag shows how you can use CSS to make your own pixel art creations.
Only CSS: Infinite Wave
A fun surfing demo by Yusuke Nakaya.
One HTML Page Challenge
Practice your developer skills with no assistance from libraries, no separation of files, and no assistance of a modern framework.
How to Add Smooth Scrolling with Inner Image Animations to a Web Page
A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.
Collective #531 was written by Pedro Botelho and published on Codrops.