The digest of fresh materials from the world of the frontend for the last two weeks №323 (July 8 - 22, 2018)
We offer you a selection with links to new materials from the front-end area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Web Standards podcast, Issue # 130: Inconvenient classes and any JS, manifesto on the fly, buggy grids, bad landing of a good SRI , Issue №129: A virus in npm, why Feature Policy, a case in Atom, a dead code, division of responsibility, an arrow or a finger
•Frontend Weekend podcast: # 62 - Andrei Sitnik about moving to New York, traveling and porn on Twitter , # 61 - Andrei Melikhov about working at Yandex.Money, Night front end and seizing power in devSchacht
•Devshakhta / Night Frontend podcast: # 42 - CI / CD Automation , # 41 - In search of a good code review
•Frontend Youth ( X1) podcast 8+)# 56 Toxic Community
•CSSSR Podcast News 512 - Issue # 15 (July 16 - July 22)
•
What the web developer needs to remember to do everything SEO-Few
• Extensions for Visual Studio Code that take the development process to a new level
•
Web components in 2018
•Holy Grail of reusable components: Custom Elements, Shadow DOM and NPM
•Details of creating a Google Photos web interface
•Anatomy of malicious scripts: how a website can take control of your browser
•Accessibility for teams - a quick guide to embedding accessibility and inclusion practices in the development process of your team
•Future WebAssembly - a look at the planned features nationalities and suggestions
•SVG Animation with SVGator
•Right to left. How to flip the site interface under RTL
•CSS Paint API
• CSS: a new kind of JavaScript
• CSS grid chemistry
•Complete illustrated Flexbox guide
•9 biggest mistakes with CSS Grid
•DSS is the final release of the first beta of Deterministic Style Sheets, analog CSS modules with automatic compilation to atomic CSS classes for small bundles
•Strange things that variable fonts can do
•How to fix CSS layout problems?
•Useful things you can do with CSS pointer events
•Should I use the IE version of the Grid Layout in 2018?
•I tried functional CSS and it sucks like
•How to get better at writing CSS
•Comparison of JS frameworks: React, Vue and Hyperapp , Re: “Comparison of JS frameworks: React, Vue and Hyperapp”
•JavaScript ES6: weaknesses
•Metaprogramming in JavaScript
•15 HTML methods of elements that you probably never not heard
• Fullstack JS Developer Competency Matrix
•Introduction to JavaScript MutationObserver API
•Javascript ES6 - in fact, you do not need to learn generators
•TypeScript 3.0 RC Announcement
• WebRender has been added to the nightly builds of Firefox, which uses GPUs to render web pages.
• Browsh develops a console browser based on Firefox
• The formation of Firefox’s ASan builds has begun to identify problems with memory
•Three new convenient features in Chrome DevTools
• So much knowledge, so little time.
• To be a multi-specialist, but to advertise yourself as a specialist in one area.
• The speed of Linux on Windows 10 . Ode to bash terminal in Windows Subsystem for Linux.
• 6 approaches to prioritizing tasks. Experience Readdle, MacPaw, Grammarly, and EduNav
• Google, Microsoft, Twitter, and Facebook launched a data portability project.
• A popular NPM module introduces malware that copies authentication parameters.
• Algorithms save people: how couples save lives
• Intel told about 10 of their main achievements in 50 years
•Check Point presented an overview of cyber threats for the first half of 2018: the double growth of crypto miners and the change of the vector of attacks on the clouds
• AMD, Microsoft, NVIDIA, Oculus and Valve are developing VirtualLink standard that will allow you to connect VR helmets to a PC using a single USB-C cable
• Dark pattern: how web services make users err in their actions
•
How the visitor uses the iPhone, MacBook and Apple Watch
Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Web Standards podcast, Issue # 130: Inconvenient classes and any JS, manifesto on the fly, buggy grids, bad landing of a good SRI , Issue №129: A virus in npm, why Feature Policy, a case in Atom, a dead code, division of responsibility, an arrow or a finger•
Frontend Weekend podcast: # 62 - Andrei Sitnik about moving to New York, traveling and porn on Twitter , # 61 - Andrei Melikhov about working at Yandex.Money, Night front end and seizing power in devSchacht•
Devshakhta / Night Frontend podcast: # 42 - CI / CD Automation , # 41 - In search of a good code review•
Frontend Youth ( X1) podcast 8+)# 56 Toxic Community•
CSSSR Podcast News 512 - Issue # 15 (July 16 - July 22)
Web development
•
What the web developer needs to remember to do everything SEO-Few• Extensions for Visual Studio Code that take the development process to a new level
•
Web components in 2018•
Holy Grail of reusable components: Custom Elements, Shadow DOM and NPM•
Details of creating a Google Photos web interface•
Anatomy of malicious scripts: how a website can take control of your browser•
Accessibility for teams - a quick guide to embedding accessibility and inclusion practices in the development process of your team •
Future WebAssembly - a look at the planned features nationalities and suggestions•
SVG Animation with SVGator- Performance:
•Measuring performance with Google’s RAIL model, goals and guidelines for creating fast pages (updated in 2018)
•Creating a performance culture in your team
•What Service Workers are and how they can improve performance
•How image optimization reduced page weight by 62 %
•Front end performance checklist
- PWA / AMP:
•PWACompat: Web App Manifest for all browsers
•Pinterest: PWA retrospective for the year
•Tracking the development of AMP in the new AMP Roadmap dashboard with filters and categories
•PWA for WordPress , the official plugin
CSS
•
Right to left. How to flip the site interface under RTL•
CSS Paint API• CSS: a new kind of JavaScript
• CSS grid chemistry
•
Complete illustrated Flexbox guide•
9 biggest mistakes with CSS Grid•
DSS is the final release of the first beta of Deterministic Style Sheets, analog CSS modules with automatic compilation to atomic CSS classes for small bundles •
Strange things that variable fonts can do•
How to fix CSS layout problems? •
Useful things you can do with CSS pointer events•
Should I use the IE version of the Grid Layout in 2018? •
I tried functional CSS and it sucks like•
How to get better at writing CSS
Javascript
•
Comparison of JS frameworks: React, Vue and Hyperapp , Re: “Comparison of JS frameworks: React, Vue and Hyperapp”•
JavaScript ES6: weaknesses•
Metaprogramming in JavaScript•
15 HTML methods of elements that you probably never not heard• Fullstack JS Developer Competency Matrix
•
Introduction to JavaScript MutationObserver API•
Javascript ES6 - in fact, you do not need to learn generators•
TypeScript 3.0 RC Announcement
VueJS:
• How to create Vue components like a pro
• Vue-UI - first look
•Love letter to Vue
•Free course for learning Vue.js
•Creating a “Renderless” Vue component
•Best explanation for JS reactivity
React:
• The path to learning React . Your journey to learn the usual but pragmatic React. Translation of a popular book into Russian
•Basics of JavaScript before learning React
•Styling React components
•Simple creation of complex UI animations in React
•How fast can you learn React?
Angular:
•What's new in Akita for Angular: we added the most requested features
•Improve the performance of Angular applications using Local Change Detection
•You don't know Angular - Angular Projection guide
- Libs & Plugins:
•How to create a modern control panel on NVD3.js
•coolHue - a tool for selecting gradients and creating your own palettes
•draxt - NodeList-like / jQuery-like package for File System (node.js)
•Popbox.js - small plugin for creating layered modal windows. The plugin is independent and fully customizable
•Pushbar.js is a small plugin for creating exit panels in web applications.
Browsers
• WebRender has been added to the nightly builds of Firefox, which uses GPUs to render web pages.
• Browsh develops a console browser based on Firefox
• The formation of Firefox’s ASan builds has begun to identify problems with memory
•
Three new convenient features in Chrome DevTools
Entertaining
• So much knowledge, so little time.
• To be a multi-specialist, but to advertise yourself as a specialist in one area.
• The speed of Linux on Windows 10 . Ode to bash terminal in Windows Subsystem for Linux.
• 6 approaches to prioritizing tasks. Experience Readdle, MacPaw, Grammarly, and EduNav
• Google, Microsoft, Twitter, and Facebook launched a data portability project.
• A popular NPM module introduces malware that copies authentication parameters.
• Algorithms save people: how couples save lives
• Intel told about 10 of their main achievements in 50 years
•Check Point presented an overview of cyber threats for the first half of 2018: the double growth of crypto miners and the change of the vector of attacks on the clouds
• AMD, Microsoft, NVIDIA, Oculus and Valve are developing VirtualLink standard that will allow you to connect VR helmets to a PC using a single USB-C cable
• Dark pattern: how web services make users err in their actions
•
How the visitor uses the iPhone, MacBook and Apple WatchWe apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
Digest last week
Material prepared dersmoll and alekskorovin