The digest of fresh materials from the world of the front-end for the last week No. 354 (February 25 - March 3, 2019)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
• Podcast "Web Standards", Issue No. 163: Mathematics in CSS, speed and overhead, the new video codec AV1, JavaScript and SEO, robots will not replace us.
• Devshahta Podcast: # 71: How TypeScript Changes Our Thinking (Part 2)
• CSSSR Podcast News 512 - Issue 40 (02.25 - 03.03)
• On the mitap! # 1: recording reports . Materials on the results of the first meeting in an online format organized by HTML Academy
• Vadim Makeev's video blog: “15. Live with answers ”
• Tournament:“ Best JS-feature of 2018 ”(PART 4 - FINAL!)
• Code quality . Decoding of the report of Ivan Botanov with Frontend Conf, where he talks about readability, naming, declarativeness, Code style and the relationship between June and lead
• Test layout? Easy
• Portfolio Processing, Part 1: Animation, Microinteractions and SVG
• Static Site Generators: A Guide for Beginners
• How @supports works
• Responsive design and custom CSS properties: defining variables and breakpoints
• Mental CSS model . A new PPK article in which he tries to explain CSS philosophy to Javascript developers
• The CSS working group agreed to add many mathematical functions, including acos (), asin (), atan (), hypot (), sqrt () and many others
• Breaking Boxes With CSS Fragmentation . A recent Rachel Andrew article on the new CSS specification
• Recreating the gradient effect of Facebook Messenger using CSS
• A detailed overview of CSS selectors + cheat sheet
•Lesser-known CSS properties in GIFs
• 8 small videos about the Shape Path Editor in Firefox
• Will custom CSS properties win Sass loops?
• Look, no media queries! Responsive Layouts Using CSS Grid
• Wolfensteiny 3D - reverse engineering 251 bytes of JavaScript
• Google launches a series of videos on SEO for JavaScript
• FunES # 9: a riddle . Tricks with JavaScript
• Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• How to write simple, modern JavaScript applications using Webpack and advanced web technologies
• Understanding performance problems with “polymorphic” JSON data
• 0Day vulnerability in Chrome is used to steal data
• In Firefox 67, the about: compat page appears and the tabs are unloaded when there is not enough memory
• Google speeds up Chrome with a new function for caching open pages
• In Firefox, the picture-in-picture mode and a redesigned add-on manager
• Chrome more not needed
• Google opened the domain registration in the .dev zone to all comers
• The neural network was taught to fake votes
• “The acclaimed Chinese social rating system is far from new technologies in practice”
• The most significant events in the artificial intelligence industry in 2018
• Do you recognize the programming language by code for “Hello, World!” - a test in exotic languages
• Mozilla has published Common Voice voice data
• Linus Torvalds does not believe that servers based on ARM architecture will replace x86. “Selling a 64-bit model - idiocy”
• New programming languages quietly kill our connection with reality
Last week digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Podcast "Web Standards", Issue No. 163: Mathematics in CSS, speed and overhead, the new video codec AV1, JavaScript and SEO, robots will not replace us.
• Devshahta Podcast: # 71: How TypeScript Changes Our Thinking (Part 2)
• CSSSR Podcast News 512 - Issue 40 (02.25 - 03.03)
• On the mitap! # 1: recording reports . Materials on the results of the first meeting in an online format organized by HTML Academy
• Vadim Makeev's video blog: “15. Live with answers ”
• Tournament:“ Best JS-feature of 2018 ”(PART 4 - FINAL!)
Web development
• Code quality . Decoding of the report of Ivan Botanov with Frontend Conf, where he talks about readability, naming, declarativeness, Code style and the relationship between June and lead
• Test layout? Easy
• Portfolio Processing, Part 1: Animation, Microinteractions and SVG
• Static Site Generators: A Guide for Beginners
- Performance:
• Google: download speed on mobile should be a constant priority
• For the illusion of fast page loading: rules for creating a skeletal screen on websites and in applications
• A Bit of Performance . A new article by Roman Komarov about the details of optimizing his site - preload links, fonts, progressive navigation and the like
• Serve Responsive Images
- Accessibility:
• When is a button not a button?
• Accessibility is not a “React issue”
• Web Accessibility Guide - A curated collection of tips, tricks, and guidelines for web accessibility.
• Accessibility practices for date-picking components
• Analysis of the accessibility of homepages of 1,000,000 sites
• Using artificial intelligence to create alternative text in images
- Animation:
• SVG filtering effects. Part 7. Moving Forward
• SVG Filter Effects: Moving On
• Text Trail Effect
CSS
• How @supports works
• Responsive design and custom CSS properties: defining variables and breakpoints
• Mental CSS model . A new PPK article in which he tries to explain CSS philosophy to Javascript developers
• The CSS working group agreed to add many mathematical functions, including acos (), asin (), atan (), hypot (), sqrt () and many others
• Breaking Boxes With CSS Fragmentation . A recent Rachel Andrew article on the new CSS specification
• Recreating the gradient effect of Facebook Messenger using CSS
• A detailed overview of CSS selectors + cheat sheet
•Lesser-known CSS properties in GIFs
• 8 small videos about the Shape Path Editor in Firefox
• Will custom CSS properties win Sass loops?
• Look, no media queries! Responsive Layouts Using CSS Grid
Javascript
• Wolfensteiny 3D - reverse engineering 251 bytes of JavaScript
• Google launches a series of videos on SEO for JavaScript
• FunES # 9: a riddle . Tricks with JavaScript
• Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• How to write simple, modern JavaScript applications using Webpack and advanced web technologies
• Understanding performance problems with “polymorphic” JSON data
- Theory:
• 5 tips on how to write conditional constructs in JavaScript best
• 12 JavaScript concepts you need to know about
• A complete guide to JavaScript loops
• What is the longest sequence of keywords in Javascript?
• Complete Callback Guide
- React:
• Effective component creation using the styled system
• We switched to Next.js to process our homepage 7.5 times faster
• Improving the performance of React functional components using React.memo ()
• As the “golden rule” of components React can help you write better code
• Writing tests for React applications using Jest and Enzyme
• Explain Redux in 1 minute
• 8 reasons to use styled-components
- VueJS:
• Повышаем производительность разработки на примере Vue — часть 2
• Оптимизация производительности приложения Vue.js, часть 1: Введение в оптимизацию производительности и ленивую загрузку
• Sliding In And Out Of Vue.js. Подробная статья об одном из преимуществ Vue — легкой прогрессивной интеграции с другим JS
• Создание пользовательских директив в Vue.js
• Еще один пример абстрактного компонента в Vue.js
- Angular:
• MVC в мире Angular
• Анонс Angular Loadable (ngx-loadable ~ 2.2kB)
• Как передавать файлы и данные между клиентом на Angular и бекендом на Node.js
- Libs & Plugins:
• FrenchKiss.js — сверхбыстрая и легкая библиотека для интернационализации, работающая как в браузере, так и в среде NodeJS
• terser — JavaScript парсер и mangler/compressor инструментарий для ES6 +.
• cnbuilder — Yet another classname string builder
• Zero Server: zero configuration web framework
• npmf: быстро подтягивает информацию об npm пакете прямо в терминал
Браузеры
• 0Day vulnerability in Chrome is used to steal data
• In Firefox 67, the about: compat page appears and the tabs are unloaded when there is not enough memory
• Google speeds up Chrome with a new function for caching open pages
• In Firefox, the picture-in-picture mode and a redesigned add-on manager
• Chrome more not needed
Entertaining
• Google opened the domain registration in the .dev zone to all comers
• The neural network was taught to fake votes
• “The acclaimed Chinese social rating system is far from new technologies in practice”
• The most significant events in the artificial intelligence industry in 2018
• Do you recognize the programming language by code for “Hello, World!” - a test in exotic languages
• Mozilla has published Common Voice voice data
• Linus Torvalds does not believe that servers based on ARM architecture will replace x86. “Selling a 64-bit model - idiocy”
• New programming languages quietly kill our connection with reality
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
Last week digest .
Material prepared dersmoll and alekskorovin .