The digest of fresh materials from the world of the frontend for the last week №278 (August 28 - September 3, 2017)

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

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast “Web Standards”, Issue # 83: Headless Browser, multi-threaded JS, Edge news, download optimization, favicon in Shorts, all-rounder webmaster.
• Podcast "Five Minutes Angular" # 3: Meetups, CodeDojo MEAN, Angular 5 beta6, Cli bazel, PWA
• Podcast "Frontend Weekend" FW # 17 - Vadim Makeev about HTML Academy, Opera, conflict and sexism
• Five Minute React podcast # 33: Kirill Mokevnin, Hexlet.io
• Devschacht Podcast: Night Front End # 2
• Podcast "Frontend Youth (18+)" # 17: How to get pumped at work: New DevTools, Quantum CSS, Code Retreat, Headless browsers and much more
• Podcast "Drinkcast", Issue # 6: "Tim Marinin and the mouse on the grater"
• "ALL YOUR HTML" # 13: "Animate SVG in 3D with Three.js"
• HTML Shorts: What are the favicons , text version

Web development

• A prototype project worth $ 86 million in 57 lines of code
• Links around the blocks . Can I wrap a link block elements?
• Mobile browsers and their fluffy legs . About debugging site in mobile browsers
• Quick start: getting started with headless chrome in Node.js
• Organization of front-end infrastructure and team development . AdRoll developer sharing experience
• Comparing Bootstrap 4 and Foundation 6.4 . Part number 1 - Grids
')

• AMP / PWA:
  • Android Oreo bites off a piece of PWA
  • Yes, your project must be PWA
  • Creating a Progressive Web App with React
  • Create Progressive Web Apps with Angular
  • iOS 11 Safari Turns Google AMP Links Into Regular Sharing
  

• Performance:
  • Lecture by Vitaly Kharisov "10k" about an easy version of the search for slow connections and ways to optimize the code, allowing to keep within 10 kilobytes.
  • Race for speed . Accelerate the loading of sites in the era of smartphones
  • 20 practical tips to improve JavaScript performance
  • The state of the Internet. Karolina Szczur Effective Performance Improvement Guide
  • Why latency matters: the basics of web performance . Nuances and factors affecting the connection speed on the Front End Center channel
  

• Accessibility:
  • Inclusiveness in web development: how to ensure the availability of content to each user
  • The best way to programmatically scale a web application
  • Ways to create an accessible user interface, part I
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 51
  • Strengthening animations with superhuman abilities using requestAnimationFrame
  • Vivify - a small CSS library for animation
  

CSS

• Inside the super-fast CSS engine: Quantum CSS (aka Stylo)
• We check the browser for support of certain CSS properties
• Solving the problem of specificity using CSS modules
• How I integrate Bootstrap 4 and the structure of my SCSS into small and medium projects
• Creating "Skeleton Screens" using custom CSS properties
• cssgrid.cc - the most detailed guide from CoffeeCup on building layouts using CSS Grid
• CSS Checkbox Library

• Fonts:
  • Adobe Typekit: now fonts can be connected without JavaScript (by analogy with Google Fonts) , fonts are ready for Google AMP
  • Detailed guide to litmus web fonts (+ about web fonts in letter templates)
  • User Interfaces for Variable Fonts
  

• CSS & JS:
  • How pure CSS images helped me understand React components
  • Access and modify CSS variables using Javascript (and why they are better than variables in SASS)
  • How can I safely use CSS-in-JS?

Javascript

• Friday JS: reqyire.js and ochepyatko-oriented programming
• Microsoft announced TypeScript 2.5 update
• Learning JavaScript: 9 major mistakes that slow you down
• BackboneJS: Getting Started . How to quickly start creating applications on BackboneJS.
• JS V8 Engine Official Blog: Fast Properties in V8
• Best JS front end frameworks
• Angular vs. React vs. Vue: comparison in 2017
• JavaScript - from callbacks to async / await

• VueJS:
  • Reactivity Vue.js. Reacting the Vue.js framework and using the Vue.set method
  • Why we switched from Angular 2 to Vue.js (and why we didn't choose React)
  • Switch from Angular to Vue.js
  • AT-UI - a fresh UI-Kit from the Chinese for creating desktop web applications on Vue.js 2.0
  • We use TypeScript to develop web applications on Vue.js. Free course at egghead.io
  • Async in Vue.js - part 1
  • A quick introduction to Vue.js on the example of Super Mario Pixel Art
  

• React:
  • semiotic - a framework for data visualization in React (React & D3)
  • Drag and Drop items using RxJS
  • Migration plan from React ecosystem due to patent issues
  

• Angular:
  • Angular 4 Cheat Sheet
  • Introduction to component routing using the Angular Router
  • Everything about AngularJS, Angular 2 and Angular 4
  • The process of router-navigation in Angular in 7 steps
  • 12 useful boilerplatetov for AngularJS
  • Angular 4 and the interaction of neighboring components
  

• Libs & Plugins:
  • easter-egg-collection - js library, which includes a set of Easter eggs
  • Quokka - Live Scratchpad JavaScript Now For Atom Editor
  • lozad.js - an advanced, productive Lazy Loader using the Intersection Observer API
  • jest-in-case - a jest utility for creating variations of a single test
  

Browsers

• Identification method through the definition of add-ons installed in Chrome and Firefox
• What's new in DevTools (Chrome 62)
• New features in Microsoft Edge : Event Listeners, CSS object-fit / object-position, position-sticky, and more

Entertaining

• 18 SEO myths to forget
• SoundCloud Destruction Story: Insider Company Story
• Another web browser attack has been detected that infects computers when installing fonts
• YouTube introduced a new design and logo.
• Google ARCore - a new platform of augmented reality of the search giant for Android devices, Project Tango is becoming a thing of the past
• In Skype chat they implemented a code editor for interviews.
• Microsoft and Amazon have agreed to work together voice assistants Cortana and Alexa
• Microsoft and Red Hat Announce Expanded Collaboration
• Cryptocurrency trader Tony Weiss - about the “bubble” around Bitcoin, bad ICOs and blockchain overvalued
• How billionaire brothers want to create a cheaper competitor Slack

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 .