Top picks — 2022 March
Announcing TypeScript native support in the AWS Serverless Application Model (AWS SAM) CLI (using esbuild) (public preview) #
Using AWS SAM Framework with TypeScript became easier because now it is natively supported. However, to understand better how it works, I recommend “Building TypeScript projects with AWS SAM CLI” on the AWS blog.
This article by Michelle Barker is a golden summary of all the new things that are coming to CSS in the sightable future. This format divided into sections with a brief explanation and practical examples is incredible for this post. So if things like Container Queries,
accent-color, CSS Color Functions, Cascade Layers, Subgrid, Scroll Timeline or Nesting are new to you, check it out now. Also, the conclusion of this post is just bang-on.
CSS appears to be reaching a level of maturity where the challenge is no longer whether something can be done in CSS, but rather training and arming a new generation of developers to understand the tools we have at our disposal, know when to reach for them, and how to make user-centered development decisions.
Becca Monteleone, Jamie Brew and Michelle McGhee created this interactive guide to plain writing. It is easy to follow, clear to understand, and very informative. I love toggling between the version we often see nowadays and the straightforward alternative. This post is also full of references to studies and resources that can deepen your knowledge in good writing. I highly recommend this post to everyone, absolutely everyone!
CSS Container Queries is the biggest revolution since the introduction of media queries. I expressed my excitement about this feature in “CSS Container Queries — a revolution for responsive web design”. This talk by Maarten Van Hoof on YouTube is an excellent introduction to CSS Container Queries. It started with a brief overview of the problem this feature aims to solve, followed by a technical explanation of the implementation.
Safari is NOT new IE, for sure. Just check this out. Native lazy-loading attribute, HTML
dialog element, CSS
::backdrop pseudo-element, CSS
:has() pseudo-class, CSS Cascade Layers, new CSS units (no more
100vh issue on iOS),
accent-color, new CSS math functions,
font-palette CSS property, removing prefixes form new properties,
structuredClone(), improvements to file system API, improvements to Progressive Web Apps, privacy and security improvements. Crazy update!
I probably learned half of what I know about Web development from the CSS-Tricks website. Chris Coyier and the rest of the team created a great knowledge base for our industry. From the Flexbox reference that I still use nowadays to obscure little CSS tricks that blow your mind. DigitalOcean has acquired CSS-Tricks! I am not sure what it means for the future of CSS-Tricks, time will tell, but I just wanted to say a massive thank you to Chris and the rest of the crew!
Excellent news for all developers using 1Password. Well-thought and user-friendly integration with SSH. Creating and managing SSH keys is now easier, faster, and safer. Configuration takes seconds. I am desperately waiting for the 1Password 8 for macOS (currently in beta). One more thing. 1Password now supports the Open Source community by providing free business accounts.
In today’s release 1Password can now create new SSH keys, keep them organized, and make them securely available everywhere you need them with just a few clicks. Best of all, each feature was built for developers, by developers, so they fit perfectly in your existing workflows.
CodeSandbox evolved from a simple playground to a complete dev environment in the browser. CodeSandbox Projects is a revolutionary concept. I am well excited to see such a big move in this space. This video explains clearly all you want to know about CodeSandbox Projects.
Next time you are about to use
!important, think twice. I am proud to say that I have never used it other than for some experiments. Embracing the cascade part of CSS is more than enough.
CSS co-designer here.— Steven Pemberton (@stevenpemberton) March 21, 2022
!important was added for one reason only: laws in the US that require certain text to be in a given font-size. !important stops the cascade from changing it.
Anything else is probably misuse, and a sign you may not understand the cascade properly.
This guide by Alex Kondov is a golden resource for every Node.js developer. Full of best practices that can easily be applied to most projects. Even though Alex favours using Express, most of the techniques in “Tao of Node” are framework agnostic. Alex put a lot of work to write it down. Thank you, Alex!
The author of thousands of programming tutorials on YouTube, Shaun Pelling, created an excellent playlist about Docker. I rarely use this tool, and this series was an excellent refresher for me. You can watch it in an hour and learn enough to get started.
PM2 is the most popular process manager for Node.js. It is simple to use, comes with everything you need to test your application locally, run it on a production, and scale it up and down when needed. This guide created by the Better Stack team is an excellent cheatsheet for PM2.