The digest of fresh materials from the world of the frontend for the last week №263 (May 15 - 21, 2017)

We offer you a selection with links to new materials from the front-end area and around it.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Podcast Web Standards Issue # 69: Samsung, Safari, Google I / O, Git in Atom, GitHub Desktop, Box Alignment, Liya and Mavo, PPK and forms, frontend spoke, Perf.HTML, ES modules.
• Frontend Weekend podcast: FW # 1 - How to become a frontend developer, FW # 2 - Evolution of frontend development, FW # 3 - About MoscowCSS and Moscow Coding School
• How to embed SVG correctly - HTML Shorts
• How to make error messages available
• Full control over control points. In CSS and in JS
• The most interesting sessions with Google I / O for web developers
• Lea Verou presented this week the Mavo library , which turns your HTML markup (including special attributes) into an interactive web application.
  Intro to Mavo : Build Web Applications with HTML!
• Style Guide Guide - a template for creating style guides.
• Airbnb frontend redesign
• Combined use of Webpack with Gulp 4
• Extensive presentation from the Filament Group: Accessibility in a responsive world, A11Y Days 2017
• Comparison of the five most popular front-end frameworks in 2017
• Google AMP is used on 2B + mobile pages and 900K domains, loading twice as fast
• Scott Gilbertson: 'Kill Google AMP, otherwise it will kill the open Web'
• Three ways to reduce webpack size
• Updates:
  
  
  • Presentation of the new format: JSON Feed
  • Yarn create and Yarn 1.0
  • Integration with Git and GitHub comes to Atom
  • Polymer 2.0 released. ES6 support, the freshest Polymer CLI, a starter kit for creating PWA templates and more
  
  
• PWA:
  ')
  
  • Progressive Web Applications - norms or nothing?
  • preact-cli: CLI tool to create PWA applications in seconds
  • Web Components VS Frameworks
  
  
• Spectacular web:
  
  
  • Moments of Happiness , a set of demos with animals on WebGL, GSAP and Three.js
  • Create creative splash transitions using CSS and SVG
  • Color extraction effect with CSS filters and Vibrant.js
  • Accordion created by one Div (om and animated using CSS variables)
  • Intuitive use of VR on the web
  • Experiments with solid state physics using a graphics accelerator using WebGL / threejs

CSS

• Instruction: CSS optimization for printing a web page
• Error messages and recommendations. The third part of a series of articles from ppk on the topic of native form validation
• Simplifying CSS cube creation with custom properties
• learncssgrid.com - CSS Grid Study Guide
• Learning CSS Grids
• Big media query error
• Detailed article about CSS properties writing-mode & text-orientation
• Some pretty useful recipes: `nth-child` for Sass mixins
• Responsive design in motion . WebKit now supports the prefers-reduced-motion property, which is part of CSS Media Queries Level 5
• Nonlinear interpolation in CSS
• Chris Koyer on Styling CSS Syntax with Linters
• “I found really smart CSS in the reddit theme”
• Typography:
  
  
  • Adaptive typography with math
  • Responsive and responsive typography with Hamster Framework. Treatment of hemorrhoids without surgery and pain
  • Rubber responsive typography using Poly Fluid Sizing method
  • Step-by-step guide to units of measurement that you can use for font sizes

Javascripts

• Nobody needs your JavaScript bikes: save your time by avoiding re-writing popular functions
• Can Google properly parse and index JavaScript frameworks? SEO JavaScript Experiment
• Writing modern javascript code
• Anatomy of modern javascript application
• Improving the performance of your JavaScript web application
• Why I chose ClojureScript instead of JavaScript
• Do not complicate Javascript # 0
• Getting started with JavaScript Web Animation API
• A practical guide to fetch (), reduce () and formatting data from external APIs
• You may not need to convert JavaScript code.
• Video from the JSConf EU 2017 conference
• Theory:
  
  
  • Redefining javascript: death for
  • Carry, my prodigal son . Tom Harding translation: Curry On Wayward Son.
  • We master closures in Javascript . Free translation of the article Let's Learn JavaScript Closures
  • (Not) Everything in JavaScript is an object
  
  
• React:
  
  
  • Five Minute React # 17 Podcast - Idiomatic Redux
  • json-api-normalizer: simple integration of JSON API and Redux, article on Habré
  • react + d3 = vx , component for visualization. Getting started with vx
  • j0nas / light-form - a lightweight library for light React / Redux forms.
  • react-pdf - create PDF files using React
  • Video from React Kyiv April
  
  
• Vue:
  
  
  • How to (safely) use jQuery plugins with Vue.js
  • Why are developers now comparing Vue.js with such giants of JavaScript as Angular and React?
  • Vue.js is good, but is it better than Angular or React?
  • How to create a simple SPA using Vue 2 (Part 2)
  • What is Vuex? Beginner's Guide to Vue Application Data Store
  • vue-js-modal - simple modal windows on Vue.js 2.0+
  
  
• Angular:
  
  
  • React vs Angular: two sides of JavaScript
  • How to create a library for Angular (2+) and publish this in npm
  
  
• Libs & Plugins:
  
  
  • Workbox - JS Libraries for Progressive Web Applications
  • leerraum.js - a PDF type library with accurate positioning and decoding of lines
  • delaunator - fast library for delaunay triangulation of 2D points
  • godzilla - ES2015 code transpiler in Go

Browsers

• Browser and CDN caching
• Updated Firefox 57 layouts updated
• Firefox 55 will request permission to use flash by default
• Announcement of a stable version of Samsung Internet v5.4 , with support for DeX, PWA-chips, Physical Web and other trendy pieces
• Microsoft Edge on Build 2017

Entertaining

• The main announcements of Google I / O 2017
• Latest news on virtual / augmented reality with Google I / O 2017
• What is there with WannaCry: a descrambler, new viruses and infected medical equipment
• Facebook introduced a tool for developing a dialogue-capable AI
• IBM introduced its most powerful quantum processor
• Google has published the results of its game experiment Quick, Draw!
• Facebook launched testing section for ordering food from restaurants
• The cost of bitcoin for the first time exceeded $ 2000
• Why cryptocurrencies are becoming more expensive and is it worth buying them
• New campus Apple Park. The latest presentation of Steve Jobs
• Bitcoin is a bubble. But why he does not burst?
• Control and freedom: How does the corporate culture of Apple and Google
• As a former Google engineer, built a company for $ 1.5 billion in 21 months

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