February 7, 2020
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!
Some Imaginary CSS
Excellent proposals for the future of CSS and useful new features it would be great to have.
TypeOfNaN - Improve your JS skills with this challenging quiz
The quiz consists of over 70 questions (with more being regularly added) that will test your knowledge on everything JS.
Great article on how to write front-end code without relying on frameworks and libraries.
Optimising SVGs for the Web
A couple of straightforward optimizations you can do to SVG assets to further reduce their file size.
5 Best Practices to Write Quality Arrow Functions
Some good tips about arrow functions and how to make them less confusing and easier to read.
Mirage - API mocking library for writing tests without an actual backend
This library is really powerful and can recreate dynamic scenarios, typically only possible when using a real production server.
Introducing Yarn 2 - The popular package manager just released a new major update
The new version introduces lots of new features, as well as plenty of breaking changes.
Playwright - Node library to automate Chromium, WebKit and Firefox.
Write automated UI test for all the major browsers using a single, reliable API.
React Nice Dates - Touch-friendly datepicker for React.
This modular library consists of components and utilities which can be combined to create the perfect date picker for your needs.
Panzoom - Extensible, mobile friendly pan and zoom framework
It works on both DOM elements and SVGs and has a ton of great features and customization options.
Polaroid camera with CSS gradients only
Beautiful CSS demo and a detailed tutorial that covers the entire process of making the camera step by step.
IRA Design - Build your own amazing illustrations
Hand drawn, customizable SVGs that are 100% free for use in personal & commercial projects.
Toggles by Olivia Ng
CodePen demo with unique toggle switch designs that are much more fun than a regular checkbox.
Httpster - Beautiful websites from all over the world
Regularly updated collection of inspiring web designs, lovingly curated and categorised for easy browsing.
CSSBattle - Code-golfing challenges for your CSS skills
Try and replicate the targets using the least amount of code possible. Great exercise for devs of all skill levels.