The digest of fresh materials from the world of the frontend for the last week No. 245 (January 9 - 15, 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

• Trends and events in the world of web technologies in 2016
• Podcast Web Standards, Issue # 50 : Adaptive design, transition to CSS, vanilla JS, brutal open source, accessibility, offline and logo layout.
• Manifesto? BUT? What? What for?
• The Web is Fat Not Unknowingly
• Google launches AMP Lite - more efficient site compression technology.
• SEO 2017: Trends and Recommendations
• Preparing the frontend developer for an interview in 2017
• 5 web trends for 2017
• Introduction to creating and sending emails for web developers
• Why are there AMP caches?
• Gulp vs Grunt - comparing automation tools
• How much data needs to be backed up for Service Worker in offline cache?
• We do magic with WebSockets and CSS3
• Progress Nav - the concept of visualization of the progress of navigation
• Upgrading the delivery of progressive improvements from the Filament Group
• Ten useful snippets and hacks when working with .htaccess
• WebAssembly Belated: Thoughts on JavaScript for large projects
• How to get performance acceleration using WebAssembly

CSS

• Adaptive Pixel Perfect
• Dirty CSS hacks for responsive emails
• Three new things in CSS for study in 2017
• Generating random numbers in CSS using native variables
• Change caret color in browser with caret-color
• Ensure Animation - graceful start and stop CSS animations
• Understanding the Flexbox CSS in 5 easy steps
• Creating a Spotify style coloring effect using CSS Blend Modes
• Understanding Flexbox: All You Need to Know
• I swore to never use CSS in JS, and here are six reasons why I was wrong
• Position Sticky is back! But he has problems
• Creating Your Atom Theme with CSS

Javascript

• JavaScript trends that are worth paying attention to in 2017
• Learning javascript in 2017 sucks and it's awesome!
• Getting debugging JavaScript in Chrome DevTools
• RipVanWinkle.js - return to JavaScript after 5 years
• Prettier is a JavaScript advanced formatting tool that supports ES2017, JSX and Flow.
• Incheon - JS Multiplayer Online Game
• Theory:
  
  
  • Redefining javascript: death cycles
  • TypeScript vs Flow
  • Iterative array methods
  • TypedArray or DataView: Understanding Byte Order
  
  
• Practice:
  ')
  
  • Create iTunes Player with Angular
  • Creating a Tesla Battery Calculator with Todd Motto Angular 2 Reactive Forms
  • Create your own text box for entering tags with Skate.js
  • High-speed programming of the game "Snake" on JS
  
  
• React:
  
  
  • Think in the style of React . Translation of the tutorial of the official documentation of the React.js library
  • Translation series of the Advanced Guides section of the official documentation of the React.js library. JSX - details , PropTypes - type checking in React , Ref-attributes and DOM in React , Uncontrolled components in React , Optimization of performance in React
  • Improving Application State with Redux
  
  
• Vue:
  
  
  • Working with templates in Vue.js 2
  • Vuelidate (0.2.0) - simple, lightweight validation based on the model for Vue.js 2.0
  • Phonegap apps with Vue.js? Yes please!
  
  
• ES6:
  
  
  • Lebab is like Babel, just the opposite
  • ES6 javascript minifier: babili (ES6 javascript minifier: babili)
  
  
• Libs & Plugins:
  
  
  • jQueryflexdatalist Flexdatalist - (another) jQuery plugin with auto-completion and support for the <datalist> tag.
  • iTyped - customizable print animation without dependencies
  • micromustache - a very fast and small implementation of the part of the most used template {{mustache}} functionality
  • animationframes - the minimalistic way to create JS animations
  • A simple library for working with schema / attributes using modern JavaScript

Browsers

• Opera introduced the new browser Neon
• Phishing via autocomplete in Chrome (demo)
• Opera 12.15 source code leak
• Firefox 53 will enable JSON viewer

Entertaining

• CES 2017: Main news , 10 interesting announcements of the exhibition , Trends and results of CES 2017: how Las Vegas captured selfie drones
• New compression algorithm from Google allows you to save up to 75% of traffic without any visible damage to images
• Atlassian acquires Trello project management service for $ 425 million
• Alphabet closes Titan Internet access project via satellite drones
• 10 years with the iPhone: Apple celebrates the anniversary of its smartphone
• NPM has become the largest package repository
• 59% of the world's population already has access to 4G
• What happens to virtual reality: a guide for the lost
• How home-made artificial intelligence makes life easier - and harder - for the Zuckerberg family
• Old men have a place here: how to grow up in programming
• What have we learned from last year’s biggest mistakes of technology companies?
• The play "Technical duty": a typical case from the life of a developer
• YouTube is testing its Super Chat feature with paid posts.
• The OpenNMT project is developing a neural network-based machine translation system.
• Dialogue with OOP guy

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