The digest of fresh materials from the world of the frontend for the last week No. 357 (March 18 - 24, 2019)

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

Media | Web Development | CSS | Javascript | Browsers

---

Media

• Devshacht / Night Frontend podcast 73: Dial-up function questions and experimental modules in Node.js
• Podcast "CSSSR" News 512 - Issue №43 (16.03 - 22.03)
• Podcast "Frontend Youth (18+)" # 88 Corporations destroy OpenSource
• Podcast proConf # 2, FrontEnd Con 2018 . In the podcast, moderators discuss technical conferences, from Highload ++ to Bulbacon.
• "ALL YOUR HTML" # s2e7: "Flying Triangles"
• On mitap # 3 from HTML Academy : live discussion about juniors in the frontend with Andrei Melikhov and Alexey Simonenko

Web development

• “It's time to get out of the frontend”: Andrei Sitnik about community stagnation, open source and not only
• Front-end craft
• Top 5 megatrends of frontend development
• 2019 web development trends
• All about mailto: Links
• A series of articles on web components : from the introduction and creation of a custom component from scratch to the encapsulation of styles and structures with ShadowDOM and advanced tools
• How to make a progressive web application from your existing site
• Decomposition of SVG Circle in Paths
• How to create smooth WebGL transitions when scrolling with Phenomenon
')

• Performance:
  • Preload, prefetch and other <link> tags
  • Measuring the performance impact of third-party scripts
  • Who has the fastest site in F1?
  • How we created the fastest conference site in the world
  • 10 indicators of web productivity which need to be monitored
  

• Accessibility:
  • What is accessibility? Translation of the corresponding section to MDN
  • Creating accessible websites and applications is a moral obligation.
  • Web accessibility for beginners
  

CSS

• Why it is impossible to set the font size of the visited link
• Things in CSS that no one has ever told me about.
• Adding SVG Filters with CSS
• Folded boundaries . Eric Meyer about the creative options for combining border-styles.
• CSS gets trigonometric functions to help web developers avoid javascript
• Difficult splitting with CSS Grid
• Blurry CSS borders
• CSS scope
• Everything you need to know about word wrapping in CSS
• Flexulator - Space allocation calculator when using Flexbox
• Finally, a CSS solution for: hover on touchscreens
• Periodic table in HTML (built using CSS grid)

Javascript

• Development of simple modern JavaScript applications using Webpack and progressive web technologies
• JavaScript Specification Home Page
• Introduction to RxJS concepts on vanilla javascript
• How to use JavaScript to determine which color scheme a user prefers

• Theory:
  • Features of using the Symbol data type in JavaScript
  • Implement quick sort on javascript
  • I don't hate switch functions, but ...
  • List of books and articles on JS for the discerning web developer.
  

• React:
  • We rewrite the test task for junior frontend on TypeScript and react-hooks
  • Asynchronous Redux without Middlewares - using ES2017
  • React Router v5 release
  • Getting started with React (version 2019)
  • What I learned about React after the month of its study (From the Angular developer’s point of view)
  • Available routing in React
  • React State: choose wisely
  • How to create a real-time logo detection application with React Native, Google Vision API and Crowdbotics
  

• VueJS:
  • Vue 2.6.6 Release part1
  • Difference between Computed Properties, Methods and Watchers in Vue
  • How to reduce the size of the bundle in Vue.JS using Webpack
  • Deep Vuex Dive
  • TradingVue.js - an extensible library for charting traders
  • Start writing Vue.js class-based applications using TypeScript
  • Nuxt.js: minimalistic framework for creating hybrid Vue.js applications
  • Evan You - State of the Vue-Community , VueJS Amsterdam 2019
  

• Angular:
  • Tips for optimizing your application on Angular
  • Tips for debugging your Angular applications
  • How to publish the developed Angular library in NPM, and whether it is worth it
  

• Libs & Plugins:
  • construct-js - Library for creating byte-level data structures.
  • fromfrom - a library for transforming a sequence of data from one format to another
  • CrumbsJS : a lightweight library written on vanilla ES6 for working with cookies and local storage.
  

Browsers

• Firefox 66: The Sound of Silence
• Release of Firefox 66 : blocking video with sound, smooth scrolling, tab search. Plus, details for developers in the blog of Marat Tanalina
• Opera has released an Android browser with built-in VPN
• Mozilla has released a new browser Firefox for iPad
• Google will provide European Android users with the opportunity to choose an alternative search engine and browser.
• Chrome moved two popular features from Microsoft Edge
• I used the Internet for a day in Internet Explorer 8
• First look at the new Microsoft Edge browser on the Chromium platform

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 .
The material was prepared by dersmoll and alekskorovin .