The digest of fresh materials from the world of the frontend for the last week №249 (February 6 - 12, 2017)

We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Podcast Web Standards, Issue # 54 : New Chrome, installing web applications, browser bugs, obvious CSS, banal flexbox, callback hell, native ES modules, offline, local HTTP2.
• Google allows you to interact with URL pages AMP
• Optimize the front-end for the browser
• Polyphils and web evolution
• HTML API: what it is and how to create your own
• WebKit blog: A new generation of 3D graphics on the web
• GitLab: Big Plans Revealed on Project
• Web Share API brings native sharing capabilities to browsers
• Why the algorithm of Tree Shaking in Webpack 2 is not as effective as you think
• WebPack is not the only way to bundle (there is also FuseBox)
• Podcasts for designers and developers in 2017
• Creative implementation of the search interface
• Animate Bootstrap Carousels using the GSAP Animation Library
• What is the static site generator made of?
• Lepton is a great Gist-based client for Electron
• First look at WebAssembly performance
• Vote for the WebAssembly logo

CSS

• Basic shapes and Path: clip-path, shape-outside and offset-path behavior
• A bunch of CSS and JS using custom properties
• Using “C” in CSS . Stop fighting with your styles, let the cascade work for you
• CSS Grid Layout Terminology Terminology, explanation
• Use Fontello to download icon fonts only where needed
• Building a Flexbox Mesh with Less
• Code Smells in CSS Revisited
• Introduction to Reduced Motion Media Query
• How I started drawing images on CSS
• Base64 encoding and performance: part 1 , part 2

Javascript

• Burger Party Promise
• JavaScript application launch performance
• Javascript Toolkit - Evolution and Future of JS Build Tools
• All JavaScript frameworks are terrible.
• The Basics of Modular JavaScript
• Javascript without loops
• Making AJAX requests great again
• Updated information on ES6 modules in Node.js
• Functional data manipulation in JavaScript
• Mnemonist - curated collection of JavaScript data structures
• Toast to destructuring in ES2015
• Simple Statistics - statistical methods
• Vue:
  
  
  • Vue.js Component Style Guide
  • Selection of state management libraries in Vue.js
  • Comparing front-end frameworks for Vue.js
  • Vuex with Redux-saga
  • DejaVue - visualization and stress testing of applications on Vue.js
  • Vuedeux - binding Vuex to Redux
  • "Scaling applications with Vue and Firebase" by Eduardo San Martin Morote
  • Several tutorials for creating games on Vue.js: Pokemon Battle , Pizza Maker
  
  
• Angular:
  ')
  
  • Angular - setting up the development and production environment for assemblies with AOT compilation and tree-shaking (Gulp, Rollup, SystemJS)
  • Set up your first Angular (2) project using Angular Material (2)
  
  
• React:
  
  
  • 10 reasons why I switched from Angular to React
  • When to define Action Creators in Redux
  • Customize create-react-app: How to create your own template
  • React Native on Instagram
  • How to achieve reuse of React components
  
  
• Plugins & Libs:
  
  
  • History of the MooTools Library
  • Representation of GraphicsJS, a powerful graffiti library
  • Between - a library for working with animation in the style of Cocoa Animation
  • .dom - a tiny (510 byte) templating engine using virtual DOM and some principles of React
  • notti - simple messages for users

Browsers

• New Opera 43 c technology background loading pages 13% faster than the previous Opera 42
• Launch of Vivaldi 1.7 web browser
• From 2018, Gmail will stop working in Chrome browser on Windows XP and Vista

Entertaining

• A jQuery Mobile bug may result in a XSS vulnerability for many sites
• The massive lack of WordPress sites continues, and Google notifications scare users.
• Google taught the neural network to "recover" the details of low-resolution images
• Pinterest launched Shazam to find objects in the photo
• Facebook will compete with dating services
• Google announced the launch of a platform for checking news in partnership with Facebook
• Tim Cook said fake news is temporary
• Is there a limit to technical progress?
• Analysis of the change in the popularity of programming languages ​​on weekends
• Peculiar humor: how to joke Google
• WWW: 5 best browser emulators of old operating systems and computers
• Hacker from Anonymous "put" 20% of the darknet
• 14 commercials that IT companies have shown at the Super Bowl 2017

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