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 .