Collective #531
Inspirational Website of the Week: David Kirschberg
Excellent typography and some lovely effects make David Kirschberg's website a gem.
Get inspired
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.
Read it
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.
Try it for free
Popup Trombone
A really awesome experiment by Matthew Rayfield where you can play a trombone by resizing the browser window.
Check it out
Hermes JS Engine
Hermes is a JavaScript engine optimized for fast start up of React Native apps on Android.
Check it out
Animating with Clip-Path
A great guide to animating with clip-path by Travis Almand with very useful examples.
Read it
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.
Read it
The Atlas of Moons
A beautiful interactive journey through our solar system and its moons.
Check it out
Extending Atomic Design
Brad Frost reflects on the different concepts that extend Atomic Design.
Read it
Texel
A proof-of-concept generative design toolkit made by Matt DesLauriers.
Check it out
Atomize
A simulation of elastic systems under the effect of viscuous fluids.
Check it out
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.
Read it
Design Ethics vs Dark Side UX
An interesting summary of the most notable types of dark patterns.
Read it
Developers don't understand CORS
Chris Foster questions many developers' understanding of CORS in the light of the recent Zoom vulnerability.
Read it
HOW TO: Looping Block Reveal Effects
Jhey Tompkins shows a CSS and JavaScript solution for looping block reveal effects.
Read it
Niice Insights
A new interview series exploring how front-line creatives are adapting to a changing industry.
Check it out
SEO Mythbusting
A Google Webmasters video series hosted by Martin Splitt with the aim to clarify common misconceptions around technical SEO.
Watch it
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.
Read it
Creating Pixel Art with CSS
Jacque Schrag shows how you can use CSS to make your own pixel art creations.
Read it
Only CSS: Infinite Wave
A fun surfing demo by Yusuke Nakaya.
Check it out
One HTML Page Challenge
Practice your developer skills with no assistance from libraries, no separation of files, and no assistance of a modern framework.
Check it out
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.
Read it