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
• 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
Web development
• Useful accessibility rules that will remain in memory.
• Background Fetch API: Get ready to use it!
• How and when to use the tabindex attribute.
- 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?
• We adapt 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
• 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
• 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
- 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
• React status state in 2019
• React Podcast # 30: Develop in the Cloud with Christina Holland
- Angular:
• The complete 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
• 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
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