Digest of fresh materials from the frontend world for the last week # 422 (June 29 - July 5, 2020)

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





Web development



β€’ habr An overview of scrolling technologies

β€’ habr Stop coding, let's hit the layouts with automation

β€’ Google launched a beta plugin for publishing AMP stories in WordPress

β€’ The ru complete guide to dark mode on the web

β€’ ru Dark times of web development

β€’ ru Highlighting a fragment of text: how to link to specific piece of text on a web page and highlight it

β€’ ru Progressive Web Apps: A Practical Guide







  • β€’ ru 5

    β€’ ru Browserstack SpeedLab:

    β€’ ru JavaScript- ?

    β€’ ru Core Web Vitals, Addy Osmani





  • β€’ ru 6 ( )

    β€’ video ru







CSS



β€’ habr TailwindCSS - another framework or a new evolutionary step?

β€’ habr Simplify background images with conical gradients

β€’ habr Styling containers for web page content

β€’ Create a simple landing page in 5 minutes using ready-made CSS tailwind blocks.

β€’ ru Accordion Rows in CSS Grid

β€’ ru Performance - CSS Painting vs. CSS Houdini Paint API

β€’ ru Custom Shaped Links Using Subgrid

β€’ ru Get CSS Translate Values ​​Using JavaScript

β€’ ru Align Logo Images in CSS

β€’ ru Dynamic CSS Imports

β€’ ru Fancy CSS Properties

β€’ru Responsive images in variable proportions of the container

β€’ ru When the line does not break. About options for implementing forced hyphenation in lists

β€’ ru New in Chrome: CSS Overview

β€’ ru When Sass and new CSS features collide

β€’ ru A complete guide to CSS media queries





JavaScript



β€’ habr Lazy loading device in popular front-end frameworks

β€’ habr How to get screen, window and web page sizes in JavaScript

β€’ habr Hut on backward-compatible legs - compile JS for the desired browsers

β€’ Tuples in JS / ES and TypeScript in 2020

β€’ video ru Why the vanilla approach JavaScript first "may NOT be the best choice

β€’ A ru technical guide to SEO with Gatsby.js

β€’ ru Your blog doesn't need a JavaScript framework

β€’ ru Learning Regular Expressions: A Beginner's Guide





  • β€’ ?

    β€’ Var, let const?

    β€’ ru double-bang (!!) , JavaScript /

    β€’ ru JavaScript





  • β€’ ru Node 14

    β€’ ru React Web SpeechRecognition API





  • Vue

    β€’ localStorage Vue

    β€’ ru Vue Demi β€” , Universal Vue Vue 2 3

    β€’ ru Nuxt Content

    β€’ ru 9 Vue JS ,

    β€’ ru Vue 3: 2020

    β€’ ru Vue



  • Angular

    β€’ habr Angular 10

    β€’ ru Angular Dependency Injection:

    β€’ ru Angular resolvers

    β€’ ru Angular 10

    β€’ ru Angular









Browsers



β€’ Firefox 78 release

β€’ Firefox 78 , technical details for developers

β€’ New Chromium-based Edge is distributed with forced OS updates and is intrusive

β€’ Google Chrome has broken its own record, and Windows 10 continues to grow



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 for the last week .

Material prepared dersmoll and alekskorovin .



All Articles