The digest of fresh materials from the world of the frontend for the last week №302 (February 12 - 18, 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» # 40 - Aleksandra Shinkevich about moving to Minsk and oppressing girls in IT
• Podcast “Web Standards”, Issue # 108: New podcast feed, experiments and basics of layout, overheated salary, PWA on desktop, ECMAScript 3000, Vue.js instead of jQuery, Node.js 10.
• Devschacht podcast: Night frontend # 22 - Rolling Scopes, day two
• Podcast "Frontend Youth (18+)" # 38 Rolling Scopes. Impressions
• Podcast "Frontend Youth (18+)" # 37 Secrets of React
• "ALL YOUR HTML" # 36: "The fire on shaders and noise"

Web development

• Handbook for front-end interview (with answers)
• Hidden miner cryptocurrency in favicon.ico - welcome to 2018
• Techniques to shorten long headers (CSS and HTML)
• Everything that was simple became again complicated.
• Accessibility: Review 2017 and Outlook 2018
• Mobile Web: when speed matters

• AMP:
  • Google introduced AMP Stories
  • Google introduced AMP for Email
  • Google: more than 60% of AMP clicks on non-news sites
  • AMP: The Missing Debate : How Google Cheats With Performance
  • AMP for letters is a terrible idea
  • Two sides AMP
  • Email Design Podcast # 94: Instant Response to Gmail AMP Announcement
  

• Instruments:
  • Parcel v1.6.0: Zero Config ES6 + and JSX, Node and Electron Targets, gang statistics and more
  • Zack Lieserman introduces Eleventy, a new static site generator.
  • Choose a JavaScript builder: configure or not configure, that is the question
  

• Effects:
  • SVG masks and wow effects: magic with simple words
  • Weekly selection of beautiful effects on CSS / SVG / JS # 70
  • Animation of letters when scrolling
  • Detailed guide to Clipping and Masking in SVG
  

')

CSS

• New experiment from Roman Komarov: sorting tables using CSS and HTML.
• CSS basics: syntax that matters and which doesn't
• CSS Basics: Using Multiple Backgrounds
• CSS Basics: Backup Fonts Stack for More Reliable Web Typography
• All you need to know about CSS variables
• Understanding Media Queries in HTML Email
• Debug CSS Performance with Chrome Profiling Tools
• In Firefox, DevTools Nightly now has a flag on elements with flex.

• CSS Grid:
  • CSS grids + CSS columns = love
  • Basics of CSS Grid: The Big Picture . New episode of the show "Layout Land"
  • CSS grid for interface elements
  

Javascript

• We write JavaScript, without forgetting about availability
• Ember 3.0 release
• We are approaching the release of Babel 7.0. Here are all the cool things we're working on.
• Eloquent JavaScript, 3rd edition - a draft book on JavaScript and programming
• Simplified explanation of event propagation in JavaScript.
• How to update user status in real time using JavaScript and Pusher
• How to keep simplicity of javascript code and increase its readability
• How I created a public anonymous javascript chat

• ES2015 +:
  • Tips and tricks of ES6 that will make your code cleaner, more concise and readable
  • Async Await save the day (sort of)
  • Promises are not neutral enough
  

• VueJS:
  • Replacing jQuery with Vue.js: the build step is optional
  • Five things I learned by creating a Saas app on Vue.js
  • Creating a cryptocurrency tracker using Vue.js
  • Vue.js - answer to the question why, after 15 months
  

• React:
  • We study and implement the algorithm of the correct observer pattern for react components
  • How to avoid performance problems when creating React-applications
  • Design Patterns in React
  • Ideas behind React Easy State
  • Hyperapp for Redux Refugees
  

• Angular:
  • Angular 5: Unit tests
  • Stable AngularJS and LTS
  • Angular 1 documentation has disappeared from Google search results
  • C AngularJS on Angular5 - large app update
  

• Libs & Plugins:
  • Representation of large amounts of data in the form of line graphs with D3.js
  • date2json - parses the date in JSON-format
  • face verify.js : monitoring a user physically looking at the site for added security
  • blotterJS - JavaScript API for drawing unconventional text effects on the Internet
  

Entertaining

• YouTube fell? Or one percent problem
• Technical SEO in the era of semantic search and Google
• A study was published on the contribution of IT companies to open projects on GitHub
• Google will add to Gmail the ability to view pages directly from emails and allow third-party applications to use the Smart Reply feature.
• Why did the classic version of Skype 7.40 disappear from Microsoft?
• Adblocker problems: how changing ad formats have affected blocking services in 2017
• Presents the first working projects of WebAssembly
• Presented new types of attacks MeltdownPrime and SpectrePrime
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 .