The digest of fresh materials from the world of the frontend for the last week №282 (September 25 - October 1, 2017)

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 # 88 - Licenses and DRM, wonders of SVG and border-image, graphics optimization, Shorts and JS-typing, accessible dialogs.
• Podcast "Frontend Weekend" # 21 - Zar Zakharov on the "closure" of the Alpha Lab and the departure from LoftBlog
• Five Minute React podcast # 37 - Prettier
• Podcast "Frontend Youth (18+)" # 20: Start Course for WebAssembly Lectures
• The podcast "Drinkcast", Issue # 10: "Hungover, about the community and the podcast"
• "ALL YOUR HTML" # 16: "Animation on scrolling from iPhoneX site"
• HTML Shorts: Sugar Javascript text version
• Ya.Subbotnik 2017

Web development

• Why headlines are needed
• Time to kill the web
• Discussion on the choice of the WordPress JS framework continues with the involvement of the open source community leaders
• 8 podcasts about frontend
• The web is my API
• How to work with responsive images
• Questions for interview on the position of the front-end developer, as well as answers to them
')

• AMP / PWA:
  • Google AMP project and its impact on SEO
  • Google has increased the share of AMP content in mobile issue
  • Progressive web applications? No, we make web applications for others
  

• Performance:
  • How faster DOM build: parsing, async, defer and preload
  • How HTTP / 2 helps solve HTTP / 1.1 performance problems
  • Essential Image Optimization: a new free e-book about the best image optimization techniques from Addy Osmani
  

• Accessibility:
  • It's a (focus) Trap . About focus in modal windows in terms of accessibility
  • We write CSS, without forgetting about availability
  • Availability in trivago
  • VoiceOver and list-style-type: none
  • Development of accessible sites in the context of University of Washington web resources
  • How to create an affordable button switch - a fresh release of the show A11ycasts # 25
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 55
  • Using SVG clip-path to change the logo color when scrolling the page
  • Learning animation methods and interacting with WebGL (in examples)
  • Creative transition effects between slides using CSS Masks
  • Fuzzy Plus - a cool demo with animation of hair structure
  
  

CSS

• 5 things that CSS developers would like to know when they started
• Interactive introduction to Mozilla's CSS Grid Layout
• Pitfalls and some CSS Grid Tricks from Rachel Andrew
• Implementing Dropdown Blocks on Pure CSS

• Fonts:
  • CSS Font-display: The Future Of Font Rendering On The Web
  • EBay's Font Download Strategy - localStorage, FontFaceSet APIs, and Font Face Observer
  • "What you should know about variable fonts." Interview with Tim Brown and Bram Stein from Adobe Typekit
  • A five minute guide to improve typography knowledge
  

Javascript

• V8 under the hood
• A brief history of modularity in JS
• Javascript testing frameworks: best for testing js code
• True Web: JavaScript can't be trusted
• Dawn and sunset Ext JS
• Comparative study of progressive JS frameworks: Angular.js & Vue.js
• 8 tips to improve performance for javascript

• ES2015 +:
  • Deploying ES2015 + code in production today
  • ES6 for newbies
  • Learn promises by creating promises from scratch
  • ES6 promises: patterns and anti-patterns
  

• VueJS:
  • Five Vuex plugins that you can add to your next project
  • Use axios with Vue.js
  • Conditional application of CSS classes in Vue.js
  • vue-a11y-calendar - available translatable calendar for VueJS
  

• React:
  • React v16.0 released
  • What you need to know about React 16
  • React Router v4: the complete guide
  • Getting started with Redux
  • Using Preact as an alternative to React
  

• Libs & Plugins:
  • Lozad.js - productive lazy loading for images
  • SQIP - SVG based image placeholders
  • draggable is a modern library for Drag & Drop with interactive examples and efficient styling.
  • Micromodal.js - a lightweight and customizable library for accessible modal windows with pure JavaScript
  • strudel.js - lightweight component framework
  

Browsers

• Firefox 56 release , some details for developers by Marat Tanalin
• Beta release of Firefox 57 with a multi-threaded CSS engine and a new look
• Devtools Developer Edition Update: Now with Photon UI
• Screenshots, Send Tabs and other advanced features in the new Firefox
• Screenshots and currency converter: Opera 48 released
• Opera 49 will be the first browser with support for virtual reality helmets

Entertaining

• Stack Overflow and Microsoft have developed a bot assistant for Visual Studio Code
• Twitter for the first time doubles the limit on the length of messages - up to 280 characters
• Facebook and Microsoft launched the most powerful Marea transatlantic Internet cable
• Microsoft is one of the key sponsors of the OSI (Open Source Initiative)
• Nvidia: Moore's law has lost relevance, and the GPU will be a replacement for CPU
• Why people don't like Silicon Valley anymore
• How Apple, Facebook and Google Create New Television
• How blockchain technology will change wordpress
• Incredible history of the origin of Google Analytics
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 from last week .
Material prepared dersmoll and alekskorovin .