The digest of fresh materials from the world of the frontend for the last week №341 (November 26 - December 2, 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
•
Frontend Weekend podcast # 81 - Ekaterina Pavlenko on how the HolyJS program committee works from the inside
•
Web Standards podcast, Issue No. 149: Rolling Scopes, accessibility, shapes and fonts, progressive graphics, as well as without React, dangerous open source
•
Devshakhta - podcast: 59: How to make a cool talk
•
Podcast “CSSSR”, News 512 - Issue No. 31 (26.11 - 02.12)
•
Vadim Makeyev's video blog: 11. A prototype of style isolation for Shower on web components
•
WSD in Minsk, 2018 , broadcast recording
•
performance.now (), 16 conference videos, where 16 world-class speakers covered the most important aspects of web productivity ( + notes for each report )
•
Frontend NE: The conference 2018
• Useful accessibility rules that will remain in memory.
•
Background Fetch API: Get ready to use it!
•
How and when to use the tabindex attribute.
•
CraSSh: breaking all modern browsers with computations in CSS
•
Introduction to custom CSS properties
• Correct CSS cheat sheet
• css-grid-layout-generator.pw - a tool with which you can quickly and visually conduct experiments with CSS grids and get the exit code
•
Introduction to CSS Shapes
•
A look at CSS Reset (style zeroing) in 2018
•
Options for turning on and stopping CSS animations
•
Just use: focus styles, damn it
•
CSS Animation 101 - Donovan Hutchinson's popular course is now in free books
•
All about environment variables in CSS
•
NES.css CSS framework inspired by NES
•
Effects of creative rendering of images by hovering over links
•
Getting started with variable CSS fonts
•
Creating a CSS gallery with a Grid layout (with a blur effect and interactive media expressions)
•
Creating interfaces of the future: non-standard forms
•
JavaScript Error Handling Guide
•
State Of JavaScript 2018: Front , Data Solves Everything . Ilya Klimov examines the results of the popular poll
• the Microsoft released typescript 3.2
• Hide the JavaScript-code on the front end of the foreign
• How do zadolbalo opposition fucking const damn the let
•
Main sites contain unauthorized JavaScript on their payment pages
•
Compromised npm package: event-, stream
•
Infinite the Scroll using generators
•
Little-known JavaScript functions
•
Concepts of functional programming in Javascript
•
Configuring Firefox / Chrome for a very slow and limited Internet
• Chrome developers are thinking about ending FTP support
• Opera 57 has received “smart” news and recommendations from Netflix
• Firefox 64 has a built-in task manager
• Browser for Firefox Reality 1.1 VR devices has been released
•
Web Audio, Autoplay Policy and Games
• Picture of the world . Internet of things. How to automate your odd one today
• Why cryptocurrencies fall - 5 reasons from The New York Times
• SEO 101: facts, tips and myths of search engine optimization
• Data visualization in analytics: chart types and how to choose
• Why not give test items. And why you shouldn’t do them
• The OpenSSL project switches to the Apache license and changes the numbering scheme of the issues
• Instagram will describe the photos for visually impaired users
• Timeline: which projects Google has closed and why
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•

•

•

Web development
• Useful accessibility rules that will remain in memory.
•

•

- AMP / PWA:
• Google has published a detailed AMP Indexing FAQ
• Goodbye, Electron. Hello, desktop PWA
•«Progressive Web Apps. The future of the Mobile Web ” : Free PDF book, released with the support of Google, Microsoft and Awwwards
•Extensive Guide to Progressive Web Applications
•Progressive Web Applications vs Native Applications
•Turn your application on Vue to PWA!
- Performance:
•WebP will take over the web soon, but the century will not be long
•Should I use JavaScript to load my web fonts?
• Weadapt to users using Client Hints
•Hacking Web Performance . Report Max Firtman on Heapcon 2018, which covers extreme performance techniques
•Avoiding the pitfalls of automatic code inlining (in the context of WP)
CSS
•

•

• Correct CSS cheat sheet
• css-grid-layout-generator.pw - a tool with which you can quickly and visually conduct experiments with CSS grids and get the exit code
•

•

•

•

•

•

•

•

•

•

•


Javascript
•

•

• the Microsoft released typescript 3.2
• Hide the JavaScript-code on the front end of the foreign
• How do zadolbalo opposition fucking const damn the let
•

•

•

•

•

- NodeJS:
•Most popular 2018 Node.js frameworks
•Nodejs C ++ / JS border state: crossing the Rubicon
•10 Node frameworks for use in 2019
•Writing applications with efficient memory use on Node.js
•ncc: Node.js CLI tool and API for compiling Node.js projects into a single JS file
VueJS:
•Bird's eye view of Vue
•My favorite packages for Vue.js & Nuxt.js for 2019
•Speed up your development on Vue.js with Vue CLI 3
React:
• React.js for continuing
•useEffect vs useLayoutEffect vs useMutationEffect
•Roadmap React 16.x
•Lazy loading (and preloading) of components in React 16.6
•8 suggestions that will improve your application on React
• Reactstatus state in 2019
•React Podcast # 30: Develop in the Cloud with Christina Holland
Angular:
• Thecomplete guide to Routing in Angular
•My adventures with the launch of Angular Ivy inside StackBlitz: yes, it's possible
•Creating a simple CRUD application with Angular and Node
- Libs & Plugins:
•Comparison of JavaScript libraries for HTTP requests for 2019
•progress-estimator - displaying the progress bar and estimating how long the promise will be running
•displaceable: a tiny library for processing productive displacement of elements relative to the mouse position
Browsers
•

• Chrome developers are thinking about ending FTP support
• Opera 57 has received “smart” news and recommendations from Netflix
• Firefox 64 has a built-in task manager
• Browser for Firefox Reality 1.1 VR devices has been released
•

Entertaining
• Picture of the world . Internet of things. How to automate your odd one today
• Why cryptocurrencies fall - 5 reasons from The New York Times
• SEO 101: facts, tips and myths of search engine optimization
• Data visualization in analytics: chart types and how to choose
• Why not give test items. And why you shouldn’t do them
• The OpenSSL project switches to the Apache license and changes the numbering scheme of the issues
• Instagram will describe the photos for visually impaired users
• Timeline: which projects Google has closed and why
We 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