
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
•

•

•

•

•

•

Web development
•

•

•

•

- 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

•

•

•

•

•

•

•

•

•

Javascript
•

• Google launches a series of videos on SEO for JavaScript
• FunES # 9: a riddle . Tricks with JavaScript
•

•

•

- 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
•

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 .