The digest of fresh materials from the world of the frontend for the last week №303 (February 19 - 25, 2018)

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

• Radiojack podcast Issue 51: MiniBeerJS with Sergey Rubanov and Grigory Shekhet
• Web Standards podcast # 109: Where to listen to us, events and breakfasts, old and new engines, npm caught up with yarn, grids from scratch, custom or system fonts, outdated recommendations, dangerous aliases in the console.
• Podcast “Frontend Weekend” # 41 - Vitaliy Kharisov on the creation of the Simferopol office and the Ukrainian development of Yandex
• Podcast "Frontend Youth (18+)" # 39 Improving Javascript Contrary to Divine Purpose
• Podcast "Five Minutes Angular" # 10 - AngularKyiv, AngularPiter, Habrahabr strikes back
• Devschacht Podcast: Night Frontend # 23 - SPb Frontend Meetup: Cosmos, Jenkins and TCP Problems
• "ALL YOUR HTML" # 37: "Earth, coordinates, quaternions, Lida"
• Video from OdessaFrontend Meetup # 5

Web development

• Vulnerabilities in your application
• Front-end developer salary market
• Frontend Interview Guide
• SEO status in 2018
• Prepare your skill set for an interview by a web developer - part 1
• Creating the perfect responsive configurator
• Things you need to know to work with SVG in VS Code
• Progressive Web Apps come to all Chrome platforms
• Progressive Web Apps (PWA) can be a great balancer for Microsoft, Google and Apple.
• We measure the impact of third-party resources on performance using WebPageTest

• Instruments:
  • Mastering Chrome Developer Tools: a new level of technology in the development of the front end
  • Release Webpack 4.0.0: Legato. Up to 98% faster build time, sideEffects, First Class WebAssembly support, # 0CJS - mode, auto-common-chunking, and more
  • Release npm v5.7.0 . Keep in mind: A critical issue in NPM 5.7, leading to a change in access rights to system directories
  • How to speed up CI build with new NPM CI and package-lock.json
  • Online CSS Gradient Generator with GradPad
  • kuker - browser extension for debugging applications on React, Angular, Vue & Vuex, Redux, redux-sage, HTML, Stent, Machina.js, MobX
  

• Accessibility:
  • Videos from the January London Accessibility Meetup became available.
  • Tables CSS Properties Display and ARIA
  • Compatibility Tests for Accessibility Tools
  

• Spectacular web:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 71
  • Creating a flexible Range Input with SVG and anime.js
  • Modeling of liquids with volumetric lighting
  • Stunning hover effects using CSS variables
  • Creating an animated SVG avatar for the login form using trigonometry and GSAP
  • Creative slider with animation of the fragments contained in it
  

')

CSS

• Media queries in responsive design 2018
• Satirical sketches on the topic of CSS, or Front-End Surprise Surprises
• How to use the order property in flexboxes without causing chaos
• Layout “Battle city” on the grids
• Development of new typography for the front-end GOV.UK
• Learning CSS variables in 5 minutes
• Styling Empty Cells with Generated Content and CSS Grid Layout
• Revising Collapse Margin
• Want to learn CSS variables? Here is my free 8-part course.
• Understanding and getting the most out of web fonts

Javascript

• [bookmark] Tools for testing javascript projects
• Jake Archibald: All I Know About Event Loop in JavaScript (2018)
• How to work with javascript in 2018
• Javascript learning landscape in 2018
• This.JavaScript - the state of current frameworks and libraries in JavaScript
• Beginner's Guide to the GreenSock Animation Platform
• Setting up a project with javascript ES6 using webpack and babel
• Detect and refactor copy-paste javascript code

• Theory:
  • Current and potential ECMAScript 2019 properties on the Axel Rauschmayer blog
  • Exploring ES2018 and ES2019 . Free online version of the book Dr. Axel rauschmayer
  • Elegant templates in modern JavaScript: RORO
  

• VueJS:
  • Getting started with TDD and Vue.js
  • Vue Enterprise Boilerplate - a constantly evolving architecture and environment for developing new Vue SPA projects using Vue CLI 3
  • VueJS Talks Digest Q4 2017 - the latest recordings from VueJS meetings
  • Truly native applications using Vue.js and NativeScript
  • Single Page Apps with Vue.js and Flask: State Management with Vuex
  

• React:
  • New state reducer pattern
  • What is Redux and why is it needed?
  • Bringing together React and D3 ecosystems
  

• Angular:
  • Why do I switch from Angular to React and Redux in 2018
  • Demystifying the principle of dependency inversion in Angular
  • Detailed crib on Angular + Prettier
  

Browsers

• Chrome 68 will mark all HTTP sites as “unsafe”
• Google Chrome mobile browser began to automatically trim the “tracking” URL endings that the user shares using the Share menu.
• Opera 52 beta with accelerated ad blocker introduced.
• 6 popular headless web testing browsers
• Release Notes for Safari Technology Preview 50

Entertaining

• GitHub has stopped supporting unreliable encryption methods.
• Emoji, descriptions, previews: GitHub received updated labels
• Microsoft shared its thoughts on the development of mixed reality technology
• 10 Breakthrough Technologies 2018 by MIT Technology Review
• Google experts reported that one of the latest patches for Windows 10 is ineffective
• 13 of the strangest cryptocurrencies that really exist
• Microsoft and Xiaomi have become partners in working on artificial intelligence technology and smartphones.
• Gmail has got advanced analytics

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 .