The digest of fresh materials from the world of the front-end for the last week No. 356 (March 11 - 17, 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. 165 : Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, web components, conditional ES-modules.
• Podcast “HardcodeFM” Episode 9 - ClojureScript frontend
• Podcast “Frontend Youth (18+)” # 87 No classes needed
• Podcast “CSSSR” News 512 - Issue No. 42 (11.03 - 17.03)
• “Everything goes to the frontend” . New song by Mikhail Malkov on the frontend
• Strength and power of web components
• Frontend without JavaScript
• Planning for responsive images
• KV Storage: the first built-in module on the web
• Offer to add support for differential loading of scripts in the WHATWG discussion on Github
• Flexible preloader using em units
• WebP in CSS - PostCSS plugin and tiny JS-script (128 bytes) for using WebP as CSS background
• How to get started with CSS Grid
• Designing units for aspect ratio in CSS
• Debugging CSS - it's complicated
• If expressions and loops in CSS
• How to manipulate CSS colors with JavaScript
• Redesigning our documents - Part 4. Creating a scalable CSS architecture
• Why can't I set the font size for the visited link?
• Using CSS-in-JS to style custom elements
• Getting started with PostCSS in 2019
• Effective animation of underlining navigation items in the menu
• Solving the problem from a Google interview on JavaScript: 4 different ways
• Node.js Foundation and JS Foundation merged into the OpenJS Foundation
• Using JavaScript? 6 ways to view processed HTML
• Interviewing for the position of JavaScript developer: popular tasks with parsing solutions
• Update on experimental functions in Node.js
• GraphQL in Depth: what, why and how
• How I messed up my JavaScript code and still won the Coding Challenge
• JavaScript in 14 minutes . Jeremy Thomas Interactive Tutorial
• Release of the Chrome web browser 73
• Why Brave can be a worthy alternative to Chrome
• Dark mode in the Chrome browser has become available on Mac
• The World Wide Web is thirty years old - what will happen to it next?
• Artificial intelligence and crypto - we separate hype from reality
• Ephemerality is a lie. Why encryption will not save your privacy
• Lookout is an application from Google that will tell the blind and visually impaired about the environment
• Former developer Rambler created a web server, overtook Microsoft in the market and sold the company for $ 670 million: Nginx history
• Mozilla introduced Firefox Send file sharing
• It's time to say goodbye. Google Allo messenger stopped working, next in line - Inbox
• GitHub changes privacy policy and sanctions
Last week's digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Podcast “Web Standards”, Issue No. 165 : Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, web components, conditional ES-modules.
• Podcast “HardcodeFM” Episode 9 - ClojureScript frontend
• Podcast “Frontend Youth (18+)” # 87 No classes needed
• Podcast “CSSSR” News 512 - Issue No. 42 (11.03 - 17.03)
• “Everything goes to the frontend” . New song by Mikhail Malkov on the frontend
Web development
• Strength and power of web components
• Frontend without JavaScript
• Planning for responsive images
• KV Storage: the first built-in module on the web
• Offer to add support for differential loading of scripts in the WHATWG discussion on Github
- Performance:
• Speed up a website with many pictures: a guide for delayed image loading
• Announced Lite Pages for Chrome: faster downloads for users of * very * slow networks. Opt-in via Google Data Saver for smarter server-side rendering and prioritization of page sub-resources
• Understanding Chrome Lite
- Tools:
• Webpack in practice: from scratch to create autotests
• Sublime Text 3.2 came out, still fast, integration with Git in the new release
• How to use Chrome as an IDE
- Accessibility:
• Everything you need to know about ARIA Live Regions
• Accessibility insights - the new a11y testing tool that provides quick and useful information about accessibility issues in your products
CSS
• Flexible preloader using em units
• WebP in CSS - PostCSS plugin and tiny JS-script (128 bytes) for using WebP as CSS background
• How to get started with CSS Grid
• Designing units for aspect ratio in CSS
• Debugging CSS - it's complicated
• If expressions and loops in CSS
• How to manipulate CSS colors with JavaScript
• Redesigning our documents - Part 4. Creating a scalable CSS architecture
• Why can't I set the font size for the visited link?
• Using CSS-in-JS to style custom elements
• Getting started with PostCSS in 2019
• Effective animation of underlining navigation items in the menu
Javascript
• Solving the problem from a Google interview on JavaScript: 4 different ways
• Node.js Foundation and JS Foundation merged into the OpenJS Foundation
• Using JavaScript? 6 ways to view processed HTML
• Interviewing for the position of JavaScript developer: popular tasks with parsing solutions
• Update on experimental functions in Node.js
• GraphQL in Depth: what, why and how
• How I messed up my JavaScript code and still won the Coding Challenge
• JavaScript in 14 minutes . Jeremy Thomas Interactive Tutorial
- Theory:
• Understanding closures in JavaScript. Once and for all
• When “Zoë”! == “Zoë”. Or why you need to normalize Unicode strings
• 7 tricks using spread and rest objects in JavaScript
• Convert callback functions to promises
- VueJS:
• VueJS: A little about 3.0
• How to replace jQuery with Vue
• How to set up the search interface in Vue.js
• Vue a11y - Vue.js community project to improve website accessibility.
- React:
• Analysis and optimization of React applications
• React documentation is now available in Russian
• React Hooks: how to start and create your own
• Adding animation to React applications using React-Lottie
• Optimal file structure for React applications
• You do not need a trendy one framework for using GraphQL with React
- Angular:
• Automatically update lazily loaded modules for Ivy
• Implement file uploads using Node and Angular
• Create Angular and React applications with Nx
- Libs & Plugins:
• Why you should not use Moment.js ...
• promise-utils: lodash-like utilities without dependencies for native ES6 promises
• asynchronous parallel / serial foreach in JavaScript
• lax.js - Simple and easy vanilla plugin javascript to create smooth and beautiful scroll animations
Browsers
• Release of the Chrome web browser 73
• Why Brave can be a worthy alternative to Chrome
• Dark mode in the Chrome browser has become available on Mac
Entertaining
• The World Wide Web is thirty years old - what will happen to it next?
• Artificial intelligence and crypto - we separate hype from reality
• Ephemerality is a lie. Why encryption will not save your privacy
• Lookout is an application from Google that will tell the blind and visually impaired about the environment
• Former developer Rambler created a web server, overtook Microsoft in the market and sold the company for $ 670 million: Nginx history
• Mozilla introduced Firefox Send file sharing
• It's time to say goodbye. Google Allo messenger stopped working, next in line - Inbox
• GitHub changes privacy policy and sanctions
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's digest .
Material prepared dersmoll and alekskorovin .