The digest of fresh materials from the world of the frontend for the last week №231 (October 3 - 9, 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

• Twelve Useful Chrome DevTools Tips
• Layout of responsive emails: Problems and solutions
• "Write letters": Three techniques of layout of good emails
• Web standards podcast, Release №36 : Safari TP, async / await, HTML 5.2, JS modules, CSS and SVG undervalued, pseudo-elements, accessibility, polyfiles and React.
• Pilot release podcast Hekslet . Reflections on tools, languages, git, JS, computer thinking and the future.
• Space in design systems
• Alternative text for images . Translation of Alternative Text and Images
• Illustrated syntax guide `path` in SVG (The SVG` path` Syntax: An Illustrated Guide)
• AMP review from a developer ’s point of view (Google’s AMP reviewed as a developer)
• Currently AMP is not optimized for 2G and below.
• HTTP / 2: good, bad, evil (HTTP / 2: the good, the bad and the ugly)
• Recursive SVG patterns, part 2 (Recursive SVG Patterns Part 2)
• Module Bundling Starter Guide with Webpack (Module Bundling with Webpack: Getting Started Guide)
• Web performance secrets from the BBC
• Top 10 static front-end frameworks in 2016 (Top 10 Front-End Frameworks of 2016)
• The state of mobile HTML frameworks in 2016 (The State of HTML Mobile Frameworks in 2016)
• Quick Tip: How to manually style Google Custom Search (Quick Tip: How to Style Google Custom Search Manually)
• Why I believe GraphQL will replace REST (Why I believe GraphQL will come to replace REST)
• Conversation with experts: Chris Coyier (Talk with the Experts: Chris Coyier)

CSS

• Maybe enough already throw mud CSS at developer conferences?
• Redesign with CSS Shapes, article by Eric Meyer (A Redesign with CSS Shapes)
• Materials from CSSConf, held late September in Boston
• Flex-grow 9999 Hack
• supports rules will change your life ( supports will change your life)
• My thoughts on Inline Styles
• Does CSS Grids align our HTML? (Will we be flattening our HTML for CSS Grids?)
• tipograf - a basic set for pure CSS typography for your next project
• Font optimization , updated article on Ilya Grigorik on developers.google.com
• Magical randomization with nth-child and Cicada Principle (Magic randomisation with nth-child and Cicada Principle)
• "Will-change" should change? Caution for designers ("will-change" must change? Animators beware.)
• CSS Variables Introduction (CSS Variables: An introduction)
• What's so sassy about scss?
• Responsive table layout
• Even Stevens: Using Round and Space in Repeating Background Images (Even Stevens: Using Repeated Background Images)
• Create and customize gradients online (Create and customize beautiful CSS3 gradients.)
• Pure CSS CSS demo

State of modern JavaScript:

• What is it like learning javascript in 2016 . Translation of the article How it feels to learn Javascript in 2016
• How does it really teach JavaScript in 2016 (How it actually feels to write JavaScript in 2016)
• Fatigue from fatigue javascript (javascript fatigue fatigue )
• Moving Towards Javascript Development (Moving To Javascript Development)
• Why is javascript so complicated? (Why is javascript so hard?)
• Everything is fine with JavaScript
• Stop blaming javascript if all you want is to talk about the frontend (Stop blaming on JavaScript)
• There are not many frameworks, there is little content (There are not too many frameworks, there is too little content.)
• Front-end is a technology that steers the world with javascript on the throne
• The Crazy and Wonderful State of Web Development
• JavaScript status - final results of a large survey (The State Of JavaScript = final results)

Javascript

• Once again about the promises
• Javascript six-character journey
• JavaScript game development
• Walmart publishes the source code of its JavaScript platform for websites - Electrode
• How JavaScript loading can slow down your site (even asynchronously) (How loading JavaScript can slow websites down (even if it's asynchronous))
• How Twitter Deploys its JS Widgets (How Twitter deploys its widgets JavaScript)
• How to use inline js for styling everything (Cut the SASS: How to Use Inline JavaScript Styles for Everything)
• Fetch - modern asynchronous requests to the server (Modern Async Server Calls)
• Getting Started with Web Workers in HTML5 - Multi-Threading in JS (Multi Threading in JavaScript)
• JavaScript Internationalization API
• Rescue from Callback Hell (Saved from Callback Hell)
• Debugging with Node.js (Debugging With Node.js)
• TypeScript from setup to process: the basics (TypeScript Up & Running: The Basics)
• From JavaScript to ClojureScript: which editor to choose? (From JavaScript to ClojureScript: Which editor to choose?)
• Framework:
  
  
  • SoundCloud client on React + Redux
  • How to Test React Components with Jest (How to Test React Components Using Jest)
  • Introducing React-component for progressive images (Introducing React Progressive Image)
  • Progressive web applications with React.js: Part I - introduction , Part 2 - page load performance , Part 3 - support for offline state and network resilience
  • How React Do?
  • React Components & BEM
  • Understanding the React Life Cycle
  • Elegant form validation with React (Elegant Form Validation Using React)
  • Angular 2 vs React: The Last Dance (Angular 2 vs React: The Ultimate Dance Off)
  • Angular Router: Understanding Redirects (Angular Router: Understanding Redirects)
  • Future Ember by Yehuda Katz @ EmberPDX (Future State of Ember by Yehuda Katz @ EmberPDX)
  • Angular 2 lazy loading c Webpack (Angular 2 lazy loading with Webpack)
  • Create a development environment for Angular using Gulp (Building Angular development environment with Gulp)
  
  
• Create a Trello clone using Angular, Node.js, Mongo, and Express (Create a Trello Clone using Angular, Node.js, Mongo, and Express)
• Plugins:
  ')
  
  • hyperform.js - full implementation of HTML 5 form validation API on Javascript
  • abDetector - AdBlock determinant on pure JS
  • KUTE.js is a native Javascript animation engine that includes excellent performance, morphSVG, drawSVG, 2D and 3D transformations, SVG transformations, colors and other CSS3 properties
  • instafetch.js - JavaScript plugin for working with Instagram API (without jQuery)
  • iview - UI components for Vue.js
  • <f> mFancyTitle - plugin to animate your page title and favicon
  • prottle - Promise.all () throttle
  
  

Browsers

• Browser Trends October 2016: the fall of Microsoft Edge (Browser Trends October 2016: Microsoft Edges Downward)
• Firefox 49 supports HTML5 details and summary tags
• The nightly builds of Firefox discontinued support for NPAPI plug-ins, except for Flash.
• Microsoft Edge will be updated more often, but in parts

News and entertaining

• Introduced the virtual reality headset Google Daydream View
• The performance of the program is against readability and simplicity: why should you make a choice?
• Tim Berners-Lee gave a chance to prevent the standardization of DRM tools for the Web
• Mozilla presented projects that received grants in the third quarter of 2016
• Apple is the most expensive brand in the world
• Google Pixel and Assistant or how Google decided to move the search bar beyond
• What is cloud robotics? We tell on the example of WALL-E
• Self-learning artificial intelligence can be fooled and stolen by recreating with 100% accuracy.
• Silicon Valley Etiquette: how to behave in communication, at meetings and negotiations
• Stack Overflow Ecosystem: More Than Just Answers
• Where to look for answers to your questions, besides Stack Overflow: 10 best resources with answers to programmer “why” and “how”
• The power of thought: the history of neural interfaces, current developments and financial prospects of the region
• The owner of an anonymous forum 4chan ran out of money for the development of the project
• 35 of the most innovative applications of 2016 - Fast Company rating
• What's wrong with the new Pixel?

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 .