The digest of fresh materials from the world of the frontend for the last week No. 354 (February 25 - March 3, 2019)

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 # 163: Math in CSS, speed and overhead, new AV1 video codec, JavaScript and SEO, robots will not replace us.
• Devshakhta Podcast: # 71: How TypeScript Changes Our Thinking (Part 2)
• The podcast "CSSSR" News 512 - Issue №40 (25.02 - 03.03)
• On mitap! # 1: recording reports . Materials on the results of the first meeting in an online format organized by HTML Academy
• Vadim Makeev's video blog: “15. Live answers »
• Tournament: “The best JS-feature 2018” (PART 4 ​​- FINAL!)

Web development

• Quality code . Deciphering Ivan Botanov's report with Frontend Conf, where he talks about readability, naming, declarativeness, Code style, and the relationship between juna and lead
• Test layout? Easy
• Portfolio processing, part 1: animation, micro-interactions and SVG
• Static Site Generators: A Beginner's Guide
')

• Performance:
  • Google: Download speed on mobile should be a constant priority.
  • For the illusion of fast loading pages: the rules for creating a skeleton screen on websites and applications
  • A Bit of Performance . New article by Roman Komarov about the details of optimizing his site - preloading links, fonts, progressive navigation and the like
  • Serve Responsive Images
  

• Accessibility:
  • When is a button not a button?
  • Accessibility is not a “React Problem”
  • Web Accessibility Guide - Supervised collection of tips, tricks, and recommendations on web accessibility.
  • Availability practices for components with date selection
  • Analysis of the availability of home pages 1.000.000 sites
  • Using artificial intelligence to create alternative text on images
  

• Animation:
  • Effects of filtering SVG. Part 7. Moving forward
  • SVG Filter Effects: Moving On
  • Text trail effect
  

CSS

• How does @supports work
• Responsive Design and Custom CSS Properties: Defining Variables and Breakpoints
• Mental CSS model . New PPK article in which he tries to explain the CSS philosophy to Javascript developers
• The CSS Working Group agreed to add a variety of mathematical functions, including acos (), asin (), atan (), hypot (), sqrt () and many others.
• Breaking Boxes With CSS Fragmentation . Latest Rachel Andrew article on new CSS specification
• Recreating the gradient effect of Facebook Messenger with CSS
• Detailed overview of the principles of the CSS selectors + cheat sheet
• Less known CSS properties in GIF
• 8 small videos about the Shape Path Editor in Firefox
• Will custom CSS properties win Sass cycles?
• Look, no media queries! Adaptive layouts using CSS Grid

Javascript

• Wolfensteiny 3D - reverse engineering 251 bytes javascript
• Google launches a series of videos on SEO for JavaScript
• FunES # 9: riddle . Java tricks
• Releases: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• How to write simple modern JavaScript applications using Webpack and progressive web technologies
• Understanding performance problems with “polymorphic” JSON data

• Theory:
  • 5 tips on how to write conditional constructions in JavaScript
  • 12 JavaScript Concepts to Know
  • A complete guide to cycles in javascript
  • What is the longest sequence of keywords in javascript?
  • Complete Callback Guide
  

• React:
  • Efficient component creation with a styled system
  • We switched to Next.js to process our homepage 7.5 times faster
  • Improving performance in functional components of React with React.memo ()
  • As the “golden rule” of components, React can help you write better code.
  • Writing tests for React applications using Jest and Enzyme
  • Explanation of Redux in 1 minute
  • 8 reasons to use styled-components
  

• VueJS:
  • Improving Development Productivity with Vue - Part 2
  • Optimizing the performance of the application Vue.js, Part 1: Introduction to optimizing performance and lazy loading
  • Sliding In And Out Of Vue.js. Detailed article about one of the advantages of Vue - easy progressive integration with another JS
  • Creating custom directives in Vue.js
  • Another example of an abstract component in Vue.js
  

• Angular:
  • MVC in the world of Angular
  • Angular Loadable Announcement (ngx-loadable ~ 2.2kB)
  • How to transfer files and data between a client on Angular and a backend on Node.js
  

• Libs & Plugins:
  • FrenchKiss.js - super fast and easy library for internationalization, working both in the browser and in the NodeJS environment
  • terser - JavaScript parser and mangler / compressor toolkit for ES6 +.
  • cnbuilder - yet another classname string builder
  • Zero Server: zero configuration web framework
  • npmf: quickly pulls up information about the npm package directly to the terminal
  

Browsers

• 0Day-vulnerability in Chrome is used to steal data
• In Firefox 67, an about: compat page will appear and unloading tabs when there is not enough memory.
• Google speeds up Chrome with a new open page caching feature.
• Firefox will display a picture in picture mode and a redesigned add-on manager
• Chrome is no longer needed

Entertaining

• Google has opened a domain registration in the zone .dev for everyone
• Neural network taught to fake voices
• “The acclaimed Chinese social rating system is in practice far from new technologies”
• The most significant events in the field of artificial intelligence in 2018
• Do you recognize the programming language by code for “Hello, World!” - test in exotic languages
• Mozilla has released Common Voice voice data.
• Linus Torvalds does not believe that servers on the ARM architecture will replace x86. “Selling a 64-bit model is idiocy”
• New programming languages ​​quietly kill our connection to reality.
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 .