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

// Dev Awesome #51

March 12, 2021

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

Web Frameworks: Why You Don't Always Need Them

An interesting read on the pros and cons of going for a no-framework approach in 2021.

thenewstack.io

State Of GDPR In 2021: Cookie Consent For Designers And Developers

It's been over 2 years since GDPR dialogs started appearing on every website. In this article you can learn about what has changed and how new cookie policies might shake things up.

smashingmagazine.com

Getting Deep into Shadows

Great article from CSS Tricks on the various techniques you can do with shadows to improve accessibility and make your designs pop.

css-tricks.com

Accessing hardware devices on the web

Nice overview of the modern web APIs available for accessing hardware such as the camera, microphone, and various other sensors and data.

web.dev

An Interactive Guide to CSS Transitions

Probably the best beginner-friendly tutorial on CSS animations we've ever come across.

joshwcomeau.com

Libraries & Tools

Blocks.css - A tiny and effective CSS framework

This is a simple to use but great-looking framework that gives your pages cute blocky shadows.

thesephist.github.io/blocks.css/

jQuery 3.6.0 Released!

It's great to see jQuery still getting updates! It may not be the most flashy library, but it's still an amazing tool used by many developers.

blog.jquery.com

Simple Keyboard - Customizable JS virtual keyboard

Nice library for implementing virtual keyboards that have real-time typing and support for many different languages and layouts.

virtual-keyboard.js.org

PixelCraft - A Pixel Art Editor

Open-source, mobile-friendly app for drawing pixel art, pixelating images, making gifs, and more.

github.com/rgab1508/PixelCraft

Swiper - Modern mobile touch slider

This slider library offers hardware accelerated transitions that give it native-like performance on mobile devices.

github.com/nolimits4web/swiper

Inspiration & Design

Generative Customizable Social Images

Very interesting CodePen demo that lets you make randomized images with editable text.

codepen.io

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

SVG Repo - Browse 300.000 SVG Vectors and Icons

This project offers a huge selection of SVG icons and illustrations, most of them with royalty-free licensing.

svgrepo.com

Media Player by Amy Carrigan

Beautiful and unique design for a media player on CodePen.

codepen.io

The State of Design 2021 Results

Over 1,000 designers took part in this survey and shared some of the biggest challenges they face in their work.

abstract.com