Programming news, cool libraries, and productivity tips by Dev Awesome.

// Dev Awesome #64

April 8, 2022

Dev Awesome

Welcome to Dev Awesome, the newsletter for awesome developers. This week we have another dose of interesting articles, tools and inspiration to supercharge your afternoon. Enjoy!

Articles & Tutorials

Chrome 100 is here!

In this article you can read about the highlights in the project's long history and see what's new in the latest update.

developer.chrome.com

Designing a Beautiful Portfolio Website in Bootstrap Studio (Video)

Great tutorial on how to build a fully featured portfolio website using the Bootstrap Studio app.

youtube.com

Those HTML Attributes You Never Use

Very interesting article about some of the more obscure but still useful HTML attributes.

smashingmagazine.com

Next.js Foundations

The official Next.js course that covers everything you need to know about building Next.js apps with React starting from a beginner level.

nextjs.org

Say hello to selectmenu, a fully styleable select element

This and other styleable HTML elements are still in the early stages of browser adoption but already show a great deal of promise.

css-tricks.com

Libraries & Tools

Glassmorphism CSS Generator

NIce web app that generates beautiful glassmorphism styled elements using CSS filters.

ui.glass

React v18.0 is now available!

This update introduces the new concurrent renderer as well as lots of out-of-the-box improvements like automatic batching and new APIs.

reactjs.org

Avvvatars - Open Source React UI Avatar Library

Cool library that generates colorful placeholder avatars for you users showing their initials or a random shape.

avvvatars.com

Master Styles - A Virtual CSS language

Interesting project, similar to the popular Tailwind framework, for styling elements directly in the HTML using short and standardized classes.

styles.master.co

Utopia - React dev environment in the browser

The app is combines VSCode with an editable design preview which are two-way synced, so that design and code update each other.

utopia.app

Inspiration & Design

Google style app menu with lock screen

Fantstic dashboard design inspired by the Google TV user interface.

codepen.io

Claymorphism: Will It Stick Around?

Adrian Bece shares his thoughts on the claymorphism design trend and its colorful 3D interfaces.

smashingmagazine.com

Radio buttons hopping design

Unique design for a form with radio buttons. Created using CSS keyframe animations.

codepen.io

CSS.gg - Over 700 free CSS icons

Large collection of open-source icons that can be downloaded as CSS, SVG and Figma UI assets.

css.gg

Iceberger - Draw an iceberg and see how it will float

Fun little JS drawing game that simulates the physics behind icebergs floating in water.

joshdata.me