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

• Podcast "Web Standards", Issue # 135: Certificates and TLS 1.3, flexs and custom properties, compatibility and webkit-junk, SVG filters and WebGL, Node.js news
• Podcast "Frontend Weekend" # 67 - Victor Grishchenko on how and why to develop science in the modern IT world
• Weekly Vue Weekly Podcast, Issue 1.
• Five Minute React podcast # 44 - From the life of a middle developer
• “Devshakhta - Podcast”: # 47: Test as Uncle Bob
• Podcast "Frontend Youth (18+)" # 62 The Multicultural Podcast is not about the front end
• 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 Frontend - Modern Approach to Front Sharing
• Web Payments, Payment Request API and Google Pay
• Create AR / VR with Javascript and HTML
• A quick introduction to web security
• Overview of popular static site generators
• New accessibility instructions in WCAG 2.1
')

• Performance:
  • Tips for improving the performance of CSS and JS animations
  • 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 web dive performance in 2018
  

• Instruments:
  • Professional tips on using Visual Studio Code for maximum performance in 2018
  • SVG 3D Builder - an integrated 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 to normalize and reset styles (custom-reset.css)
• Resolved with CSS! Logical styling based on the number of elements
• We write CSS better and more beautiful
• Using support definition 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:
  • Some words about gradients
  • Responsive images: CSS techniques that help save time
  • Using CSS Clip Path to create interactive effects, part 2
  • Use background-attachment CSS to create sticky background ads in iFrame
  • Real examples of using CSS with SVG
  • Advanced effects using CSS background blending modes
  

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

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

• PWA:
  • CSS and PWA: Some Tips for Progressive Web Applications
  • CSS Optimization Tools to Accelerate Progressive Web Applications
  

Javascript

• TypeScript 3.0
• Web applications and servers running JavaScript are vulnerable to ReDoS attacks.
• Top 33 javascript projects on github
• Checklist for writing reusable components in React and Vue

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

• Theory:
  • Javascript: object exploration
  • 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:
  • The state of Vue.js in 2018
  • Creating an SEO-Friendly SPA on Vue.js with Prerender, as well as tips
  • JS developer challenges Google and Facebook
  • Handling Touch Events with VueJs
  

• React:
  • Kotlin + React vs Javasript + React
  • An example React Autocomplete guide
  • The complete guide to props in React
  

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

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

Browsers

• Mozilla has announced the removal of obsolete Firefox add-ons.
• The upcoming update of Google Chrome 69 will bring a radically new browser design
• In Firefox 62, they plan to activate the Firefox Monitor system add-on.
• Chrome for Android can 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 from September 1
• Windows 95 ported to Electron
• The Linux kernel has 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.
Go

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