The digest of fresh materials from the world of the frontend for the last week No. 235 (November 1 - 6, 2016)

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

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

• Podcast Web Standards, Issue # 40: Chromium 54, Safari TP16, Mozilla, Servo and engine development, tables, Node.js 7, standards and polyfiles, border-image, Dave Shea about blending modes.
• Video of reports from the FrontTalks conference held on September 17 and 18 in Yekaterinburg
• Accelerated Mobile Pages . Yuri Matyukhin shares his experience
• SVG and media queries
• Chrome, Firefox and Edge have moved to a new phase of testing technology WebAssembly
• Hi, raster vector: three simple ways to use SVG
  (Bye raster, hello vector: 3 ways to use SVG easier)
• Quiz: how well you know the HTML parser (HTML parser quiz)
• Bootsrap 4: what's new and what has changed in Bootstrap 4 , as well as a cheat sheet with class names
• FlyWeb View - a set of new Mozilla APIs for creating local web servers and services (Introducing FlyWeb)
• Connecting virtual worlds: hyperlinks in WebVR
  (Connecting Virtual Worlds: Hyperlinks in WebVR)
• Links mailto: let the user choose himself
  (Mailto links: Letting the user decide)
• The web is not fashionable, or how I learned to love the web
  (The Web is not Fashionable. Or: How I Learned to Love the Web)
• Viewports study, part is next
  (Viewports research, part umpteen)
• What programming language should you learn first?
  (What programming language should you learn first? Ʇdıɹɔsɐʌɐɾ: ɹǝʍsuɐ)
• Performance:
  
  
  • 10 principles for smooth animation in the web (10 principles for smooth web animations)
  • Stop combining your CSS / JS (Stop Concatenating Your CSS / JS)
  • Web performance (Web Runtime Performance)
  
  
• Availability:
  ')
  
  • Availability of sites for the smallest
  • Tools for Developing Accessible Websites
  • 10 things that are missing on your site (10 things your website might be missing)
  • Why semantics matter (Why do semantics matter?)
  
  
• Instruments:
  
  
  • 2016 Front-End Instrument Questionnaire (Front-End Tooling Survey - 2016)
  • Faster and more reliable CI builds with Yarn (Faster, More Reliable CI Builds with Yarn)
  • RFC: Webpack Performance Budget (RFC: Webpack Performance Budgets)
  • webpack-bundle-analyzer - bundle content visualizer (webpack-bundle-analyzer - webpack plugin and CLI utility that represents bundled content as convenient interactive zoomable treemap)
  
  
• Spectacular Media Popups (Artsy Media Pop Up Effect)
• Create a radial fill progress bar (Making a Donut Progress Bar)

CSS

• Announce Dart Sass
• Web fonts, guys, well, I don't even know (Web fonts, boy, I don't know)
• How and why you should inline critical CSS
  (How and Why You Should Inline Your Critical CSS)
• Things I've learned about CSS Grid Layout (Things I've Learned About CSS Grid Layout)
• [IT lecture hall]: SS standard: how and why was it invented?
• CSS Motion Path as of October 2016
• Webkit Blog: Variable Fonts on the Web
• Modern CSS Reset (with reservations) (A modern CSS reset (with caveats))
• 8 simple rules for robust, scalable CSS architecture
  (8 simple rules for a robust, scalable CSS architecture)
• Frontend Architecture, Part 2: Brand Variables
  (Front-end Architecture: Part 2 - Brand Variables)
• How to build a responsive grid system (How to build a responsive grid system)
• About semantic class names (Semantic class names: are you being too generic?)
• CSS Post Processors for Beginners: Tips and Resources
  (CSS Post-Processors For Beginners: Tips and Resources)
• Continuum Q: Using q units in CSS
  (The Q Continuum: Using q Measurements In CSS)
• Poll: Should CSS become more like a programming language?
  (Poll: should CSS become more like a programming language?)
• Why does HTML think that “chucknorris” is a color? (Why does HTML think “chucknorris” is a color?)
• glamor - embedded css in React applications (glamor - inline css for react et al)

Javascript

• JavaScript and SEO in 2016
• $ mol: reactive micromodular ui-framework
• Details about the version of Node.js v7
  (Node.js v7 - URLs, deprecation warnings and a better developer experience)
• Collaborative scheduling with requestIdleCallback
  (Cooperative Scheduling with requestIdleCallback)
