The digest of fresh materials from the world of the frontend for the last week №248 (January 30 - February 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

• Web standards podcast, Release №53 : Safari, Chrome and Firefox releases, HTTPS and forms, new cliarfix, CSS imports, service workers, JS history and Sbertech frontend.
• Front-End Developer Handbook 2017
• 14 important site performance metrics that you need to analyze
• What are your thoughts on Accelerated Mobile Pages (AMP)? Developers share experiences
• Beginner's Guide for Webpack 2 and Module Assembly
• How we created our own MarsMan front-end framework (and why)
• Responsible use of HTTP / 2: adaptation for users
• Security and availability when opening links in a new window
• Introduction to SVG light filters and light sources
• Basic screen reader commands for accessibility testing
• Filament Group: Accessibility Support in a Responsive World
• Web tools created in Mozilla
• The history of the redesign of Smashing Magazine by Sara Soueidan
• MageConf 2016: “Web accessibility: a code that can make the world a better place” , “WebVR: current status and overview”

CSS

• Published new official CSS definition (CSS-2017)
• Variants of "clearfix hack" and its replacements: pivot table
• How the Flexbox Works - Explained on Large, Colorful GIFs
• The power of CSS color function rgba ()
• CSS Grid Layout:
  
  
  • CSS grid enabled by default in Chrome M57
  • developers.google.com: CSS Grid - table layout returns. Be there and be square.
  • developer.mozilla.org: What is grid layout?
  • Debugging grids using standard Firefox Dev Tools
  
  
• How calc () works
• A collection of guides for popular CSS grids
• How to create the effect of targeting, depending on the direction
• Making available checkboxes and radio buttons on pure CSS
• More readable CSS using custom CSS properties
• Pocket guide to graphics and animation on CSS
• CSS pseudo-classes:: not () and: target
• Runway - online CSS style generator
• Tuesday.css - the “hottest” CSS animation library at the moment
• CSSRooster - a bot that writes CSS classes for HTML using Deep Learning

Javascript

• Friday JS: How to be inspired by Smalltalk and go to hell
• Callbacks on the example of a list of homework
• 17 jQuery 3 innovations and tips for using them
• Got Node.js skills? Coming soon official certification service.
• Native ECMAScript modules: new properties and differences from Webpack modules
• A brief history of JavaScript: Part 1 , Part 2 , Part 3
• Beginner's Guide to Variables and Data Types in JavaScript
• Indenting is the enemy: write simpler javascript
• ES2015 +:
  ')
  
  • Sandwich party promise (alternative introduction to javascript promise)
  • Book Exploring ES2016 and ES2017
  • New ES7 and ES8
  • async / await with ES6 generators and promises
  • Video tutorial "ES6 arrow functions with three exercises"
  • JavaScript will finally have the correct asynchronous programming.
  
  
• Vue:
  
  
  • 5 ideas of Vue.js that you will love (even if React suits you completely)
  • OpenLecture # 2017.1 - Let's Vue! . Record of a lecture by Ilya Klimov on the Javascript.Ninja channel
  • A series of articles "Intro to Vue.js" on css-tricks:
    Rendering, Directives, Events , Components, Props, Slots , Vue-cli and Lifecycle Hooks , Vuex , Animations
  • Keen UI is a lightweight collection of basic UI components written in Vue.js and inspired by Material Design.
  • avoriaz - a utility for testing Vue.js
  
  
• Angular:
  
  
  • The next version of Angular is Angular v4.
  • Classes Angular 2+ with NgClass and NgStyle
  • Angular in the real world: part 1: this is not the TODO list! , part 2: this is the world of Material!
  
  
• React:
  
  
  • Setting up a React environment using webpack and Babel
  • How to create, test and deploy React applications in 2017
  • What happens when RxJS is used in React?
  • When do you need a flux library? Explanation on the example of the machine
  • CRAFT: create React App From Template
  • react-redux-grid - React is a table / tree component written using the Redux pattern
  
  
• Libs & plugins:
  
  
  • Mithril 1.0.0 - another modern library for creating SPA
  • gotoem - copying to clipboard for modern browsers (less than 1Kb)
  • sixflix - defines support for ES6 in an environment using the Netflix algorithm
  • vanilla-tilt.js - Tilt.js version without jQuery
  • json-to-js converter

Browsers

• Microsoft is losing ground in the desktop browser market, and Chrome continues to execute its winning march
• Google experts talked about rendering optimization in Chrome
• Classmates and Mozilla released a special version of Firefox
• Microsoft Shows Edge Browser Features In Windows 10 Creators Update
• Google opened Chrome for iOS and plans to open Google Earth Enterprise
• Chrome has lost the means to disable the module with DRM support

Entertaining

• sudo rm -rf, or Chronicle of the incident with the database GitLab.com from 2017/01/31
• Microsoft has introduced a virtual file system for Git
• Game mode in Windows 10 - what it is and why it is needed
• ZDNet: In 2017, Microsoft will release "lightweight" Windows 10 to compete with Chrome OS
• Google opened the Mobile Friendly Test API.
• Five IT-companies that no longer require a diploma from candidates for work
• Apple has record revenue and a new record for iPhone sales , but Despite financial success, Apple's brand value has dropped by $ 38 billion.
• Tablet market shrinks for the ninth quarter in a row
• Ilon Musk, Stephen Hawking and hundreds of other experts signed a list of 23 principles for the development of AI
• Mozilla closed the Firefox OS project and fired system developers
• How IT companies are promoted on Trump's immigrant decree
• "I test the device in my imagination, spending money on it is just stupid"
• Artificial Intelligence has outraged the world's best poker players.
• Working at a computer in old age reduced the risk of "moderate dementia"
• “IPhone won't take a significant market share”: worst predictions about technical progress
• The proportion of HTTPS hits among Firefox users has exceeded 50%

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