The digest of fresh materials from the world of the frontend for the last week No. 329 (August 27 - September 2, 2018)
We offer you a selection with links to new materials from the front-end area and around it.
FYI: There will be no digest next week due to the release.
Media | Web Development | CSS | Javascript | Browsers
• Frontend Weekend podcast # 68 - Yegor Bugayenko on how and why you need to distinguish yourself from the crowd of other programmers
• Web Standards podcast, Issue №136: Chrome is not so audacious, Firefox against trackers, open source and politics, OpenType and a useful cascade, the development of React DOM.
• Weekly Vue podcast, episode 2
• Five Minute React podcast # 45 - How to record a podcast without a microphone and equipment
• Devshakhta Podcast: # 48: The pain from Ext JS and TFS, or how DevOps is changing the world for the better
• The podcast "CSSSR", News 512 - Issue №19 (20.08 - 02.09)
•Six of the most useful reports from Frontend Conf 2018
• Continuous growth of JSON
• SmartTV development underwater rakes
• Why modern web sucks and what to do about it
• What does blockchain mean for frontend developers?
• Inherited code refactoring
• Using speech synthesis interface from Web Speech API
• Native lazy loading for web
• New (and old) units of measurement in CSS that you could hardly hear about
• Advanced CSS themes using custom properties and JavaScript
• Full CSS demos with OpenType properties
• Super-enhanced Grid components using custom CSS properties
• Progressive CSS improvements layouts: from Float to Flexbox & Grid
• How to make styles for print-friendly pages
• “Solving container queries today” - report by Greg Whitworth on CSS Day 2018
• Progressive block expansion with CSS
• CSS Editors Shape
• Twenty CSS Optimization Tips performance
• Why did a person from the Java world become an ardent supporter of Node.js and JavaScript?
• What is testing and why should we do it? The first article in a five-part series about testing in JavaScript
• Node Hero — Node.js Security Guide
• Babel 7 JS Transpiler Release
• So what's new in Babel 7?
• What will appear in JavaScript 2018: asynchronous generators, improved Regex
• JS in examples: 8 different options for using JavaScript Array Slice
• aiji - a supervised collection of inspiring JS applications that work with AI
• A quick introduction to web workers
• Overview of JavaScript timers on the web
• Firefox decided by default to block tracking of movements between sites
• Firefox develops a contextual recommendation system for add-ons
• Analyzes the portability of the API of modern web browsers
• Mozilla published statistics on the use of Firefox
• Mozilla published a report on how people use the desktop versions of Firefox
• Google prevents defensive solutions from injecting into Chrome processes
• New Mobile Chrome feature will disable scripts for slow connections
• Ecological impact of browser diversity
← Digest last week
Material prepared dersmoll and alekskorovin
FYI: There will be no digest next week due to the release.
Media | Web Development | CSS | Javascript | Browsers
Media
• Frontend Weekend podcast # 68 - Yegor Bugayenko on how and why you need to distinguish yourself from the crowd of other programmers
• Web Standards podcast, Issue №136: Chrome is not so audacious, Firefox against trackers, open source and politics, OpenType and a useful cascade, the development of React DOM.
• Weekly Vue podcast, episode 2
• Five Minute React podcast # 45 - How to record a podcast without a microphone and equipment
• Devshakhta Podcast: # 48: The pain from Ext JS and TFS, or how DevOps is changing the world for the better
• The podcast "CSSSR", News 512 - Issue №19 (20.08 - 02.09)
•Six of the most useful reports from Frontend Conf 2018
Web development
• Continuous growth of JSON
• SmartTV development underwater rakes
• Why modern web sucks and what to do about it
• What does blockchain mean for frontend developers?
• Inherited code refactoring
• Using speech synthesis interface from Web Speech API
• Native lazy loading for web
- Tools:
• What's new in DevTools (Chrome 70)
• gulp-webpack - fresh build Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5
• Universal PWA Builder - an extensible tool for creating progressive web applications without being bound to a framework
- Accessibility:
• Speech semantics is a great example of how to write more inclusive code for all (auxiliary) technologies, including search engines, screen readers, intelligent speakers, and chat bots.
• How Google has stepped up its efforts to make its technology more accessible for people with disabilities
• How you can use AI, AR and WebGL shaders to help the visually impaired
• Reach UI - library of available components for React applications
- Spectacular web:
• Apply Voronoi mosaic, pixelation and geometric masks in shaders to decorate the site
• Web Graphics Experiments
• Optical illusion just 18 lines of JavaScript
CSS
• New (and old) units of measurement in CSS that you could hardly hear about
• Advanced CSS themes using custom properties and JavaScript
• Full CSS demos with OpenType properties
• Super-enhanced Grid components using custom CSS properties
• Progressive CSS improvements layouts: from Float to Flexbox & Grid
• How to make styles for print-friendly pages
• “Solving container queries today” - report by Greg Whitworth on CSS Day 2018
• Progressive block expansion with CSS
• CSS Editors Shape
• Twenty CSS Optimization Tips performance
Javascript
• Why did a person from the Java world become an ardent supporter of Node.js and JavaScript?
• What is testing and why should we do it? The first article in a five-part series about testing in JavaScript
• Node Hero — Node.js Security Guide
• Babel 7 JS Transpiler Release
• So what's new in Babel 7?
• What will appear in JavaScript 2018: asynchronous generators, improved Regex
• JS in examples: 8 different options for using JavaScript Array Slice
• aiji - a supervised collection of inspiring JS applications that work with AI
• A quick introduction to web workers
• Overview of JavaScript timers on the web
- Typescript:
• TypeScript and Babel 7
• Quick Guide to TypeScript
• How my team accidentally switched to TypeScript and loved it
- React:
• Good code writing practices with React and Redux
• Validating React Component Props with prop-types
• React Performance - a complete guide to optimizing key performance problems in React
• Props and PropTypes in React
• React Lesson: Creating and Protecting Your First applications
• Evolution React
• code-surfer - React-component for scrolling, zooming and highlighting code snippets
• boilerplate.react.spa.full-server - preparation for creating a SPA on React, with a full server.
- VueJS:
• Two books on Vue.js came out in translation: Greatness of Vue.js 2 and Testing Vue.js components using Jest
• Mastering Vuex - from scratch to hero
• Creating applications on Vue.js
• vue-goodshare - vue.js component for social sharing
• A complete guide to using Font Awesome icons in Vue.js applications
• tiptap - a renderless rich-text editor for Vue.js
- Angular:
• Angular: the unobvious possibilities of directive selectors
• The mechanism of binding events in Angular
• Angular 6 CRUD from scratch, a guide with an example
• How to use the Material Design in Angular 6
- Libs & Plugins:
• turbo-json-parse - turbocharged JSON.parse for stable JSON data
• shimport - use JavaScript modules in all browsers, including dynamic imports
• reworm - the simplest way to manage application state
• lazyestload.js - loading images only when they hit the visible area
Browsers
• Firefox decided by default to block tracking of movements between sites
• Firefox develops a contextual recommendation system for add-ons
• Analyzes the portability of the API of modern web browsers
• Mozilla published statistics on the use of Firefox
• Mozilla published a report on how people use the desktop versions of Firefox
• Google prevents defensive solutions from injecting into Chrome processes
• New Mobile Chrome feature will disable scripts for slow connections
• Ecological impact of browser diversity
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