Collective #589
Publikováno: 13.2.2020
Toward Responsive Elements * The wonderful sound of an atomic commit * OpenChakra * drop.lol * GitHub CLI beta
Collective #589 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Connect home
A crystal clear design with smooth animations and a modern layout. Our pick this week.
Start your own freelance business by becoming a Divi developer
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Understanding CSS Grid: Grid Template Areas
Rachel Andrew takes a look at how to use grid-template-areas to place items.
OpenChakra
A great visual editor with drag and drop for the Chakra UI component library.
The wonderful sound of an atomic commit
James Long explains what atomic behavior is an why it is so important for quality software.
Same HTML, Different CSS
Ahmad Shadeed shows how to tackle the challenge of creating different styles for the same HTML.
How To Create Maps With React And Leaflet
Shajia Abidi explains how to use Leaflet to create an advanced map along with the help of React and JavaScript.
Redesign: Gridniking
Frank Chimero is redesigning his website in the open. This article is about how to set up a grid and begin with the layout.
Variable fonts’ past, present and future, according to Dalton Maag
A great interview with type designer Dalton Maag on variable fonts.
How To Setup Your Local React Playground
Dmitri Pavlutin shows how to setup your local React playground in three easy steps.
SKMZ
A GraphQL-based web app written with Go, React and MongoDB for devs to explore their skills via a GraphQL API.
Toward Responsive Elements
Brian Kardell talks about the “Container Queries” problem, shining light on some misconceptions and exploring the state of things.
drop.lol
Mat Sz created this practical WebRTC file transfer tool.
How I built my own browser
Kilian Valkhof tells the interesting story of how Polypane, the browser for responsive web development and design, was developed.
Performant front-end architecture
Learn how to make client-side apps load faster and provide a better user experience.
Collection of slick UI demos
A demo app by Marian Ban that uses techniques from Amelia Wattenberger’s “Fullstack D3 and Data Visualization” book.
Supercharge your command line experience: GitHub CLI is now in beta
Billy Griffin from GitHub explains how you can use the new GitHub CLI in your terminal.
GSAP Stagger Cube
A beautiful cube with stagger animations made by Ryan Mulligan.
Vangogh
A search engine for color palettes. It uses Machine learning to generate color palettes from millions of images that are contextually representative.
react-particle-image
A React component that lets you render images as interactive particles. By Austin Malerba.
Pokemon Master Guessing Game
A Pokemon guessing game with some hidden easter eggs made by Wesley Zen.
How to Create a Physics-based 3D Cloth with Cannon.js and Three.js
Learn how to create a physics-based 3D cloth with Cannon.js and Three.js and use simplex noise to create a wind effect.
Collective #589 was written by Pedro Botelho and published on Codrops.