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

• Google Chrome Developer Console: Ten Unobvious Utilities
• Podcast Web Standards, Release №43: Opera DevRel all, Safari TP18, Firefox 50, CSS gateways, inline styles, print, grids in the spring, new DL, Atom without Shadow DOM, 42, Medium.
• Improved comment form . From basic to improved error messages to background sync
• AMP, Instant Articles, Instant View, whut?
• SVG patterns
• Random Interesting Facts from HTML / SVG Usage (Random Interesting Facts on HTML / SVG usage)
• Top monospaced fonts for writing code (Top monospaced fonts for coding)
• Demonstrate a Bluetooth Web and Physical Web with a Dancing Robot
• How to read web specs, or WebVR, how do you work? (How to read web specs Part I - Or: WebVR, how do you work?)
• The difference between role = "presentation" and aria-hidden = "true"
• How open sourcing Bootstrap made it huge (How Open Sourcing Bootstrap Made It Huge)
• Gloria is a new static site generator like jekyll, but using javascript
• Elm for the frontend, now (Elm for the Frontend, Right Now)
• Please do not learn from stock photos (Please Don't Learn To Code From Stock Photos)
• Spectacular web:
  
  
  • How to make the effect of approaching the image in the header when scrolling (How to Zoom Hero Images on Scroll)
  • The effective implementation of the slopes of the layer at an angle when hovering (Tilt Hover Effects)
  • Cheap parallax with javascript and css transforms

CSS

• Grid, flexbox and block alignment: our new layout system
• I completely forgot about print styles.
• CSS Reference - a visual guide to CSS properties, with examples and an interactive demonstration.
• CSS inheritance, cascade, and global scope: your new / old worst / best friends (CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends)
• Styling list markers in CSS (Style List Markers in CSS)
• Should I try to use IE implementation for CSS Grid Layout? (Should I try to use the IE Grid Layout implementation of the CSS?)
• Switching states with CSS Keyframes (Swapping State with CSS Keyframes)
• Font style matcher - selection of fonts for optimal fallback
• Simple CSS Tooltips - tooltips with css variables and es6
• How to use variables in CSS
• Is the Flexbox ready for prime time already? (Is CSS Flexbox ready for prime time yet?)
• CastleCSS launched, a new static framework
• Vertical Alignment in CSS for All (CSS Vertical Align for Everyone (Dummies Included))
• CSS selectors explained on the example of shopping on the machine
• PostCSS plugin for easy implementation of CSS grids
• High Contrast, A PostCSS Plugin Story
• Two questions that I constantly ask when writing CSS (2Questions to constantly ask while writing CSS! EP1)
• How to add depth to your design with multiple boarders
• How to make translucent borders or paddings without background color

Javascript

• The technology stack JavaScript from scratch (translation of materials "JavaScript Stack from Scratch")
• JavaScript is not the enemy of accessibility (JavaScript is not the enemy of accessibility!)
• Writing your styles in JS ≠ Writing your styles in JS ≠ Writing inline styles
• Writing efficient JavaScript (Writing efficient JavaScript)
• Polyfill JavaScript only when needed (Polyfill JavaScript Only When You Need To)
• Why am I grateful to "fatigue from JS"
• Future Aurelia - roadmap and future opportunities
• Explanation of closures and scope chains in JavaScript using examples (Explaining JavaScript Closure & Scope Chain with Examples)
• Setting up a minimal, useful environment for JavaScript development (Setting up a Minimal, Yet Useful JavaScriptDev Environment)
• Introduce components into markup: React vs Angular 2
• React:
  ')
  
  • React.js in Russian. Part four
  • Five-Minute React podcast: # 1 - React Fiber , # 2 - JSX 2.0 , # 3 - Hot Module Replacement or React Hot Loader?
  • React - One year later
  • How to deal with routing in React (How to Handle Routing in React)
  • Why Redux Requires Reduces to Be “Pure Functions”
  • React snippets: debugging component performance with ES7 annotations (React Snippets: Debug Component Performance with ES7 Annotations)
  
  
• Angular:
  
  
  • We get the properties of Angular 1 in Angular 2
  • How to recognize posts on Angular 1.x with outdated practices (Spotting Outdated Angular 1.x Posts)
  
  
• Vue:
  
  
  • Minimalist application framework on Vue.js applications (inspired by Next.js)
  • Creating an application with Vue v2 JS using Vue-router (Building a Vue v2 JS app using Vue-router)
  
  
• ES6:
  
  
  • 6 more small but cool properties in ES6 (Six More Tiny But Awesome ES6 Features)
  • ES6 iterators and generators in practice
  • How to read specifications on the web, part 2 - Or: ECMAScript Symbols
  
  
• Practice:
  
  
  • WebRTC: Making a peer to peer javascript game
  • How to create a simple, easy and versatile JavaScript slider
  • Creating pagination with Laravel and Vue js
  
  
• Plugins:
  
  
  • query-state - storing state in the query string
  • gDriveSync.js - wrapper for Google Drive API v3
  • HolographicJS - Windows component for running Windows applications Holographic created with Javascript and WebGL
  • Amazon Autocomplete Plugin
  • intercooler-js - makes AJAX requests using HTML attributes

Browsers

• Testing Firefox 51-beta and Firefox Developer Edition 52
• NoScript adds support for multiprocess mode in Firefox add-on.
• Firefox will stop supporting XUL add-ons at the end of 2017
• New Responsive Design Mode in Firefox Dev Tools

News and entertaining

• AI google now lip-reads better than man
• Telegram launched an analog preview of articles "VKontakte" and a service for the layout of publications Telegraph
• The Locky Cipher Is Distributed Through SVG Pictures On Facebook
• 10 Google Docs Features You Didn't Know About
• What to read IT specialist: the best books on programming of all times and peoples
• Microsoft has released the "Klondike" on Android and iOS
• Once again about the Chinese light bulbs: everything is very bad
• Neural network Google Translate has made a single database of meanings of human words
• Data of 8 million GitHub users leaked due to incorrectly configured MongoDB database
• Search engine Google began to show the attendance of institutions in real time
• Russian spammer faked Google domain using Unicode
• Facebook due to a miscalculation overestimated coverage rates by 55%
• Survey: Apple collected 91% of global smartphone revenue in the third quarter of 2016

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