The digest of interesting materials from the world of web development and IT for the last week №193 (January 3 - 10, 2016)

We offer you a selection with links to useful resources, interesting materials and IT-news

Web development

CSS

Javascript

Browsers

Design

news

Entertaining

Web development

• 10 predictions for the web for 2016
• Google invites you to test the AMP functionality in Search Console
• Future WordPress performance: CDN, HTTP / 2, etc.
• Google: how to speed up the indexing of the new version of the robots.txt file
• Optimizing SVG for use on the web: part 1 , part 2 , part 2½ (Optimizing SVGs for Web Use)
• Journey to the Webpack (The Journey to Webpack)
• About offline installation of npm packages from Addy Osmani (Offline installation of npm packages)
• Run locally installed npm executables (Running locally installed npm executables)
• BEMIT Naming Convention (The BEMIT naming convention)
• Service Worker: Santa's little performance helper (Service Worker: Santa's little performance helper)
• 11 SEO techniques for better ranking in 2016
• Free tools for web accessibility (Free web accessibility tools round-up)
• 8 ways to optimize your site for mobile devices (8 ways to optimize your site for mobile)
• 4 ways to improve your code in 2016 (Four Ways To Improve Your Code In 2016)
• CodePen: 2015 Review , Most Popular CodePen Demos for 2015
• Polymer Testing Tips
• GPU rendering text with vector textures (GPU text rendering with vector textures)
• Current Bootstrap interview guide (The Vital Guide to Bootstrap Interviewing)
• What's new in Foundation 6? (What's New in Foundation 6?)
• Affirming User Choice With Checkboxes
• Patterns for content and display (Content & Display Patterns)
• php-gif - generation of images with real-time data

CSS

