The digest of fresh materials from the world of the frontend for the last week No. 318 (June 4 - 10, 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 "Frontend Weekend" # 56 - Dmitry Karlovsky about creating $ mol or how to write your niche framework
• Devschacht podcast: Night Frontend # 36 - Talking with Nikolai Matvienko on Ryan Dahl's speech at JSConf EU 2018
• Podcast "Frontend Youth (18+)" # 51 Dan Abramov Package Manager
• ALL YOUR HTML # 52: “Parallax on a shader from antoni.de”
• Kolkhoz Frontend . A song that will not leave indifferent modern web developers

Web development

• Google Fonts and GDPR compliance
• New in AMP: Q2, 2018 Edition
• WCAG 2.1 received the official status of “W3C Recommendation”
• Inclusive Components: Detailed Guide for Creating Accessible Cards

• Performance:
  • What are Time to First Byte (TTFB) and Speed ​​Index?
  • Fostering a culture of web productivity
  • 15+ experts share web productivity tips for 2018
  • Google AMP and the problem of obesity sites
  • A series of articles "Test My Site", part 1 - Google Toolkit and Google Speed ​​Update
  

• Tools:
  • JSFiddle - new version
  • JSUI - a powerful UI tool for organizing, creating and managing JS projects
  • 8 Emmet Tips You May Not Know
  • Google Font Downloader - a CLI tool that allows you to download the desired font from Google
  • Yarn import now uses package-lock.json
  

• Effects:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 79
  • The effect of the collapse of the logo
  • Animate images and videos with curtains.js
  

CSS

• How to start working with variable fonts on the web
• Side-channel attack on browsers using CSS3 properties
• Simplify storyteling implementation on pages with position sticky
• Exploring the new facets of CSS animation
• Recreation of Avengers ID cards in HTML and CSS
• Increase your CSS level selectors
• Combining the power of SEM and BIO methodologies for improving CSS
• Specificity in: not (),: has () and: matches ()

Javascript

• Monitoring javascript errors using window.onerror
• Useful methods of arrays and objects in javascript
• An overview of some JavaScript objects that have encapsulation
• Will monolithic CMS eat JavaScript?
• Priorities for JavaScript site diagnostics
• Debugging JavaScript on production with Source Maps
• Creating a SPA without framework
• Presentation Luna - a tool for proper testing in JavaScript
• Release Meteor 1.7 and an evergreen dream

• Theory:
  • A quick introduction to JavaScript Proxies
  • What is “this” in javascript?
  • When (and why) you should use the ES6 arrow functions - and when you should not do it
  

• VueJS:
  • Migrating a web application from pure JavaScript to Vue.js
  • Learn how to use the Vue.js CLI
  • Replacing jQuery with Vue
  • Accelerate development with prototyping and Vue
  • Pagination on Vuejs
  • Kanban board in real time with Vue.js and Hamoni Sync
  

• React:
  • Year spent with React: conclusions and recommendations
  • Higher order components using Recompose
  • 5 common practices that you can stop doing in React
  • React is not a new jQuery
  • How (and how NOT) to learn REACT?
  • Detailed guide to React Material
  • Jest, React and Preact!
  

• Angular:
  • Angular cli 6: why and how to use
  • 3 helpful tips for Angular
  • Architecture in projects on Angular
  • Benefits of Normalizing Acquired Data in Angular
  

• Libs & Plugins:
  • Apple's MapKit JS is a tool for embedding Apple Maps into your site.
  • 11 JS libraries for animation in 2018
  • Short and Sweet, available character counter
  • LuminJS - JavaScript library for progressive selection of any text on a page.
  

Browsers

• Fusion project launched to merge Tor Browser and Firefox
• Google introduced Chrome 68 Beta
• Firefox tests the ability to simultaneously view different tabs.
• Firefox share dropped below 10% in Net Applications service statistics
• In "Yandex Browser" appeared energy saving mode

Entertaining

• GitHub is now officially owned by Microsoft
• The new head of GitHub told what to expect after merging with Microsoft
• Six GitHub alternatives for collaborative development
• Google: page locking in robots.txt may not work if it has links to it.
• Google has published rules for the use of artificial intelligence
• In brief: what Apple told at the opening of WWDC 2018
• How did the WhatsApp founders quarrel with Facebook and how much did it cost
• Facebook obliged developers to use HTTPS in Facebook Login
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