The digest of fresh materials from the world of the frontend for the last two weeks №330 (September 3 - 16, 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”, Release №138: September 17, 2018 : 10 years of Chrome, who needs a URL, what is a cascade, a cursor on buttons, microbenchmarking, DOM in workers, JS 2018
• Weekly Vue podcast: Weekly Vue # 3 , Weekly Vue # 4
• Podcast "Frontend Weekend" # 69 - Ruslan Kaymakov on how to build a career as a leader in the development world, # 70 - Gleb Mikheev about developing your own production-agency and preparing Frontend Conf
• Five Minute React Podcast # 47 - Elm 0.19
• “Devshakhta / Night Frontend” podcast: 49: Vue.js 2.5 years in production - normal flight , 50: Visiting pythonist: how and why to dive in Python
• Podcast "Frontend Youth (18+)" # 63 What happened to WSD
• The podcast "CSSSR", News 512 - Issue №21 (10.09 - 16.09)
• Vadim Makeev's video blog: # 1. Pilot, analyzes, answers and live , №2. CSS-Minsk-JS, mitapy, the future of the frontend and the main page

Web development

• BEM'a should not exist
• Using SVG with Media Queries
• HTML elements, get ready! Voltron's abilities in the context of a combination of elements
')

• Performance:
  • Optimizing graphics for the web: the most important
  • Improving customer performance . Cheat Sheet Guide to Basic Optimization Techniques
  • Font checklist
  

• Tools:
  • In the GitHub extension for Atom added new features for pull requests
  • GitHub Pull Requests in Visual Studio Code
  • 6 tips on VSCode Tips ... in 60 seconds (by Paul Lewis)
  

• Accessibility:
  • The easiest way to keep your web applications accessible: just use text
  • How do you markup for accordion?
  • The importance of manual availability testing
  • Customizing radio buttons without abandoning their availability
  

CSS

• iOS CSS of death
• A quick guide to variables in CSS (reasons for usage, syntax and examples)
• Improved effects with background layer blending in CSS
• Download field we deserve
• Bad, but yours: how to write a really awful CSS
• Nobody knows CSS: specificity is not a cascade
• New in Chrome 69: create a circular progress indicator using bevel gradients
• How to use 2D transformation functions in CSS
• Introducing Trashy.css - a simple way to review page structure
• The Complete CSS Scroll Snap Guide
• Denial of CSS is about exclusion, not technology.
• : empty and: blank
• Creating a sliding effect with position sticky

Javascript

• Recursion for the inexperienced
• The Fundamental Principles of Object-Oriented JavaScript Programming
• State Of JavaSript 2018 , a fresh survey among JS developers about the state of the industry
• Celebrating 10 years V8
• Remove jQuery from the frontend of GitHub.com
• 12 things to consider when evaluating any new JavaScript library
• I created the same application on React and Vue. Part 2: Angular
• 100% correct way to split your code using Webpack
• Lintting javascript and formatting with ESLint, Prettier and Airbnb
• What makes ReasonML so cool?
• Modern JavaScript - let, const and var

• VueJS:
  • How to create a SPA using Vue.js
  • Creating VueJS Applications with TypeScript
  • The structure of the universal application code in Nuxt.js
  • Vuesax - new component framework for Vue.js 2
  • Lazy loading of images with Vue.js and IntersectionObserver directives
  

• React:
  • Convenient way to test React components
  • React, Webpack and Babel from scratch
  • Introduction to using form elements in React
  • How to implement the best Drag and Drop in your React application.
  

• Angular:
  • Angular 6 Reference: Patterns , Core
  • We pump the web with PWA . Progressive Web Apps + Angular = love
  • Angular 6 Tutorial: New Features With New Capacities
  • Comparing Angular and React, as well as their core languages
  

• Libs & Plugins:
  • low.js - Node.JS port for embedded devices
  • sqorn - Javascript library for building SQL queries
  

Browsers

• Picture in Picture mode in Chrome 69
• Google wants to kill url
• Firefox 62 has been released: new security tools and settings interface , as well as technical details for developers on the Marat Tanalin blog.
• Chrome 69 is released with a new design, improved password manager and omnibox
• Chrome browser is 10 years old
• Microsoft tried a more aggressive way to promote the Edge.
• Google has canceled the hiding of the www and m subdomains, but intends to standardize their special status.
• Firefox will support translation of pages using Google Translate
• Chrome 70 beta: shape detection, web authentication and more
• An inside look at a modern web browser: Part 1 , Part 2
• Chrome Redesign: Interview with Lead Chrome Designer

Entertaining

• Python also partially disclaims the terms master / slave
• Glow compiler from Facebook received support from Intel, Marvell and Qualcomm
• Google has opened the Google Photos API for third-party developers.
• A person is not as important as her data!
• September ranking of programming languages ​​from TIOBE: Python first hit the 3rd place
• How to stop infuriating fellow developers
• What are the common mistakes in programming make newbies - experts answer

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 .