Digest of fresh materials from the frontend world for the last week # 423 (July 6 - 12, 2020)

We bring to your attention a selection with links to new materials from the front-end area and around it.





Media     |    Web Development     |    CSS     |    JavaScript     |    Browsers



Media



podcast Web Standards podcast # 237: Firefox 78, new V8 8.4, interesting with Web.Dev Live, WebP versus JPEG comparison, insecure APIs

podcast CSSSR podcast: web.dev LIVE, React Testing Library, dark ages of the web, performance, NodeJS and RoR releases

video Vadim Makeev's video blog: 28. Autotests and deploy to GitHub Actions: npm scripts, EditorConfig and ssh key setting

video Ya.



Web development



habr Numl - Alternative markup and styling language for the web

ru NPM tips and tricks

ru Make your sites fast, accessible and secure with Google

ru Detect mobile browsers without parsing the user agent string: Client Hints

ru ARIA Grid as an anti-pattern

ru Your SPA is not need a router

video ru What's new in tools to work with download speed







CSS



habr Motion Path: An Introduction to Modern Animations

habr Little-Known CSS Properties

CSS habr Alignment of Logos

habr Atomizer vs Minimalist Notation (MN)

ru Cicada Principle Revised With CSS Variables

CSS ru Rendering Order

ru Ten Modern CSS Single-Line Layouts

ru CSS News for Jul 2020

ru Displaying the current step with CSS Counters

ru What is CSS specificity?

ru The power of adaptive suffixes in class names

ru Deep dive into web fonts

ru How to define email client styles



JavaScript



habr Managing JavaScript dependencies

Implementing perfect authentication in your JS application

Learning and using Composition in JavaScript and TypeScript

ru Are we ready to replace Lodash?

ru How to parse a URL in JavaScript: hostname, pathname, query, hash

ru Complete guide to the ES2020 zero merge operator

ru Debounce Explained - How to make your JavaScript wait for the user to finish typing

video ru Debug SEO problems in JavaScript



  • React

    habr React-: 6

    , React

    ru Next.js

    ru 4 React

    ru Next.js: Server-side Rendering vs. Static Generation

    ru React



  • Vue

    habr Vue.js , 1: Vue

    habr Vue.js , 2:

    habr Vue.js Vuex

    Vue TDD:

    ru Tauri Vue.js

    ru CSS- Vuejs Nuxtjs











Browsers



• The habr magic of WebPush in Mozilla Firefox. Inside Look

Firefox 80 has a setting to redirect from HTTP to HTTPS

Google Chrome will load pages faster and use more battery power

ru Test Firefox more efficiently with machine learning



We apologize for possible typos or broken / duplicated links. If you notice a problem - please write in a personal, we are trying to quickly fix them.



Digest last week

Material prepared dersmoll and alekskorovin



All Articles