The digest of fresh materials from the world of the frontend for the last week №327 (August 13 - 19, 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 №134: Invisible DOM and files, new attributes for images, web components in Firefox, news from the forest, a good conference.
• Podcast "Five Minutes Angular" # 11 - WSD, Community, ngrx-data, websocket, Angular 7.0, CLI 6.2 beta
• Podcast "Frontend Weekend" # 66 - Zhanna Kruglova about the fate of the developers in the decree and the history of Great Interviews
• “Devshakhta Podcast”: # 46 - The Path of the Joon - how to completely change the profession in a year
• Podcast "Frontend Youth (18+)" # 61 Oh, Lisp machine
• Interview with teacher SRI Dmitry Andriyanov
• Web Standards Days , recording of the conference held on August 18 in St. Petersburg
• JSCamp Barcelona 2018, 13 videos

Web development

• WebAssembly: how and why
• Learning web development in 2018
• Full Anatomy of Gutenberg WordPress Editor
• Creating sites for Safari Reader Mode and other applications for reading
• API sensors for the web
• Seven best online sandboxes for writing code
• Accessibility: your content skip links are broken
')

• Performance:
  • 18 tips on how to speed up wordpress
  • Friday Frontend: Client Side Performance Edition
  

• Animation:
  • Foot tap loader | SVG + GreenSock
  • Chromatic aberration effect
  • Scrolling site rebound effect
  

CSS

• Maximum adaptability with a minimum number of media queries, or the inverse adaptivity method
• 5 CSS tricks you should know about
• Standard for non-standard
• The first public draft of the module of values ​​and units of CSS 4 level
• Variable fonts: what they are and how to use them
• All features of the color-adjust property
• 3D transformation features in CSS
• About switching from HEX & RGB to HSL
• Time-saving techniques for working with responsive CSS images

• Practice:
  • Simple interactive pie chart using CSS variables and Houdini magic
  • CSS Scroll Snapping in practice
  • Creating a sea battle on CSS
  

• Layouts:
  • Simple and responsive modern CSS Grid Layout template
  • Experimental layouts using CSS Shapes and clip-path
  • Site redesign using CSS Grid layouts
  • All you need to know about alignment in Flexbox
  

Javascript

• Synchronization between tabs using Web Locks API
• Built-in functions in V8 (builtins)
• How to create a simple component for working with the camera

• Podcasts:
  • JSJ 326: Talking with Ember creator Tom Dale about Ember 3.0 and the future of Ember
  • JavaScript & SEO , The Web Platform podcast, issue # 168
  • “REST easy, GraphQL is here” , podcast JS Party - Episode # 38. Hosts talk to John Resig (the creator of jQuery) about how he uses GraphQL in the Khan Academy, as well as about John’s thoughts about the present and future of jQuery
  

• Theory:
  • Problems with interviews. Solution Collection - Fun ES # 5: for Nerd , Fun ES # 6: flip the number
  • Parsing the Module Pattern in JavaScript
  • Ivan Tulup: asynchronism in JS under the hood
  • JavaScript engine basics: prototype optimization
  

• Angular:
  • Ivy Research - New Angular Compiler
  • Get started with Angular Grid in 5 minutes
  • The Angular team released tools that simplify the transition from AngularJS to Angular.
  • Angular 7 is coming
  • Debugging Angular CLI Applications in Visual Studio Code
  • 10 of the most useful properties of Angular, which you may not have heard
  • How Angular CLI Budgets saved my day, and how it can save your
  

• VueJS:
  • Vuex: structuring large projects and working with modules
  • Vue patterns . Useful patterns, methods, tips and tricks, and a carefully selected list of Vue links. If you like the translation, then put a star-like translation repository
  • Three reasons to use Vue.js in your next project.
  • How I created a browser extension on Vue: Part 1 , Part 2
  

• React:
  • Practical React: rendering control - performance
  • Work with refs in React
  • How you can plan three days ahead with React
  • Simple internationalization of applications on React
  

• Libs & Plugins:
  • Tone.js - a framework for creating interactive music in the browser using the Web Audio API
  • from-html - get the link to the element directly from the HTML string
  • TheoremJS - a math library for computing in JavaScript
  

Browsers

• What video codecs (do not) use browsers for video calls
• Mozilla engineers removed 23 add-ons for Firefox, collecting user information.
• Opera 55 released: new settings interface and simplified installation of Chrome extensions
• Creating the Chrome extension in 2018: good, bad and evil

Entertaining

• The new AI DeepMind system is able to diagnose and prescribe treatment for more than 50 eye diseases.
• “We are the power here.” How “Dvach” saves and maims other people's lives
• How Amazon creates a YouTube competitor from Twitch
• Three decades of "Might and Magic": understand the history of the legendary franchise
• Artificial intelligence in action
• Is it possible to create a super-programming language - experts answer
• “I don’t like it - I’ll grow a new arm”: a designer of artificial limbs about growing limbs and a cyberpunk in Russia
• A new set of Specter vulnerabilities has been detected in Intel processors: Foreshadow or L1TF

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