The digest of fresh materials from the world of the frontend for the last week №236 (November 7 - 13, 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

• Public website accessible to people with disabilities (accessibility checklist)
• Meet HTML5.1: a major update of the standard that no one noticed
• Apply Google AMP in WordPress
• How to poison a mobile user
• Getting on the rails of the full stack: Frontend (Full Front Rails: The Frontend part 1)
• FormLinter is an online tool to help improve forms on your website.
• The SVG 2 Conundrum
• About the features of the Chinese language on the Web (Chinese language on the web)
• Comparison of data serialization formats: JSON, YAML, BSON, MessagePack (Data Serialization Comparison: JSON, YAML, BSON, MessagePack)
• Progressive web applications: what are they really about? (Progressive Web Applications: What Exactly Are They?)
• 10 tips and tricks that will make you npm ninjas (10 Tips and Tricks Ninja)
• Rethinking responsive design . Reflections of Yuna Kravets (Rethinking Responsive Design)
• How to participate in an open source project on GitHub (How to contribute to an open source project on GitHub)
• Spectacular three-dimensional calendar (Cubes Advent Calendar)

Media

• Podcast Web Standards, Release №41 : HTML 5.1, async, variable fonts, calendar, dangerous API, WebAssembly, JS templates, JS loading, position: sticky, SVG graphics, Stack Overflow, tests and toys.
• Video recordings from WSD in Minsk 2016
• Lectures Tehnotreka. Basics of web development (spring 2016)
• Large collection of English and Russian channels for front-end developers
• Some videos from Chrome Dev Summit 2016: Progressive Performance , The Debugging The Web

CSS

• Web Typography Control Methods
• Comparison of OOCSS, SMACSS, Atomic and BEM using the example of the Holy Grail Layout layout
• If CSS is so simple, why is everyone getting messed up in it? (If CSS is so easy why does everyone suck?)
• The state of adaptive 3D forms (The State of Responsive 3D Shapes)
• Explaining how pseudo-classes CSS work with code and diagrams
• The power of color functions rgba () in CSS (The Power of the rgba () Color Function in CSS)
• @supports will change your life (@supports will change your life)
• Problem with PostCSS (The Problem with PostCSS)
• Start using the CSS of the future with PostCSS-cssnext
• Rotate page elements with CSS variables (Rotate page elements using CSS variables)
• Fix specific CSS bugs in Outlook (Fixing bugs with Outlook specific CSS)
• CSS Architecture for Design Systems (CSS Architecture for Design Systems)
• CSS Grid, Flexbox and Box Alignment: our new web layout system
• Sprite Spirit - Generator and SCSS Mixin, which facilitates the creation of sprites

Javascript

• Many JS packages in one repository
• Math in javascript
• Jasmine vs. Mocha, Chai and Sinon
• You may need jQuery (You Might Need jQuery)
• Bulk Cheat Sheet by JavaScript (The Ultimate JavaScript Cheat Sheet)
• Fighting Ebola with JS (Fighting Ebola with JavaScript)
• Javascript async and await - what problems do they solve? (Javascript's async and await - what do they solve?)
• Writing a JavaScript framework - Data binding with ES6 Proxies (Writing a JavaScript Framework - Data Binding with ES6 Proxies)
• Technological radar on frameworks and libraries (TECHNOLOGY RADAR)
• Error logging in client applications (Logging Errors in Client-Side Applications)
• Pacman Game Build Course (Build Pacman)
• Angular:
  
  
  • Only by releasing Angular 2, Google announced the imminent release of Angular 3.
  • Please stop worrying about Angular 3
  • Fundamentals of AngularJS 1.x, Part 1 (AngularJS 1.x Fundamentals (Part 1))
  • Migrating from Angular 1 App to Angular 2, Part 2
  • Current interview questions for Angular 1.x (Modern Angular 1.x essential interview questions)
  • Testing Services in Angular 2 (Testing Services in Angular 2)
  
  
• Vue:
  ')
  
  • Vue.js 2: data transfer between components
  • Four things done right in Vue.js (4 Things Vue.js Got Right)
  • Creating a ToDo application on Vue.js, part 1
  
  
• React:
  
  
  • Internationalization for Redux / React projects
  • Seven months with Redux: two things that my team learned along the way
  • What we learned after using React Native for a year
  • How I learned React and you can do the same (How I learned and how you can)
  • Typed Redux (Typed Redux)
  • Testing React Native and Redux (Testing React Native and Redux)
  • Fighting for component independence (Fighting for Component Independence)
  • Multifactor authorization in React applications (Multifactor Authentication in your React Apps)
  
  
• Practice:
  
  
  • Creating tabular markup for future use in Angular 2 projects
  • Creating an application on Vue 2 using Vue-router
  • Creating a media library using React, Redux, and Redux-saga - Part 1
  
  
• Plugins:
  
  
  • turbo.js - performing complex parallel computing at the expense of the GPU, getting the results available in JS
  • DOM animation using Anime.js
  • jquery-linechart - JQuery plugin for creating scalable graphs on HTML / CSS / JS, inspired by the graph on kinopoisk.ru
  • JSCITY - visualization of the source code of libraries in the form of cities
  • whitestorm.js - a framework for developing 3D web applications with physics

Browsers

• "Browser War" Google Chrome continues - news from the fields
• Chrome for Android will begin to support virtual reality
• The browser addon Web Of Trust, installed 140 million times, sold user data
• Internet Explorer lost 331 million users and ceded leadership to Chrome
• Firefox introduces multi-process content processing and Quantum Compositor.
• Technical details of Safari Technology Preview 17
• Mozilla Push Server now supports headers
• Position Sticky in Chrome 56
• The ability to simulate a slow connection will be added to Firefox DevTools

News and entertaining

• Google started testing the mobile-first index , Everything that is known about the mobile-first Google index
• The share of HTTPS connections in Chrome on desktops exceeded 50%
• Google closes Map Maker's “folk maps” and this time for ever
• Facebook has created an AI-platform that allows you to process video on mobile devices in real time
• The new Adobe tool imitates the voice of a person after 20 minutes of training.
• We're f * cked: Silicon Valley Reaction to Donald Trump's Victory
• Tim Cook wrote a letter to Apple employees in connection with Trump's victory in the elections and urged to rally
• All against Apple: criticism of the company in advertising competitors
• MulDrop Trojan found over Google Play, downloaded over 1,000,000 times
• Yahoo for the first time questioned the ability to sell its business because of the theft of data 500 million accounts
• Cognitive technologies in business
• On the death of PC: computers lose the web
• Google shared tips on creating indexed PWA
• "The media embellish the capabilities of artificial intelligence"
• How Twitter bots influenced US elections
• Pixel Google Smartphone Review: Going for the Bull's Eye
• Where did Mirai come from? Understanding how a botnet is built from video cameras
• Push notifications in the browser 1.5 years later: statistics and tips

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.

* * *

Most JS Frameworks Day - December 4 in Kiev will host a large-scale annual conference dedicated to JavaScript.

Reports are planned in 3 streams, Q & A session with speakers, backstage discussions, activities from partners and organizers, food and of course - afterparty.

Speakers: Mathias Buus, Tero Parviainen (Angular 2 docs contributor), Gerard Sans (Angular Google Developer Expert, Founder of AngularZone), Michael North (CTO of Levanto Financial, former UI Architect at Yahoo), Evgeny Zharkov, Andrey Shumada, Ilya Klimov and not only.

Stated topics: React, Angular 2, RxJS 5, Native Web Components, data migration to Node.js REST API And MongoDB; understand how to be a good front-end developer and that's not all.



Especially for readers of our digest is available promotional code " frontenddigest " at a discount of 15%.

← Digest last week
»Material prepared by dersmoll and alekskorovin