The digest of fresh materials from the world of the frontend for the last week №292 (December 4 - 10, 2017)

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" # 31 - Dmitry Chekin about creating CSSSR and features of remote work
• Web Standards podcast, Issue No. 98 - Picture decoding, animation and authorization in browsers, Webpack or Parcel, outdated GIF and everything you wanted to know about Smashing Magazine.
• Devschacht Podcast: Night Front End # 14 - HolyJS. Day 1
• Podcast "Five Minutes Angular» # 7 - HolyJS, Articles, Angular-EN / Universal / OfflineMoscow, NewHR
• Podcast "Drinkcast", # 20 - "Catching an open source"
• “ALL YOUR HTML” # 26: “SVG and WebGL Masks”
• 31 videos from KharkivJS # 8 2017
• 3 videos from MinskCSS Meetup # 3
• 16 videos from Fronteers Conference 2017

Web development

• Google announced AJAX scan changes
• Brief results of front-end development in 2017
• Making offline support for your web application: part 1 - setting , part 2: implementation
• Guide to preparing for the interview on the position of the frontendder
• Learn more about vulnerability alerts.
• “What's wrong with the modern front-end?” , A report by Maxim Korabelsky on ThinkPHP
')

• Performance:
  
  • “Img” evolution: Gif without GIF format
  • Performance as Perception: Managing Perception
  • Average page load speed in 2018 - how, what and why to measure.
  • Performance is an advantage
  

• Instruments:
  
  • Meet Turbo: a package manager that is 5 times faster than Yarn / NPM and works in a browser
  • wordpressify - build system designed to automate the development process on WordPress
  • parceljs - new fast web app bundler
  • Webpack: a soft introduction to the modular bandler
  • We configure webpack for any project
  • Visual Studio Code added integration with Avocode to work with the design directly in the editor.
  

• Accessibility:
  
  • Revising the approach to creating accessible links
  • 5 basic misconceptions about web accessibility
  • We provide alternative content for screen reader users.
  • Web Content Accessibility Guides for People Who Did Not Read
  • Automation of availability tests
  • Creating an inclusive web: why accessibility matters
  • HTML5 Accessibility . Resource where you can find out about the current status of support for HTML5 properties in major browsers
  

• Animation:
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 65
  • Creating an animation on SVG using lines on the example of a bicycle using GSAP
  • Mountains Adventure - SVG filters, clip-path & morphing
  • Animation of filling the page in the form of a pixel wave
  

CSS

• <i is = "walrus">
• iota - responsive micro grid framework using custom CSS properties
• A few ideas for what you can use Grid Layout
• Borders animation
• How to make your HTML responsive by adding a single line of CSS code
• Why CSS Grid is better than Bootstrap for creating layouts
• Understanding CSS Variables
• CSS Grid Calendar
• Revision of options for the implementation of vertical text using writing-mode
• Debugging CSS Grid Layouts with Firefox Grid Inspector
• normalize.email.css - CSS reset for HTML email templates

Javascript

• Analysis of six web frameworks: pros, cons and features of choice
• How to write a secure javascript application
• Here is what the technical people said about the debut of JavaScript in 1995
• So, you learned JavaScript - now what?
• Neural networks in javascript using deeplearn.js
• JavaScript will be less in the future.
• How I created a heat map of my visit history with javascript and google maps
• Finding a non-unique element in javascript

• ES2015 +:
  
  • Promises with life examples
  • await vs return vs return await
  • How to cancel your promises
  

• Theory and guidance:
  
  • Javascript Core: 2nd edition
  • Different ways of understanding this in JavaScript
  • GraphQL Front End Developer Guide
  • Learn about the Internationalization API in JavaScript
  • Answers to tricky questions at JS interviews
  

• React:
  
  • Performance analysis of React 16 applications using Chrome developer tools
  • How Facebook acquired Instagram and why it led to the discovery of the source code React.js
  • Redux: step by step
  • A quick introduction to React for Angular 2/4 + developers
  • Two new (free) React courses for 2.5 hours. 1 - ReactJS Beginners Guide, 2 - Advanced React Template Components
  • Demystifying React Styling Approaches
  • How to create a simple blog using React and GraphQL
  • React performance fix on Airbnb listing pages
  • mdbootstrap - React Bootstrap with Material
  • jQuery is better than React :)
  

• VueJS:
  
  • Roastless introduction to Webpack for VueJS users
  • What kind of virtual DOM in Vue?
  • VueJS Animation
  

• Angular:
  
  • 11 Angular Component Libraries You Need to Know in 2018
  • Angular 5.1 and other new items are already available.
  • Why we chose Angular 2, not React for our work on the enterprise
  

• Libs & Plugins:
  
  • Visualize dynamic wave graphs with wavesurfer.js
  • npmgraph is a tool for visual study of NPM modules and dependencies
  • Animate Plus is a library for animation, focused on productivity and development flexibility.
  • Muuri - adaptive, filtered, sortable mesh with support for dragging elements in the style of masonry
  • country-iso - returns the country code by geographic coordinates
  • Reshader - custom micro-library for color shades
  

Browsers

• Chrome 63 web browser release
• Google started “killing” Chrome applications and turned off the corresponding section of the Chrome Web Store on Windows, Mac and Linux.
• What's new in Facebook: all changes in the news feed for 2017
• Chrome for Windows will block third-party code injection, which often leads to crashes.
• A petition for the speedy euthanasia of Internet Explorer once and for all
• Safari Technology Preview 45 release details

Entertaining

• Workshop “Why Steve Jobs Loved Fonts” (Alexey Kapterev)
• Mozilla and Yahoo exchanged lawsuits.
• What influenced the search engine results in 2017
• What is wrong with cryptocics and how it will end
• NVIDIA created a neural network realistically faking video
• The designer depicted the main world events of 2017 in one picture
• What happened to the guy who bought the pizza for bitcoins
• The best books on programming, selected by numerous comments in reddit
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