The digest of fresh materials from the world of the frontend for the last week №247 (January 23 - 29, 2017)

We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Record video from Web Standards Days in Moscow, 2017
• Web standards podcast, Release # 52 : Moz: // a, date entry, checklist, Webpack 2, React on web components, stern Unix, accessibility.
• Web animation in 2017
• Performance:
  
  
  • 33 ways to speed up your frontend in 2017
  • Acceleration Lenta.ru: 3 people, 2 weeks, improved viewing depth by 27%
  • How to dramatically improve the performance of your site (part 1)
  
  
• HTML:
  ')
  
  • HTML5 semantics: content types and new elements
  • HTML vs HTML5 - what's the difference?
  • Terms of use of ARIA in HTML
  • Simplify the layout of responsive HTML emails using MJML
  • Need Lorem Ipsum? Inside HTML?
  
  
• Service Workers:
  
  
  • Who are you, Service Worker?
  • Offline-first for your template site (part 2)
  • Implementing "Save For Offline" with Service Workers
  
  
• Creating an accessible auxiliary tooltip
• Webpack Tutorial: understanding how it works
• npm for newbies: a guide for frontend developers
• How should we load web components?
• Illustrated algorithms: Algorithm → AST → CSS (3 x JavaScript)
• Map Rollovers . The implementation of the effect of guidance on the SVG map

CSS

• And if without JavaScript?
• Understanding the visualization process
• CSS animations: Transitions and Animations. Motion Path Module CSS
• The new display: flow-root is not clearfix, but what is it and why?
• The Flexbox cheat sheet from Yulia Bukhvalova, with live demos and specs definitions
• Is the clearfix hack time coming to an end?
• Let's take a look at 50+ interesting CSS properties and values.
• Simple CSS Grid Usage
• Simple CSS animation using @keyframes
• How making hundreds of hip-hop bits helped me understand HTML and CSS
• A Step-by-Step Guide to the CSS Grid Auto-Algorithm
• Sass fun demos
• CSS architecture for multiple sites using SASS
• Opinions of opinion leaders are harmful.

Javascript

• Javascript standard
• Where will the JavaScript frameworks move in 2017?
• Refactoring 30,000 lines of JS code using types
• Usefulness of useless javascript frameworks
• Meteor in 2017
• What's new in jQuery 3 || 17 added features and how to use them
• Prototype Inheritance in JS Explained with CSS
• JavaScript array methods: mutable and immutable
• Filtering and chaining in functional javascript
• As I wrote the world's fastest library to memoize
• Work with HTTP streams from Cycle.js
• ES2015 +:
  
  
  • Async / await is a step back for javascript?
  • How to use the JavaScript Fetch API to get data
  • Preparing for a JavaScript interview: what is a promise?
  • Regular ECMAScript will be even better!
  • Offer for ES: SharedArrayBuffer and atomics
  • ES6 and beyond: PayPal workshop (January 2017)
  
  
• Angular:
  
  
  • Angular or React - try both, it's worth it
  • Deep immersion in Angular decorators
  • Our journey of migrating 100k lines of code from AngularJS to React (part 1)
  • Introduction to Observable for Angular Developers
  
  
• React:
  
  
  • Release React 15.5 and 16 Umbrella
  • Better practice on writing React components
  • Redux with React - First Look
  • Optimizing the performance of your React Application
  • react-redux-universal-boilerplate
  
  
• Vue:
  
  
  • Jest for all: Episode 1 - Vue.js
  • State management in Vue.js with Vuex
  
  
• Libs & Plugins:
  
  
  • tilt.js - tilt effect with requestAnimationFrame and 60 + fps
  • qart.js - a QR code generator that combines the code and the image itself

Browsers

• Improvements in Chrome and Firefox accelerated page reloading by 28-50%
• Firefox 51 release , + technical details on Marat Tanalin's blog
• Testing Firefox 52-beta and Firefox Developer Edition 53
• Launch Chrome 56 Web Browser
• New Safari , among which CSS Grid Layout
• Google Chrome and Mozilla Firefox will make security markings more intrusive.

Entertaining

• After MongoDB, attacks on CouchDB, Hadoop and ElasticSearch began.
• “It was one of the most terrible career days”: how inexperienced IT-company employees make mistakes
• Long-livers in the field of IT: the oldest of the existing programs and other veterans of computational labor
• A story about a bad programmer, or How not to go to IT
• Popular programming technologies in 2017 - research by Stack Overflow and other companies
• High-speed code simulator for programmers
• IBM experts made five predictions about life in 2022.
• Difficult people in IT and what to do with them?
• Why the collapse of Xiaomi will bury the idea of ​​affordable smartphones
• Vitaly Friedman: "Advertising does not work, because every third reader uses adblocker . " Interview with Vitaly Friedman, founder, editor-in-chief of Smashing Magazine.
• Denmark will nominate the world's first “digital ambassador” to negotiate with Apple, Google and other corporations.
• How WASD became the standard PC control circuit
• What technology tricks and tricks modern detectives use
• The next big technical revolution will happen in your ear.
• The robot proved that it is not a robot, bypassing the corresponding captcha
• Future technology Alphabet divisions are still unprofitable, but losses are decreasing and revenue is growing
• Gmail will block attached .js files from February 13th, 2017

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 by dersmoll and alekskorovin