The digest of fresh materials from the world of the frontend for the last week №250 (February 13 - 19, 2017)

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

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Web standards podcast, Issue # 55 : WebKit graphics, Opera links, designers typesetting, HTML API, custom properties, CSS shapes, promised burger, JS quick start, W3C TAG reports.
• RadioJS Podcast, Issue 46 : Learn, learn and learn again. Visiting Nikolai Chernobaev, one of the founders of the LoftSchool school and the LoftBlog video blog, and Vadim Makeev, who recently joined the HTML Academy
• GIFs Optimization for the Web
• Cross-browser Testing Guide
• htmlreference.io - free online HTML reference from the creators of cssreference.io
• HTML5 mobile web forms and input types
• Accelerate Service Worker with Navigation Preloads
• Create responsive email templates using MJML
• Component-based SVG Icon System
• Manifoldjs turns into PWA Builder , a tool that makes it easy to create Progressive Web Apps
• Transparent jpg (using svg)
• Checklist to run the site
• Accessibility in web applications using ARIA Live Regions
• Spectrum of technology front-end developer
• Most of the web sucks at a weak internet connection.
• Discussion of the proposed element <h>

CSS

• Acquaintance with Styled components
• New grid on inline-block: description, usage example, pros and cons
• CSS and progressive enhancement
• CSS exceptions: make boring markup less boring
• How to achieve 60 FPS in mobile animations using CSS3
• Creating non-rectangular headers
• CSS Grid: One Layout, Many Options
• Deep diving into CSS: font metrics, line-height and vertical-align
• CSS pseudo-classes: styling elements based on their index
• Using cubic Bezier curves to smooth rounded corners
• CSS4 selectors: what to expect?
• Fresh CSS Grid Layout Video by Rachel Andrew

Javascript

• Has MVC died for the frontend?
• JavaScript start performance
• Overview of the 5 most popular JavaScript frameworks and libraries 2017
• Video from KyivJS , February 2017
• Journey through the world of javascript 2016
• JavaScript in 2017 - out of the browser
• JavaScript in 2017 - libraries and frameworks
• Events and disabled form fields
• Understanding scope in JavaScript
• Javascript Interview Questions Algorithm () {...}
• How to write JavaScript and make the application accessible
• A comprehensive look at the jQuery navigation through DOM
• Experiment with speechSynthesis
• ES2015 +:
  
  
  • Native ECMAScript modules: dynamic import ()
  • High-performance ES2015 and beyond
  • ES6 functionality with examples
  • ES6 Proxies in practice
  • Latest information about ES6 modules in Node.js
  
  
• Angular:
  ')
  
  • Automate Angular development with Angular CLI
  • Bootstrapping in the browser using Angular 2
  • Dynamically created components using Angular
  • Detailed analysis of testing Angular applications: HTTP services
  • State Management in Angular Applications
  • Debugging and optimization of Angular 2 applications
  
  
• React:
  
  
  • Retro Games Library with Node, React, and Redux 1: Server API and React Frontend
  • Context in ReactJS Applications
  • How to work and manipulate states in React
  • How to create animated microinteraction in React
  • Parsing Redux Store Twitter-ra
  • Universal JavaScript applications with React router version 4
  • Creating React components for different brands and applications
  
  
• Vue:
  
  
  • VueJS - green framework
  • React's JSX vs Vue's Templates: Front End Comparison
  • Creating a plugin for Vue.js
  • Creating Vue.js components
  • Vue.js, Vuex and testing; Introduction
  • Vueplete - text field with autocomplete for Vue.js
  • Creating a component with a JSON tree structure on Vue.js from scratch in six steps
  • vue-material - Material design for Vue.js
  • Vue.js component - all code in one file
  
  
• Libs & Plugins:
  
  
  • spinStroke - animation of the font outline using the morph effect
  • surveyjs - JavaScript engine for creating surveys
  • Rough.js - creating graphics with the effect of "drawing by hand"

Browsers

• Opera is preparing a redesign of its desktop browser in the form of a project Reborn
• Advanced method of system and browser identification without using cookies
• Chrome is testing a new approach to compiling JavaScript
• Firefox Termination Plan with Old Add-ons
• A small step for Chrome, a huge jump for V8

Entertaining

• Google tests AI for aggression and willingness to cooperate
• Why does Munich refuse Linux?
• Google vs. Oracle . Seven-Year Court
• Machine Learning System TensorFlow out of beta - Google released version 1.0
• Alphabet has ceased its fervor and now plans to cover only separate regions with the Internet from Project Loon spheres, but not the whole world.
• Prospects for the VR direction: foggy or absolutely clear?
• Why learning is a new procrastination
• Top tags on Stack Overflow from 2010 to 2017 in real time
• Facebook will launch a job posting tool.
• 99.6% of the world's smartphones are running Android and iOS
• Apple beat negative user tweets in commercials for iPad Pro
• Bill Gates proposed to introduce taxes for robots occupying people's jobs
• Microsoft has proposed to conclude a "digital Geneva Convention"
• Google sued 20 million dollars for infringing patents in Chrome protection mechanisms

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