The digest of fresh materials from the world of the frontend for the last week No. 219 (July 4 - 10, 2016)

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

Web development

CSS

Javascript

Browsers

news

Web development

• Important aspects of the browser for developers. Part 2
• Podcast Web Standards, Issue # 23: HTML 5.1, Dreamweaver, Houdini, links, security and mentoring.
• How emoji can improve your code - seriously
• Improving user interaction paths through page transitions
• Broadcast recording of the Summer Ya.Subbotnik , Frontend section
• Frontend development in the world of the Internet of Things (Front-End Development of the Internet of Things World)
• Planned requestAnimationFrame for nerds (requestAnimationFrame Scheduling For Nerds)
• What is a progressive web application, and should I create it (What's a Progressive Web App, and Should I Build One?)
• Front End Developer Awareness (A Front End Developer is Aware)
• Complexities of an infinite scroller (Complexities of an infinite scroller)
• Service Worker life cycle , one of the lessons of the free course Offline Web Applications at udacity
• Ten Requirements for Making Workers (If Needed)
• Thoughts on HTML5 (Thoughts on HTML5)
• Responsive images: lower page weight with picture and WebP element (Responsive images: Smaller page sizes with the picture element and WebP)
• Cross-browser: Make the Web Work For Everyone
• Availability:
  
  • How to use alternative text correctly (Writing for all people: how to use alternative text well)
  • Always use a label (Always use a label)
  • Unlabelled search fields search fields
  • SVG Accessibility Details (Accessible SVGs)
  
  
• Instruments:
  
  • 10 Things You Didn't Know About WebPageTest.org
  • Webpack: introducing the team and calling for project support (webpack: It's getting real)
  
  
• Spectacular web:
  
  • Canvas image manipulation techniques
  • Simple static animation in Canvas (Animating Static in HTML5 Canvas)
  • Rendering items on WebGL in slow motion
  • Weekly selection of beautiful effects on CSS / SVG / JS # 45
  
  

CSS

• Treat grids (on flexboxes) easier . Translation of the article Don't Overthink It (Flexbox) Grids
• Battle of architectures . Translation of the article Battle of the architectures
• Modern CSS is more powerful than you think: N examples in which you do not need JavaScript
• Interface components created without JS (You Don't Need JavaScript)
• Are you satisfied with your CSS files in your large applications? CSS Methodology Attack (Happy with your CSS files in your big app? OOCSS, BEM, SMACSS, ITCSS, ACSS, ITCSS under attack.)
• Structuring CSS for large projects (Structuring CSS in large projects)
• Create a custom input cursor (Creating a custom input cursor / caret)
• Front-End Challenge accepted: CSS 3D Cube (Front-End Challenge Accepted: CSS 3D Cube)
• Tricks with: target (The: target Trick)
• CSS: perfect print styles (CSS: The Perfect Print Stylesheet)
• Create dynamic themeizing sites using currentcolor (Creating dynamically theme-able websites using CSS currentColor)
• Are viewport percentages available units? (Accessibility of viewport percentage units)
• Recreating the Twitter Heart Animation Effect (using a single HTML element, no images and JavaScript) (Recreating the Twitter Heart Animation (with One Element, No Images, and No JavaScript))
• CssToReact is a simple little tool that allows you to translate CSS into specific inline JSON for React
• ress - modern style reset (ress - a modern CSS reset)
• <LINK> Video of Yoav Weiss report from HTML Special, CSS Day

Javascript

• Free HTML5 and JavaScript game engines
• Yes. JavaScript rises (Yes. JavaScript rises)
• JQuery 3.1.0 release - no more silent bugs
• Release ESLint v3.0.0 (ESLint v3.0.0 released)
• JQuery 3 Warning (A Warning About jQuery 3)
• Console Debugging Tricks (Beyond Console Debugging Tricks)
• Introduction to functional programming in JavaScript, Part 1 (Introduction to Functional Programming in JavaScript (Part 1))
• You-Dont-Need-Lodash-Underscore - a list of JS methods that can be used natively (without Lodash or Underscore) (You-Dont-Need-Lodash-Underscore - lists of Javascript)
• How to create a neuron: the study of AI in JavaScript, Part 2 (How to Build a Neuron: Exploring AI in JavaScript Pt 2)
• Three tricks for better work with npm modules (3 tricks to better handle npm modules)
• Borrowing Methods in JavaScript (Borrowing Methods in JavaScript)
• Tracking GPS information with Tessel 2 (Tracking GPS data with the Tessel 2)
• Three excellent tips for debugging JavaScript in DevTools (3 Splendid JavaScript Debugging Tips)
• ES6:
  
  • Understanding ES6 Modules via Their History
  • ES6 for people (ES6 for Humans)
  • Survival in ECMAScript 6 (Surviving ECMAScript 6)
  
  
• Framework:
  
  • You may not want to use [hip_js_frame] (you may not want to use [hip_js_framework])
  • Writing a JavaScript Framework - Project Structure (Writing a JavaScript Framework - Project Structuring)
  • 6 lessons I learned by going to production with React-Redux (6 lessons learned from React-Redux)
  • Best Practices for React and Flux in Production (React and Flux in Production Best Practices)
  • racket - starting package with React / Redux web applications and generators
  • Functional components with React stateless functions and Ramda (Functional Components with React stateless functions and Ramda)
  • React Features (React Gotchas)
  • Getting Started with React, GraphQL and Relay (part 1 of 2) (Getting Started with React, GraphQL and Relay (Part 1 of 2))
  • Creating a mobile application with Angular 2 and Ionic 2 (Build a Mobile App with Angular 2 and Ionic 2)
  
  
• Plugins:
  
  • zingtouch - a library for defining gestures (zingtouch - a JavaScript gesture detection library for the modern web)
  • Segment - a small JS class for drawing and animating SVG curves (Segment - a little JavaScript class (without dependencies)
  • ejs - an experiment with window.onerror that simplifies JavaScript debugging
  • Fela - a library for working with dynamic styles in JavaScript (Fela - Fast & Dynamic Styling in JavaScript)
  • 10 jQuery File Upload Plugins (10 jQuery File Upload Plugins)
  
  

Browsers

• The context graph in Firefox will prompt users on which site to go next.
• Chrome browser now supports streaming images to TVs.
• Encryption tools added to Chrome that are resistant to selection on a quantum computer
• How to get rid of page jumps while loading images in Chrome
• Yahoo buyer will have to pay Mozilla $ 1 billion for using a search engine in Firefox
• UC Browser News
• The future of “History” in browsers (The Future of Browser History)

News and entertaining

• eBay announced that they are now discussing over 8 million pages using AMP
• Google is working on the availability of any site in VR (Google is working to make every website viewable in VR)
• Facebook blocks large pages for links to sites with a social lock.
• Google bought Anvato video distribution platform, users expect its integration with YouTube
• 32 bits all
• Why if everyone goes to IT, it will only get worse
• Apollo 11 source code is fully published on GitHub, programmers discuss bugs
• Despite lower discounts this year, the sale on Steam was more successful
• Putin signed the law of Spring on storing and decoding user data
• Chronology of the sale of LinkedIn: Proposals from Google, Facebook, Microsoft and others
• Scientists write a record 200 megabytes of data into DNA
• Routine, stress, lack of sleep and depression Employees of companies in Silicon Valley shared in the comments on Quora the back of their work: the endless routine, lack of sleep, stress, and more.
• We improve the design of forms . How to fix common designer mistakes
• A game where you need to find the color by name (Find the color)
• The History of the URL: Domain, Protocol, and Port

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.

UPD: Next week there will be no digest, vacation, everything.
')
Digest from last week .
Material prepared dersmoll and alekskorovin .