The digest of fresh materials from the world of the front-end for the last week No. 245 (January 9 - 15, 2017)

We bring 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 No. 50 : Responsive Design, Switching to CSS, Vanilla JS, Cruel Open Source, Accessibility, Offline and Logo Layout.
• Manifesto? A? What? What for?
• The web is obese unknowingly
• Google Launches AMP Lite - More Effective 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 there are AMP caches
• Gulp vs Grunt - Automation Tools Comparison
• How much data do I need to back up for Service Worker offline cache?
• Making magic with WebSockets and CSS3
• Progress Nav - a concept for visualizing the progress of navigation
• Progressive Improvement Delivery Upgrades from Filament Group
• Ten useful snippets and hacks when working with .htaccess
• WebAssembly is late: JavaScript thoughts for large projects
• How to get performance acceleration using WebAssembly

CSS

• Responsive Pixel Perfect
• Dirty CSS hacks for responsive emails
• Three new CSS stuff to learn in 2017
• Generating random numbers in CSS using native variables
• Change carriage color in browser with caret-color
• Ensure Animation - graceful start and stop CSS animations
• Understanding CSS Flexbox in 5 Easy Steps
• Create Spotify Style Coloring Effect Using CSS Blend Modes
• Understanding Flexbox: All You Need to Know
• I vowed never to 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 Using CSS

Javascript

• JavaScript trends that you should pay attention to in 2017
• Learning JavaScript in 2017 sucks and it's awesome!
• Getting started debugging JavaScript in Chrome DevTools
• RipVanWinkle.js - return to JavaScript after 5 years
• Prettier is an advanced JavaScript formatting tool that supports ES2017, JSX, and Flow.
• Incheon - online multiplayer game on JS
• Theory:
  
  
  • Rethinking JavaScript: Death to Cycles
  • TypeScript vs Flow
  • Iterative Array Methods
  • TypedArray or DataView: Understanding Byte Order
  
  
• Practice:
  
  
  • Creating an iTunes Player Using Angular
  • Create a Tesla Angular 2 reactive battery settings calculator from Todd Motto
  • Creating your own text box for entering tags with Skate.js
  • High-speed programming of the game "Snake" on JS
  
  
• React:
  
  
  • Think React . Translation of the official documentation tutorial tutorial React.js
  • Translation series of the Advanced Guides section of the official React.js library documentation. JSX - details , PropTypes - type checking in React , Ref-attributes and DOM in React , Uncontrolled components in React , Performance optimization in React
  • Improving Application Status with Redux
  
  
• Vue:
  
  
  • Working with templates in Vue.js 2
  • Vuelidate (0.2.0) - a simple, lightweight model-based validation for Vue.js 2.0
  • Phonegap applications 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 — (ещё один) jQuery плагин с автозаполнением и поддержкой тега
  • iTyped — настраиваемая анимация печатающегося текста без зависимостей
  • micromustache — очень быстрая и маленькая реализация части наиболее используемого функционала шаблонизатора {{mustache}} для JavaScript
  • animationframes — минималистичный способ создания JS анимации
  • Простая библиотека для работы со schema/атрибутами, использующая современный JavaScript

Браузеры

• Opera представила новый браузер Neon
• Фишинг через автозаполнение в Chrome (демо)
• Утечка исходных текстов браузера Opera 12.15
• В Firefox 53 будет включен просмотрщик JSON

Занимательное

• CES 2017: Главные новинки, 10 интересных анонсов выставки, Тренды и итоги CES 2017: как Лас-Вегас захватили селфи-дроны
• Новый алгоритм сжатия от Google позволяет экономить до 75% трафика без видимого вреда для изображений
• Atlassian приобрела сервис для управления проектами Trello за $425 млн
• Alphabet закрыл проект Titan по обеспечению доступа в Интернет с помощью дронов-спутников
• 10 лет с iPhone: в Apple отмечают юбилей своего смартфона
• NPM стал крупнейшим репозиторием пакетов
• 59% населения в мире уже имеет доступ к 4G
• Что происходит с виртуальной реальностью: гид для заблудившихся
• Как домашний искусственный интеллект делает проще — и сложнее — жизнь семьи Цукерберга
• Старикам здесь место: как правильно взрослеть в программировании
• What we were taught last year’s biggest technology company mistakes
• The play "Technical Debt": a typical case from the life of the developer
• YouTube Tests Super Chat with Paid Messaging
• OpenNMT Project Develops Neural Network Machine Translation System
• Dialogue with OOP guy

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

← Digest last week
"Material prepared dersmoll and alekskorovin