• Theory:
  
  
  • Pattern Strategy JavaScript
  • Vanilla JavaScript vs Frameworks and Libraries - in Search of a Good Balance (Finding a good balance)
  • Javascript Fatigue Curriculum
    (Fatigue A Study Plan To Cure JavaScript)
  • Is javascript always the best solution?
    (Editorial: Is JavaScript always the Best Solution?)
  • Wars javascript How did we get here? (The JavaScript Wars. How did we get here?)
  • Closures in JavaScript with examples (Closure in JavaScript through examples)
  • Making Your JavaScript More Functional (Making Your JavaScript More Functional)
  
  
• Practice:
  
  
  • Creating Shaders with Babylon.js (Building Shaders With Babylon.js)
  • Getting started with MobX: a simple example
    (Getting Started With MobX: An Easy Example)
  • Creating dynamic tables in seconds from any JSON data
    (Make Dynamic Tables in Seconds from Any JSON Data)
  • Software sound generation with javascript
    (Generate Sounds Programmatically With Javascript)
  
  
• React:
  
  
  • 9 useful tips for those who start to get acquainted with React.js
  • Autocomplete Widget with React autofill widget
  • Do I need a library for routing? (Do I Even Need A Routing Library?)
  
  
• Angular:
  
  
  • Angular 2 - we leave from recognition of changes
    (Angular 2 - Escape From Change Detection)
  • Future Angular 1.x, what next? (The future for Angular 1.x, what next?)
  • Simple authorization with Angular with JSON web tokens
    (Easy Angular Authentication with JSON Web Tokens)
  • Angular 2 - how to take advantage of the exportAs property
    (Angular 2 - Take Advantage Of The exportAs Property)
  • Angular 2 testing in details: services (Angular 2 Testing In Depth: Services)
  
  
• ES6:
  
  
  • Promises in Javascript: Why and How (Javascript Promises; the Why and the How)
  • Six small but cool features ES6 (Six Tiny But Awesome ES6 Features)
  • Introduction to ES6: Variables , switch functions (Getting to Grips with ES6:)
  • Use the best of ES6 everywhere (Use the coolest ES6 features everywhere)
  • Calculated tag functions for ES6 template literals
    (Computing tag functions for ES6 template literals)
  
  
• Vue:
  
  
  • Replace jQuery with Vue.js in your next project with Bootstrap
    (Drop jQuery from your Bootstrap project and replace it with Vue.js)
  • VueJS: enumerating list items (VueJS: Loop List Elements)
  • VueJS: conditional hiding / display (VueJS: Conditional Show And Hide)
  
  
• Plugins:
  
  
  • utransition , a micro library that simplifies animation creation and management in JS
  • typeis.js - simple and intelligent data type detector
  • Lightflow - a library for managing the flow of promis for the browser and Node.js
  • SkateJS - a library for writing functional, lightweight and cross-framework compatible web components according to W3C specifications
  • egjs - library with a set of interactive UI components
  • Recordy - recording from a microphone and adding an effect right in the browser

Browsers

• Firefox 52 will remove the battery level API to preserve user data privacy
• Chrome for Windows has become 5% -15% faster due to new optimizations
• Microsoft is trying to increase the share of Microsoft Edge using bonuses
• Microsoft Edge bypasses Chrome and Firefox in a security test
• Internet Explorer and Edge have lost 40 million users.
• New element view input type = "date" in Firefox
• Firefox Nightly News - support async / await (Firefox Nightly News - async / await support in Firefox)

News and entertaining

• Internet users logging in from desktops are smaller than mobile
• Pornhub bypasses ad blockers with webocards
• Microsoft launched the service for teamwork Teams, which is part of Office 365
• Quiz: Do you know well stack overflow?
• Statistics of Western social networks: monthly audience, user income, brand presence
• Does the domain zone affect search results?
• Smart light bulbs called the threat of an epidemic on the Internet of things
• Alphabet AI: "Recurrent neural networks"
• Mobile gadgets overtook PC access to the Internet
• Android has become the best-selling mobile system in history.
• Duo Security: 65% of users still prefer Windows 7
• Why Linux pioneer Linus Torvalds prefers x86, not ARM
• How fast do hackers break into a toaster with an internet connection?
• "Dear Microsoft", - a letter from Slack
• Why Slack might regret because of his letter to Microsoft
  (Why should slack my letter to Microsoft)
• New MacBook Pro - no longer Laptop for developers part 1 and 2
  (New MacBook Pro is not a Laptop for Developers Anymore)

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 .
“The material was prepared by dersmoll and alekskorovin .