Collective #502
Publikováno: 25.3.2019
Griffith * Vibe * Pyright * Hyphenation in CSS * Advanced Map Shading * Lights on or off? * Writing Resilient Components
Collective #502 was written by Pedro Botelho and published on Codrops.
All you need to know about hyphenation in CSS
A great article by Richard Rutter on how to control hyphenation with CSS.
Advanced Map Shading
Learn the basics of hillshading, soft shadows and ambient lighting in this WebGL tutorial by Rye Terrell.
Divi: Build Anything Visually
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
The Plastic Ocean
A three.js demo of jellyfish swimming in an ocean of plastic.
Everest.agency WebGL Infinite Scroller deconstruction
Daniel Velasquez breaks down Aristide Benoist’s infinite scroll effect for the Everest website.
Build a Vue.js SPA on Top of Headless WordPress
Mathieu Dionne experiments with using WordPress as a headless CMS with Vue.js.
Displaying numeric CSS vars in generated content
A neat trick by Cassie Evans to use numeric variables in generated content with the help of counters.
Writing Resilient Components
Dan Abramov takes a look at style guides and the principles that are really useful for React components.
Web design & art history by Webflow
A beautifully made immersive scroll experience by Webflow.
Vibe
A UI dashboard framework built with React.js and Bootstrap 4.
Griffith
A React-based web video player that makes streaming easy.
HTML, CSS, and the Path to Accessible Web Design
An article by Jennifer Riggins with some tips on how to get started with making a design accessible highlighted at this year’s Monki Gras conference.
Advanced Tooling for Web Components
The final article in a series that will help you understand and build web components. By Caleb Williams.
Lights on or off?
A theming experiment with CSS Dark Mode, Geolocation and Ambient Sensor API. By the team of De Voorhoede.
SVG Circle Decomposition To Paths
Bryan Rasmussen shows how to turn SVG circles into paths which you can use in animation and text paths.
Connor Bell: “Here’s how I make my GIFs”
The mesmerizing process of creating beautiful Shadertoy animations by Connor Bell.
A Future Without Webpack
Read how @pika/web installs npm packages that run natively in the browser, for a faster and less complex web app.
Stop using so many divs! An intro to semantic HTML
Ken Bellows shows on a hands-on example how to make HTML more semantic.
Podcasts Repo
A collection of podcasts around the web.
Best of Machine Learning
A collection of the best resources in Machine Learning and AI.
Rules for Autocomplete
Jeremy Mikkola notes down a set of rules for auto-completing text that often get broken.
Pyright
A static type checker for the Python language.
How to Create Smooth WebGL Transitions on Scroll using Phenomenon
A tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.
Collective #502 was written by Pedro Botelho and published on Codrops.