The digest of fresh materials from the world of the frontend for the last week №272 (July 17 - 23, 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

• Media:
  
  
  • HTML Shorts: How to hide . display: none or visibility: hidden?
  • Podcast “Web Standards”, Release # 77 : CSS Minsk JS, DevTools complexity, Storage API in Firefox, DRM and W3C, CSS cleaning, stuffing and Shorts, gyroscope and drag-n-drop, Xwebs Megabrowser.
  • Frontend Weekend podcast FW # 12 : Host of “Five Minutes React” about podcasting and frameworks
  • Five Minute React podcast # 26 : Preact Rocks!
  • Podcast "Front" # 8 : Shebanov, dependent types, VK
  • Podcast "Frontend Youth" # 10 : How to kill JavaScript!
  • Podcast "Frontend Youth" # 11 : How to become a team leader
  • Podcast «devschacht» №5 : We discuss the translations that came out with us last month.
    
  
  
• CSSSR Garbage Collector # 1 : Weekly compilation of links from CSSSR chats to interesting content.
• Understanding the Shadow DOM
• Measuring web performance; it's pretty simple really
• Reflections on HTTP / 2 and bundling
• About the nuances of using Inline SVG in production . Continuation of the popular article two years ago
• AMP / PWA:
  ')
  
  • How To Make Progressive Web Apps: A Beginner's Guide
  • The community chose the official unofficial logo for Progressive Web Apps
  • Detailed guide for PWA newbies
  • Gulp and layout of a simple AMP page , stream Yuri Artyukh ALL YOUR HTML # 8
  • How to use AMP in WordPress
  • How Accelerated Mobile Pages (AMP) Can Improve Your SEO
  
  
• Instruments:
  
  
  • WebStorm 2017.2 - What's new in support for JavaScript, TypeScript, Angular and Sass and work with ESLint, Karma and Mocha
  • npm link on steroids
  • Webpack: the basics of setting up a project in JavaScript and Sass
  • How to use Polymer Webpack
  • bundle-buddy - a tool to help find duplicates in your bundles
  
  
• Practice:
  
  
  • Creating a progressive web application "Git Trends": Concepts and Service Workers , Caching and Offline
  • Creating graphics on HTML Canvas : a new free course on egghead.io
  • From rags to riches, creating WebVR interactive with Babylon.js for all platforms
  • Creating a rotating 3D carousel on CSS and JavaScript
  • GreenSock for newbies (part 2): GSAP's Timeline
  
  
• Spectacular web:
  
  
  • CSS image slider using SVG templates
  • CSS Adaptive Animated Home
  • LEGO Loader (SVG animation)

CSS

• CSS is not black magic
• How to create a frosted glass effect on pure CSS?
• Let's Get Critical: minimizing blocking render CSS with a Webpack
• Using CSS to determine and count prime numbers
• Turning off the possibility of zoom in Google Maps iframe
• Fonts:
  
  
  • 4 techniques for defining responsive font sizes using SCSS
  • RFS: Myxine Automates Responsive Typography
  • What do variable fonts mean to web developers?
  
  
• CSS Grid Layout:
  
  
  • Improving CSS markup: from Float to Flexbox and CSS Grid
  • A collection of interesting facts about CSS Grid Layout
  • CSS Grid Layout Slideshow
  • Rachel Andrew about the reasons for the specification of grids and the problems that they solve
  • display: contents is not a CSS Grid Layout subgrid

Javascript

• Delhi - cut, or as we did mobile 2GIS Online
• Reactive Interfaces in Native JavaScript - Part 1: Pure Functional Style
• Neural networks from scratch for JavaScript developers (Part 1: Perceptron)
• JavaScript status in 2017 . Annual Global Survey
• Ten things a serious JavaScript developer should learn
• Hidden messages in JavaScript property names
• Modern frontend development stack . An article on linux.com about the revolution in JS development over the past few years
• 6 native DOM manipulation techniques inspired by jQuery
• Javascript tools for end-to-end web application testing
• JavaScript Internationalization State
• Angular vs React vs Vue
• ES2015 +:
  
  
  • Tiny-ES6-Notebook
  • Fabric JavaScript Functions with ES6 +
  
  
• VueJS:
  
  
  • CSSSR Live: Vue.js master class . Guest speaker Boris Okunsky holds a two-hour master class for CSSSR developers
  • CSSSR Pair Coding # 1: Making a Movie Catalog Study Project on Vue.js
  • Getting started with Vue.js
  • Flue Another flux library
  • How to (safely) use jQuery plugins with Vue.js
  • The history of our progressive migration from Backbone to Vue.js
  • How to work with Computed Properties in VueJS?
  • How to use Vue.js wotcher for asynchronous updates?
  • Vue.js API in terminal
  • Vue.js: a progressive Javascript framework . Vito Huang Report on Bristol JS in June 2017
  
  
• React:
  
  
  • What is the power of Redux?
  • React users have signed a petition to Facebook for reacting React.js. React remittance petition submitted to Facebook technical directors
  • Eight things to learn in React before using Redux
  • React Starter Kit : quick start template consisting of React.js, Babel, PostCSS, Webpack
  • Introduction to Hoodie and React
  • How to create a Reddit clone using React and Firebase
  • How to use React, ES6, Yarn and Webpack to create a WordPress plugin
  • How to study React: a five-step plan
  
  
• Angular:
  
  
  • Angular 4 - Third Party API's
  • Lazy loading: sharing NgModules code with a Webpack
  • We combine Angular forms with @ ngrx / store
  
  
• Libs & Plugins:
  
  
  • Popmotion - a small cross-platform JavaScript engine for working with animation
  • RE: DOM is a small library that adds helpers to create DOM elements and support synchronization with data.
  • mesh - data visualization and editing JavaScript code in a tabular interface
  • wade is a very fast searchable library
  • GPU.JS - JavaScript accelerated by GPU
  • tiza - stylization of data output in the console

Browsers

• Particle extension for Chrome changed ownership and immediately became malicious
• Revision of Firefox's market share . Why creating a better browser does not lead to an increase in popularity
• New Firefox and a huge number of tabs
• Preview Storage API in Firefox Nightly

Entertaining

• Rating of programming languages ​​in 2017 from the publication of the IEEE Spectrum
• What is the economics of tokens, or why the blockchain is devouring the world
• Mozilla develops its speech recognition system.
• YouTube closes the video editing service. Nobody uses it
• Microsoft's profit exceeded expectations due to success in cloud computing
• Google offers everyone to virtually walk on the ISS using the Street View service
• Google has added custom content feed to its mobile app.
• How do we properly buy fonts so that later there are no problems with licenses?
• Tools are crazy
• Schools vs. Artificial Intelligence. Why Wolfram Alpha should pay tribute
• Google glass are back
• New GitLab interface introduced.

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