The digest of fresh materials from the world of the frontend for the last week №328 (August 20 - 26, 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

• Web Standards Podcast, Issue # 135: Certificates and TLS 1.3, flexs and custom properties, compatibility and webkit-junk, SVG filters and WebGL, Node.js news
• Frontend Weekend podcast # 67 - Victor Grishchenko on how and why develop science in the modern IT world
• Weekly Vue weekly podcast, Issue 1.
• Five Minute React podcast # 44 - From the life of one middle developer
• “ Devshakhta - podcast ": # 47: Test as Uncle Bob
• Podcast" Frontend Youth (18+) " # 62 Multicultural podcast is not about the frontend
• Interview with the head of SRI Sergey Berezhny
•ChernivtsiJS 2018 - June 23, 2018 , 12 videos

Web development

• An introduction to programming shaders for web designers
• Microservice front-end - a modern approach to front division
• Web Payments, Payment Request API and Google Pay
• AR / VR creation using Javascript and HTML
• Quick introduction to web security
• Overview of popular static site generators
• New instructions on accessibility in WCAG 2.1

• Performance:
  • Tips for improving the performance of CSS and JS animations
  • A guide to using webpagetest
  • How we entered the top 3 fastest e-commerce sites
  • Immersion in web performance according to Google I / O 2018
  • Deep immersion in web performance in 2018
  

• Tools:
  • Professional tips on using Visual Studio Code to achieve the highest performance in 2018
  • SVG 3D Builder is a comprehensive tool for creating three-dimensional models on svg
  • SVG Filters Playground . A tool that makes filter management much more convenient.
  

• Spectacular web:
  • Codepen-selection of CSS / SVG effects for text on the web
  • A selection of creative animations for the “hamburger” menu
  

CSS

• Custom approach for normalizing and resetting styles (custom-reset.css)
• Resolved with CSS! Logical stylization based on the number of elements
• We write CSS better and more beautifully
• Use the support definition function to write cross-browser CSS

• Standards:
  • Standard for non-standard
  • Sometimes they are returned: pseudo-elements with the prefix -webkit- become valid in Firefox
  • :: before vs: before
  

• Visual effects:
  • A few words about gradients
  • Responsive images: CSS techniques that help save time
  • Using CSS Clip Path to create interactive effects, part 2
  • Using background-attachment CSS to create sticky background ads in iFrame
  • Real examples of using CSS with SVG
  • Advanced effects using background blending modes in CSS
  

• Layout:
  • Everything you need to know about alignment in the Flexbox
  • Advantages of using CSS Grid for web form layouts
  

• Typography:
  • Research of variable fonts
  • Variable fonts and dyslexia
  

• PWA:
  • CSS and PWA: Some Tips for Building Progressive Web Applications
  • CSS Optimization Tools for Accelerating Progressive Web Applications
  

Javascript

• TypeScript 3.0
• Web applications and servers working with JavaScript are vulnerable to ReDoS attacks
• Top 33 JavaScript projects on GitHub
• Checklist for writing reuse components in React and Vue

• Tutorials:
  • Creating live graphics on D3.js
  • Sample Javascript Fetch API guide from scratch
  • Creating a simple static site generator with Node.js
  • First steps with TensorFlow.js
  

• Theory:
  • JavaScript: study of objects
  • Increase the level of ownership of the method of working with arrays filter
  • Complex numbers in JavaScript
  • Iterators and generators take their place in modern JavaScript
  • Asynchronous recursion: promises, surprises, but, above all, confusion
  

• VueJS:
  • State of Vue.js in 2018
  • Creating an SEO-Friendly SPA on Vue.js using Prerender, and tips
  • JS developer challenges Google and Facebook
  • Handling touch events with VueJs
  

• React:
  • Kotlin + React vs Javasript + React
  • React Autocomplete tutorial with an example
  • Complete props guide to React
  

• Angular:
  • Properties of Angular v6 that change the rules of the game
  • Creating an optimized for search engines PWA on Angular - part 1
  • How to create a plugin / extensible application architecture on Angular5 +
  

• Libs & Plugins:
  • size-plugin - displays the size of compressed assets of your webpack and changes since the last build
  • WorkerDOM - an implementation of the DOM API designed to work inside the Web Worker
  

Browsers

• Mozilla announced the removal of outdated Firefox add-ons
• The upcoming Google Chrome 69 update will bring a radically new browser design
• Firefox 62 plans to activate the Firefox Monitor system add-on
• Chrome for Android may start disabling JavaScript on a 2G connection

Entertaining

• Yandex cancels the TCI and introduces a new indicator of the quality of the site
• Programmers are joking. Is it time to ban?
• The European Union will ban the production of halogen lamps on September 1
• Windows 95 ported to Electron
• Linux kernel turned 27 years old
• How the mouse was tempered: the evolution of gaming peripherals
• OG became the champion of The International 2018 . For the victory, the team earned $ 11.2 million.

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 dersmoll and alekskorovin