Frontend Briefly - News & tips from the world of frontend development #3
A regular summary of the most important news, articles or tweets in the world of the front end is here! For the month of February, we have prepared the top 8 news that no frontend developer shouldn't miss. In addition, you will find links to other interesting articles that are worth reading.
1. What's new in CSS3?
CSS3 has brought a lot of useful things and fortunately the development is still continuing. In this article you will find an overview of what has been added to CSS since 2015. In addition, you will also find an overview of what news to expect in 2022.
2. CSS Cascade Layers
One of the most common causes of frustration when writing CSS is specificity. It often happens that we inadvertently rewrite styles. Sometimes we have nothing left but to use !important. A novelty, CSS Cascade Layers, is finally coming to the rescue, which solves just this problem. If you want to study more about it, be sure to check out Hello, CSS Cascade Layers by Ahmad Shadeed, who makes really good articles. Alternatively, read this A Complete Guide to CSS Cascade Layers on the CSS-Tricks website.
3. How to test frontend
If you're looking for a detailed test guide, be sure to read Testing Pipeline 101 For Frontend Testing. Here you will find basic methods of frontend testing and you can also create an automated test pipeline using GitHub actions according to the instructions.
4. Frontend predictions for 2022
5. Four most important features coming in ES2022
- Method at() in arrays
- Error cause
- Top-level await
- Private slots and methods
6. New version of Next.js 12.1
A new version of the Next.js React Framework has been released. With the new version came several requested news, for example:
- Added support to the Next.js Compiler for Styled-components, Relay...
- Zero-configuration Jest plugin
- 7x faster minification than Terser
- React 18 & Server Components (Alpha): Improved stability and support.
7. Better support of PWA on iOS
iOS 15.4 beta brought some interesting news. Finally, there is support for icons in the manifest. We have had iOS Safari for four years, which supports the manifest, but the icons declaration has so far been ignored. Furthermore, push notifications (but of course it has a catch), more CSS and UI tweaks (:has(), accent-color, <dialog>), Web XR for augmented and virtual reality ... and much more.
Some articles about accessibility
- No Accessibility Without Disabilities - Developers often do not have enough knowledge about how people with disabilities actually use the web, leading to pre-combined solutions that make usability even worse.
- No Motion Isn’t Always prefers-reduced-motion - The prefers-reduced-motion setting does not always mean that you should turn off all animations. Learn what this setting actually means and why disabling all animations may not be appropriate.
- 5 Accessibility Quick Wins You Can Implement Today - Simple tips to improve your site's accessibility.
Other read worthy articles
- Aspect Ratio is Great - How to replace a padding hack with a single line of CSS code aspect-ratio.
- How to Favicon in 2022: Six files that fit most needs - Instead of providing dozens of icons (favicons), you only need five icons and one JSON file.
- New to the web platform in January - New features that got into the stable but also beta versions of web browsers during January 2022.
- Bonus: MDN Web Docs has undergone redesign:
If you liked the news overview, don't forget to subscribe to our newsletter. You can also read the news for last month, which we brought in the January Frontend Briefly ..