• Firefox will support non-standard CSS for compatibility with WebKit
• Text size guide for responsive design . Translation of an article A Responsive Guide to Type Sizing by the community css-live.ru
• Moving along a curved path in CSS using animation in several planes (Moving along a curved path in CSS with layered animation)
• What is CSS animation? (What is CSS Animation?)
• Debunking Myths About Blending Modes (Blending Modes Demystified)
• An introduction to the @supports rule (feature support) (An Introduction to CSS's @supports Rule (Feature Queries))
• Utilities for using the typing capabilities of OpenType (Utility OpenType)
• React Container Query: true modularity in styling responsive components
• Simple slideshow implemented in CSS
• Self-confident style guide for scalable applications (Opinionated CSS styleguide for scalable applications)
• Milligram is another minimalistic CSS framework
• app-reset - the minimum set for resetting special styles for web applications
• Sass Tip: The Double Ampersand Selector
• We deal with color palettes using Sass (Handling color sets with Sass)
• Inspirational examples of animation in linear styles when you hover over menu items (Inspiration for Line Menu Styles)
• Swiss posters animated with CSS animations
• Some videos from CSSConf.Asia 2015: WebFonts - Level Up! , The Rise of Modular Style , The Performance of Beyond Page , The End of Global CSS , PostCSS - JS Your CSS
• Some videos from dotCSS 2015: Una Kravets - Editing Images in CSS , Rachel Andrew - The New CSS Layout

Javascript

• JQuery 2.2 and 1.12 Released release : major performance improvements, SVG class manipulation and Symbol support in ES6
• WebAssembly support added to V8 JavaScript engine
• Results of the contest on programming on JS: Mail filters
• Framework:
  
  • Understanding the syntax of templates in Angular 2
  • Angular 2 vs. React: And there will be blood (Translation of the article "Angular 2 versus React: There Will Be Blood" )
  • Experience Angular + Typescript + Offline SPA project in a year
  • How to generate SVG on React
  • Why Angular 2 Is DOA
  • From Angular ES5 Directive to Angular ES2015 Component (ES6) (From Angular ES5 Directive To Angular ES2015 Component (ES6))
  • Lesson: AngularJS for beginners -1 (AngularJS Tutorial for Beginners -1)
  • Angular 2 ES6 TodoMVC (Angular 2 ES6 TodoMVC)
  • OverReact - the generator of React-files (The React File Generator)
  • Om Next for React developers: application state (Om Next for React devs: Application state)
  • Create a web application with Backbone.js and Socket.io (Build a Web App with Backbone.js and Socket.io)
  • Ember.js - goodbye MVC (part 1)
  • Introducing the Meteor Guide (Introducing the Meteor Guide)
  
  
• 2015 review by Sebastian McKenzie (~ 2015 in review)
• Asynchronous Technique Study in JS (Exploring Async Techniques in JavaScript)
• Two forks in the forest: using JavaScript statements if ... else
• Explore the Web Audio API with D3 (Exploring the Web Audio API with D3)
• Dealing with JS errors using window.onerror (Capture and report JavaScript errors with window.onerror)
• Managing the private data of ES6 classes (Managing the private data of ES6 classes)
• Interview with javascript wizard: what is a closure? (Master the JavaScript Interview: What is a Closure?)
• The Two Pillars of JavaScript - Part 2: Functional Programming (The Two Pillars of JavaScript - Pt 2: Functional Programming)
• Constant variables in JavaScript, or: when “const” is not constant (Constant Variables in JavaScript, or: When “const” Isn't Constant)
• How to deploy your Node app on Linux, 2016 edition (How to deploy your node app on Linux, 2016 edition)
• You do not have to be programming wizards to create an open-source library.
• Putting together a simple MariontteJS + ES6 application using Brunch
• Plugins:
  
  • Feature.js - a 1kb library for defining features
  • vectorious - high-performance library for working with linear algebra
  • playcanvas-spine - Spine plugin for PlayCanvas engine
  
  
• Video:
  
  • Some videos from JSConf.Asia 2015: Accelerating the Web through AMP , Matthew Podwysocki: Reactive JavaScript at Netflix, Microsoft and the World , Towards Universal JavaScript
  • Some videos from dotJS 2015: Pocket JavaScript ,
  
  

Browsers

• Next week, Microsoft stops supporting all versions of IE, except 11
• About 40% of Firefox users do not use add-ons
• Firefox 43.0.4 update with unlocking SHA-1
• Chrome finally implements smooth scrolling

Sites with interesting design and functionality

• foundermantras.com is a full-screen site with conceptual navigation.
• We Doki Doki - a creative site with multi-directional scrolling, nice illustrations and animation.
• UI Viking - site portfolio with a talking design
• oursroux.com - a site with a horizontal slide-scrolling effect and focusing on background images and typography
• aslanbakan.com - a creative portfolio front-end developer website
• gordon24ever.com is a vertical automotive website with great animation and typography
• Brand colors

Design

• Trends:
  
  • Plans and results of designers: what was in 2015, what is planned in 2016 (Designer Resolutions: What 2015 Was, What 2016 Will Be)
  • 7 UX tools worth trying in 2016 (7 UX tools to try in 2016)
  • Trends UX design for 2016 (UX design trends for 2016)
  • State of UX in 2016 (The State of UX in 2016)
  • 15 web design trends for 2016 (15 Web Design Trends to Look for in 2016)
  • Web design trend prediction for 2016: vertically divided screen
  
  
• UX / UI:
  
  • Important UX Elements for Optimizing a Product Page in Ecommerce (Important Elements for Optimizing Ecommerce Product Pages)
  • UX in letter design (UX in email design)
  • Already 2016, how do sites still manage to spit on UX? (It's 2016 already, how are you still screwing up these people experiences ?!)
  • Jedi Principles of UI Animation (Jedi Principles of UI Animation)
  
  
• Sketch Lesson Series (part 1 of 5): Sketch Customization
• Why do designers make things uncomfortable
• How to get rid of half pixels in Sketch
• Usability is not only for users (Usability isn't just for users)
• Creating a Casper homepage design (Building the Casper homepage)
• How Headspace attracts new users (How Headspace Onboards New Users)
• Designed by Adobe Portfolio. (Designing Adobe Portfolio.)
• About fonts in Tourism Ireland, c. 2010–2014 (Tourism Ireland, c. 2010–2014)
• Principles of Digital Product Design Principles
• Our users deserve the best experience. (Our Users Deserve a Better Experience)
• Unsolicited Dating Advice (Unsolicited Dating Advice)
• Informal Apple Icon Design Awards (Unofficial Apple Icon Design Awards)
• Design the most desired product: researching the design of banknotes (Designing The Most Desirable Product: Exploration of Banknotes Design)
• Is hamburger menu a problem? (Is the Hamburger Menu a Problem?)
• Notes for Designing the Best Mobile Application Interfaces (Notes for Designing Better Mobile Application Interfaces)
• Twenty-one points on the guaranteed attraction of mobile users (The 21-Step Checklist for Bulletproof Mobile User Onboarding)
• What makes Slack so exciting? (What Makes Slack So Addictive?)
• Visual planning for designers
• The most replicated design fallacy, or the sacred cow 7 ± 2
• How to create actions with a demonstration of the progress of work in Adobe Photoshop (How to Create an Animated Work-in-Progress Action in Adobe Photoshop)
• How to create avatars of professions in Adobe Illustrator (How to Create Flat Profession Avatars in Adobe Illustrator)
• How to color the traditional comic in Adobe Illustrator (How to Color in a Traditionally Inked Comic in Adobe Illustrator)

A selection of free designer cookies

• A set of "Kazakh fonts" , consisting of 100+ Kazakh fonts.
• More than seven dozen brushes for Photoshop (75+ Sets of Free Photoshop Brushes)
• Vector clipart on the theme of photo and video cameras.
• Backgrounds and patterns for Valentine's Day
• Images of the most popular mobile devices in sketch format
• Grain Textures (9 Free High Resolution Grain Textures in JPG & PNG Format)
• Three dozen fonts, from BIG JOHN / SLIM JOE to CABANA (30 High Quality Free Fonts You Should Definitely Own)

news

• CES 2016:
  
  • 3dnews review: day zero , day one , day two
  • Mobile-review review: Zero day of the exhibition - cars from Volvo and NVidia, Lenovo laptops and others, Day one - LG, Samsung, Huawei and others, Day two , stories from the exhibition, or that the coming year is preparing
  • CES 2016: Razer watch, Nervana headphones neurostimulator, Go fitness tracker, Activeon Solar X solar-powered action camera, and more
  • The main trends of the exhibition CES 2016
  
  
• Jack Dorsey explained the refusal of the 140 character limit on Twitter with a screenshot of a long text.
• Lenovo refuses Motorola brand
• Amazon has entered the processor market
• Analysis of the popularity of programming languages ​​in 2015
• Netflix came to Russia and 130 more countries , All you need to know about it
• Dead Unicorn: Gilt, previously valued at more than $ 1 billion, sold for $ 250 million
• Microsoft is working on a version of Skype for HoloLens
• Reduced iPhone production. Overheated market

Entertaining

• What gamers pay on Steam: the most popular games of the year
• How to be an intern in large IT companies: Facebook, Google, Microsoft, Yandex, Mail.Ru and Rambler & Co
• How Zuckerberg tests our patience
• Zuckerberg will create artificial intelligence to control his home
• Spheres of vital activity of people, where 3D printing produced a coup
• Digital future professions: what specialties will appear in the near future, and which ones will disappear
• How will blockchain change our lives?
• What annoys me in a macbook
• Some interesting facts about Silicon Valley
• 6 predictions of Steve Jobs that came true
• Scientific myths that can not be debunked
• BB8 from Star Wars

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 .