The digest of fresh materials from the world of the frontend for the last week №252 (March 27 - 5, 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

• Podcast Web Standards, Issue # 57 : Safari TP24, browsers in 2017, custom properties, make great again, new HTML header, nerve open source, W3C versus WHATWG.
• Impostor Syndrome: a battle with front end fatigue
• Visual Studio Code 1.10 Released
• How to watch video from front-end conferences
• Trends in the frontend instrumentation in 2017
• About functional programming in the frontend
• ebaytechblog: effective front-end code review
• Performance:
  
  
  • Browser frontend optimization
  • Performance Testing with User Timing API
  • The state of adaptive images in 2017
  • Analysis rel = preload from the team Chrome Data Saver
  
  
• WebAssembly:
  ')
  
  • WebAssembly technology is recognized as ready for inclusion in default browsers.
  • Illustrated introduction to WebAsse Assembly
  • Creating and Introducing WebAsse Modules
  • What makes WebAssembly so fast?
  • Where is WebAssembly now and what's next?
  
  
• What is JSON? Introduction and Beginner's Guide
• How to create your own progressive image downloader
• Progressive Web App Libraries in Production Libraries

CSS

• Creating images on CSS makes a maker-up better, or What to do during long winter evenings
• Unknown CSS depths: font metrics, line-height and vertical-align
• CSS custom properties. The basics
• February meeting pitercss №10
• Scaled CSS Naming Conventions
• Breakpoints: Don't Box Me In . About the harmonization of breakpoints in responsive design
• CSS Grid Layout:
  
  
  • Basic concepts grid layout , article from Rachel Andrew on MDN
  • Detailed guide to CSS Grid Layout by Hui Jing Chen on codrops
  • Learning CSS Grid Layout
  • Selection of actual resources on learning CSS Grid
  • Grid + Flexbox: the best combination for web markup
  
  
• Creating Responsive Grid on Flexbox with Less
• Do you really know CSS linear-gradients?
• Implementing Critical CSS on your site
• About container queries
• Spectacular animation of text in the style of video screensavers
• CSS examples of block border hover animation

Javascript

• React or Vue? Choosing a library for front-end development
• Promises on the example of a burger party
• Setting up the project on Node.JS from scratch . Video as part of the Node.JS course of the javascript.ninja project
• MinskJS Meetup # 1
• Upgrade to Babel 7 (WIP)
• Quick tip: how to sort arrays of objects in javascript
• Everything I learned from # Javascript30
• A suggested map for solving JavaScript development issues in 2017
• The real history of the era of ECMAScript 4
• Work with the JavaScript Battery API
• 5 advanced Javascript and debugging techniques you should be aware of
• Testing Routes in Angular 2
• How we migrated the 200K + LOC project to TypeScript and survived to tell this story.
• Hot reboot everything! . How to use Webpack to reach Hot Module Replacement on backend and frontend for more productive development
• Asynchronous vs Deferred JavaScript
• React:
  
  
  • 5minreact podcast # 6 - React 15.5 and 16 Umbrella
  • 6 cornerstones for React
  • How to work with forms with React
  • Converting a large code base React with Coffeescript to ES6
  • Functional setState is the future of React
  • Performance Optimization for React: Part 2
  • React Additive Improvements
  • Three things I learned while working with data in Redux
  • eslint-plugin-jsx-a11y - static analyzer supporting a11y rules in JSX elements
  
  
• Vue:
  
  
  • BEM class generator for Vue.js
  • Update Vue.js to version 2.2
  • Creating a short story using SVGs and Vue.js
  • Creating a To-Do application using Vue.js 2
  • Review: Vue.js frameworks for creating mobile hybrid applications
  
  
• Plugins & libs:
  
  
  • Implementing Pull to reload for the web . Works in both mobile and the rest of the web.
  • neurojs - a deep learning javascript framework for the browser
  • Store.js - 2nd version of library for work with storages in browser
  • Anchorme - a library for converting links found in text into anchor links
  • BigPicture.js - a plugin with the functionality that allows you to view the image / video in the pop-up panel by clicking on the thumbnail (BigPicture.js - Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.)

Browsers

• Firefox starts testing context containers
• V8: Behind the Scenes (Feb. TurboFan Story)
• Which browser is the fastest under Linux?
• Safari loses users by imitating IE

Entertaining

• Mozilla acquired the delayed reading service Pocket . How did the service for deferred reading Pocket evolve and what will change after its sale of Mozilla?
• HTTPS bypassed HTTP: secure protocol distribution reached a turning point
• "Yandex" is recognized as the most expensive company Runet
• Ryzen 7: the world release of the long-awaited trio
• CoinDesk: Bitcoin rate for the first time exceeded the cost of an ounce of gold
• It self: the failure of Amazon cloud services was caused by the company's employee
• “I was just asked to balance the binary search tree at the airport”
• Budget IoT. How to save on light bulbs, combine home gadgets and fool Siri
• Digital heritage: What will happen to your accounts after death
• Free HTML5 and JavaScript game engines
• How a vigilant robot can create problems for a good citizen
• Boston Dynamics officially unveiled the Handle
• NASA has published a simulator of the astronaut in outer space and many other software
• Less than a year: Google closes Messenger Spaces
• The developer has bypassed Google's “captcha” using Google's speech recognition.
• “IT companies are too big to be honest”
• What feeds pessimism in IT?
• New Zealand offered a free trip to the country for candidates for IT specialties
• The difference between Apple and Google was explained using their patents.

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