The digest of fresh materials from the world of the frontend for the last week №218 (July 27 - 3, 2016)

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

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

• We assemble your first WebAsse assembly component
• Important aspects of the browser for developers. Part 1
• Podcast Web Standards, Issue # 22 . Buying Joyent, Element Queries, React in Mail.Ru, standards and semantics, interviews, as a coder to become deputy leader with Andrei Sumin from Mail.Ru.
• The path of the mentor . Article by Maxim Usachev with detailed comments by Alena Batitskaya
• Create an interactive HTML5 video
• It's not about moral principles: everyone needs accessibility . Translation of the article It's Not About Morals: Accessibility is for the Masses by the community css-live.ru
• Best caching practices . Translation of the article Caching best practices & max-age gotchas by Jake Archibald
• AMP HTML Review
• How to become a great frontend {insert buzzword}? (How to be a great front-end {insert buzzword}?)
• How to inspect and modify animation using Chrome DevTools Animation Inspector.
• Methods for creating accessible interfaces (Ways to Make a UI Accessible - Part I)
• Looking for time to improve your developer skills (Finding Time to Become a Better Developer)
• Dreamweaver is back for us coders. (Dreamweaver is back for us, coders.)
• Website Grader - website testing for optimization (How strong is your website?)
• HTML5 Web Font Preloading (Web Font preloading for HTML5 games)
• Imitation of relative positioning inside SVG with nested SVG (Mimic Relative Positioning Inside an SVG with Nested SVGs)
• Record Stream with Web Rebels 2016: Day 1 , Day 2
• Spectacular web:
  
  • Hands SVG clock (SVG Working Clock)
  • Transforming tetrahedra from Anna Tudor (tetrahedron truncation sequence)
  • The effect of sunset by scrolling with JS and SVG (A Scrolling SVG Sunset)
  • SVG animation for items appearing on the page (Item Reveal Animations with SVG)
  • Spectacular conceptual animations for various interface elements (How To Use Your Primary Design Tool)
  • Weekly selection of beautiful effects on CSS / SVG / JS # 44
  
  

CSS

• CSS magic. Chapter 6: Transitions . All you need to know about CSS transitions
• Languages ​​that could become CSS (The Languages ​​Which Almost Became CSS)
• Battle of architectures. A look at two popular methods of writing CSS, and an explanation of why they are not good enough (Battle of the architectures)
• Interaction between JavaScript and CSS using native CSS variables (Communicating Between JavaScript and CSS Using CSS Variables)
• Demonstration of 16 mixing effects with CSS
• PostCSS - transform your CSS with JS (PostCSS - Transforming Your CSS with JavaScript)
• Moving to the future of CSS with PostCSS (Jump into the future of CSS with PostCSS)
• Work with critical CSS using a plugin on PostCSS (Manage your Critical CSS with this PostCSS plugin)
• All the Generic CSS Data Types
• Text-align-last CSS property view (Introducing the CSS text-align-last Property)
• History of Image Replacement Techniques with CSS (A History of CSS Image Replacement)
• Michelangelo Styleguide - a live style guide based on comments in code.
• CSS images implemented by a single div (A Single Div :)
• Nth-child Sass Mixins
• The progress tracker is a flexible SASS component for creating a step-by-step process for filling out forms, polls, timelines, etc.

Javascript

• Javascript Neural Networks
• D3.js. Graph visualization
• Everything you need to know about the script tag
• Introducing Functional JavaScript: Part 3
• A new game for programmers appeared on Steam: managing the virtual world using JavaScript
• Automatically improving the quality of front-end projects, part 3 - JavaScript and Accessibility (Improving the Quality of the Front End Projects, Automatically!)
• JavaScript unit testing for beginners (JavaScript Unit Testing For Beginners)
• Integration and comparison of ES6 (Integration and Comparison for ES6)
• ES5 Objects vs. ES6 Maps - Difference and Similarities
• Introduction to asynchronous JavaScript (Introduction to asynchronous JavaScript)
• What you need to know to be interviewed in JavaScript, like ace? (What Do I Need to Know Interview JavaScript?)
• JavaScript Patterns: Singleton (JavaScript Design Patterns: The Singleton)
• Creation of arrays in JavaScript (Power up the array creation in JavaScript)
• Real examples of the use of Mutation Observer (Three Real-World Uses for Mutation Observer)
• Required knowledge and potential dangers associated with third-party scripts (Things to Know (and Potential Dangers) with Third-Party Scripts)
• Tips for typing JS code (Type Hinting in JavaScript)
• DOMContentLoaded vs jQuery.ready vs onload, or how to choose when your code should run
• Framework:
  
  • Introduction to Redux (An Introduction To Redux)
  • Interface Animation with React - The Right Way (UI Animations with React - The Right Way)
  • React UI Libraries (React UI Libraries)
  • We design using React concepts (Thinking in React)
  • Using JSX and React (Using JSX and React)
  • Back to the future, or receiving data in React.js (Forward to the Past or data fetching in React.js)
  • [ReactRouter] what is the difference between HashHistory and BrowserHistory? ([ReactRouter] BrowserHistory in Production)
  • react-modal-box - modal windows for applications (react-modal-box is a simple dependency box for your application)
  • NativeBase - a powerful addition to React Native (NativeBase - the missing piece of React Native)
  • Angular 2 tutorial : how to create a CRUD application with Angular CLI (Angular 2 Tutorial: Create a CRUD App with Angular CLI)
  • Angular 2 - Best Practices for Increasing Your Level (Angular 2 - Best Practices to Level Up)
  • Rapid cross-platform development with Angular 2 CLI (Rapid Cross-Platform Development with the Angular 2 CLI)
  • Preparing Angular 2 Production Applications (Building an Angular 2 Application for Production)
  
  
• Plugins:
  
  • Introduction to jQuery plug-in development (Introduction to Developing jQuery Plugins)
  • anime-js is a new library for animation that works with CSS, individual transformations, SVG, DOM attributes and JS objects
  • Vidage - a solution for full-screen video and images (Vidage - your solution to full-screen background video & image combined)
  • crio - immutable objects and arrays (crio - in a natural way)
  
  

Browsers

• Never give up: how Netscape waged an unequal battle with Internet Explorer
• Chrome browser for Android will get support for virtual reality
• Containers appeared in Firefox
• July 2016 Browser Trends
• Improved Font Loading in WebKit (Improved Font Loading)

News and entertaining

• Unofficial console client released for Stack Overflow
• Google launched an open hardware platform for teaching children programming
• Facebook launched the ability to post posts in 45 languages ​​simultaneously.
• Google map services updated: image quality has increased
• Large-scale cleaning of accounts on YouTube deprived bloggers of hundreds of thousands of subscribers.
• Every fifth computer runs on Windows 10
• "Five laws of robotics": Google outlined its vision of safe AI
• “With the death of coding, engineers will turn to face the rest of humanity . ” AnyPerks developer Loren Mendoza wrote a note on Medium stating that code writing and the profession of a programmer are overvalued and the need for them will decrease in the future.
• Startups Google Buys: A Review of Corporate Transactions over the Last 15 Years
• 9 new technologies that you can master over the summer and become more valuable in the labor market
• The day Evernote died for me and what to do now?
• Microsoft employees have identified the main advantages and disadvantages of working in a company.
• David Khomak: Internet lecture
• Digital Joint: Why Microsoft and the rest are associated with the sale of marijuana
• 10 names of technology brands that you probably pronounce wrong

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 from last week .
Material prepared dersmoll and alekskorovin .