The digest of fresh materials from the world of the frontend for the last week № 316 (May 21 - 27, 2018)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Entertaining

---

Media

• Podcast "Frontend Weekend" # 54 - Vsevolod Shmyrov on how to become a team leader in Yandex from a Flash game developer
• Podcast “Web Standards”, Release №122: May 28, 2018: Google Crossbrowser, what TC39 discussed, SVG generation, new products and React problems, anchor by CSS selector, dancing skeletons, high-level APIs.
• Devschacht Podcast: Night Front End # 34 - HolyJS 2018 Piter
• Podcast "Frontend Youth (18+)" # 49 Another look at the conference
• The podcast "CSSSR", News 512 - Issue №7 ( May 21 - May 27 )
• ALL YOUR HTML # 50: “Simple generative art on 2d canvas”
• MinskJS Meetup # 4 - May 24, 2018
• React Finland 2018

Web development

• Mobile-first indexing - Google's search revolution
• Research: Do nofollow links affect ranking in Google? Correlation and data analysis.
• Learning Gutenberg . A series of articles on css-tricks devoted to the study of Gutenberg, the new editor in Wordpress (React-driven SPA)
• Work with dynamic Bezier curves
• Text editing techniques that every front end developer should be aware of
• Web Push Notifications . Manual and technical demo from the Microsoft Edge team
• Wired Elements - a set of UI components that look like sketches.
')

• Performance:
  • Accelerating the loading of fonts on the site
  • Web States: Best Image Optimization Strategies
  • How to use Lazy Loading in the context of load time Slash Page
  • Making legacy websites more productive with the help of modern frontend performance techniques
  

• Tools:
  • 10 Firefox Dev Tools tricks that can hit you
  • Choosing the winner of the battle between ESLint and Prettier
  • What's new in DevTools (Chrome 68)
  • How to test accessibility?
  

• Animation:
  • Grid Layout, combined with the effects of bias on hover and the ability to preview content
  • Recreation of animation from MS fluent design - targeting a whole group of elements
  • segmented-type - unusual segmented typography on SVG
  

CSS

• Display: contents is not a CSS reset
• eqio - a simple, compact alternative to expressions from an element / container
• Explanation of the Z-Index: how to add elements using CSS
• Dark theme for the day . Using a set of modern CSS features to create a night mode for an application
• Getting started with CSS Layout . Detailed article from Rachel Andrew
• The right way to style the buttons

Javascript

• Classic JavaScript algorithms and data structures
• Node.js 10 innovations in development and security
• Practice using proxies in javascript
• Symbols, generators, async / await, and asynchronous iterators in JavaScript: their essence, interconnection, and use cases

• VueJS:
  • Creating and publishing web components using Vue CLI 3
  • Why VueX is the best interface between the front end and the API.
  • Vue.js - Considerations and Tricks
  • Hi Protovue - Component Prototyping Framework for Vue.js
  • Vuido - create desktop applications for Windows, OS X and Linux using Vue.js.
  

• React:
  • React v16.4.0: Pointer Events
  • CI and React application deployment
  • Everything about React : Discover everything from basics to the latest React solutions - React-Render Props, Context API, Suspense, CSS-in-JS, progressive web applications, user interface libraries, etc.
  • Flow vs TypeScript in React - my two pennies
  • What can the React Context API do for you ?? Multi-language text, modals and theme switches
  • RSUITE - React Components Kit
  • Advanced visualization with react-vis
  

• Angular:
  • Detecting changes in Angular Ivy: are you ready?
  • Understanding the provider scope in Angular
  • Use Angular Augury to debug your code.
  • Accelerating the development process with Angular 5 snippets and VS Code
  • Reactive programming in Angular: push notifications
  

• Libs & Plugins:
  • nanoJS - minimal JS library without dependencies for DOM manipulations
  • hybrids - UI library for creating web components with a simple and functional API
  • Hyphenopoly - polyfil for client hyphenation in text
  

Entertaining

• GDPR. Practical advice
• Hysteria around GDPR , part 2. Useful tips
• Adobe will buy one of the world's most popular systems for managing Magento online stores for $ 1.68 billion
• How to lose friends and make everyone hate yourself by doing code review
• What the future will be - 7 predictions from Wired magazine
• Facebook has opened the source code of the library to balance the load on the network
• Pornhub has launched a free and unlimited VPNhub service.
• Scientists have introduced a new technique that allows you to place hidden information in the characters of the font
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