Digest of fresh materials from the frontend world for the last week # 424 (July 13 - 19, 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     |    Entertaining



Media



β€’ podcast Podcast "Web Standards" # 238: Events in Yandex, Safari, browser plans, new CSS Zen Garden, Houdini vs CSS, Yandex UI kit

β€’ podcast Podcast "Frontend Youth (18+)" # 146: On trial for lack of accessibility

β€’ podcast Podcast "CSSSR": Vue 3, new CSS features, web.dev Russia, PHP 8, ML and QA, polymorphism, State of Frontend 2020



Web development



β€’ habr Return of the web of the 90s

β€’ habr Wasm or not Wasm?

β€’ habr How we decided to optimize the pictures - and in the process we redesigned the site, admin panel and interface approach

β€’ ru Adding augmented reality to your sites

β€’ ru From Gatsby to Eleventy: Choosing a static site generator for a personal site

β€’ ru Current state of pixel-perfect layout

β€’ ru How to switch from Bootstrap Version 4 to 5

β€’ ru Make Jamstack Slow? Challenge accepted.



  • Accessibility

    β€’ ru Details of The A11Y Project website redesign

    β€’ ru Button status and availability





CSS



β€’ habr What I Didn't Know About CSS

β€’ The Invisible Parts of CSS

β€’ 8 SCSS Recommendations to Remember

β€’ ru Standing Cards Effect on CSS

β€’ ru Three CSS Navigation Alternatives in JavaScript

β€’ ru Grids Part 1: To grid or not to grid

β€’ ru CSS breakpoints used by popular CSS frameworks

β€’ ru Backdrop Filter effect with CSS

β€’ ru β€œclick to animate gif” solution in pure CSS

β€’ ru Style Stage - various combinations of modern CSS techniques to style one HTML structure in CSS Zen Garden style

β€’ ru How to make text italic



JavaScript



β€’ habr 4 revolutionary JavaScript features from the future

β€’ habr 155 JavaScript questions

β€’ habr Installing and updating dependencies in JavaScript

β€’ ru What is closure, explained by Dan Abramov

β€’ ru A simple explanation of event delegation in JavaScript

β€’ The ru 34 most popular JS repositories on GitHub in June 2020

β€’ ru 14 tips to optimize JavaScript code for front-end developers

β€’ ru 8 silly JavaScript projects that will make you smile

β€’ ru Eliminating duplicate objects: three approaches



  • React

    β€’ habr - React

    β€’ habr web- React

    β€’ ru React

    β€’ ru React Spectrum β€” Adobe, ,

    β€’ ru Vue React

    β€’ ru React Router 6



  • Vue

    β€’ habr Vue.js , 3:

    β€’ habr Vue.js , 4:

    β€’ ru Vue 3 RC

    β€’ ru Vue: Vue 3

    β€’ ru Vuex Vue 3

    β€’ ru IntersectionObserver Vue.js



  • Angular

    β€’ ru Angular

    β€’ ru Angular Rxjs

    β€’ ru Angular



  • Ember

    β€’ ru The Ember Times β€” Issue No. 156

    β€’ ru Ember ?

    β€’ ru ember-concurrency TypeScript



  • Svelte

    β€’ ru Svelte

    β€’ ru Leaflet Svelte

    β€’ ru Svelte ( Svelte)



  • Libs & Plugins

    β€’ ru uvu β€” - Node.js

    β€’ ru form-validation.js β€” JavaScript.

    β€’ ru Stimulus.js, JavaScript , HTML

    β€’ ru Bree β€” Node.js cron, dates, ms, later human-friendly strings

    β€’ ru Bumblebee β€” JavaScript

    β€’ ru Facebook Recoil





Browsers



β€’ ru New in Chrome 84

β€’ Chrome 84 release

β€’ Windows 10 fix that reduced memory consumption in Chrome, disabled in the new version of the browser





Entertaining



β€’ Google dispelled SEO myths about crawling budget

β€’ Mozilla VPN service officially launched

β€’ GitHub went under the ice: 21 TB of open source hidden in the Arctic repository

β€’ Apple updated the developer style guide and replaced the words blacklist, master and slave in it to combat discrimination

β€’ NYT: Hacked Twitter accounts of Musk and others gained access to internal tools through the company's Slack chat

β€’ Linus Torvalds approved the removal of the terms slave, blacklist and others from the Linux kernel



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