The digest of interesting materials from the world of web development and IT for the last week №201 (March 1 - 6, 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

• HTTP / 2: getting ready for the transition
• Jade tutorial for beginners
• Why npm scripts?
• Text log broadcast from Yandex.Subbotnik on the frontend in Moscow from the community Web standards
• Frontflip Podcast №15 : 15. GraphQL, Relay. Why is REST not needed anymore?
• Some fresh videos from Frontend Fellows # 2, Izhevsk
• Web performance:
  
  • Google is going to speed up the web. Is it good? (Google Is Going To Speed ​​Up The Web. Is This Good?)
  • Diving Into Google Accelerated Mobile Pages (AMP)
  • Project AMP: Will it make your sites faster? (AMP Project: Will it Make Your Sites Faster?)
  • Performance is a feature . Peter Chamberlin talks about web performance, as a missed opportunity.
  
  
• API:
  
  • An introduction to the Web Bluetooth API
  • Introducing the WebVR 1.0 API Proposal
  • Adding an API to a static site (Adding an API to a static site)
  
  
• SVG:
  
  • SVG on the Web: A Practical Guide
  • Inheriting SVG and 'Flash Of Unstyled SVG' Styles (SVG Style Inheritance and the 'Flash Of Unstyled SVG')
  • Creative animation SVG letters (Creative SVG Letter Animations)
  • Can SVG save you from fatty PNG-32? (Can SVG Save You From Your Fat PNG-32s?)
  • “Lost”: An SVG Compass Rose Generator
  
  
• Making a simple site work offline with ServiceWorker (Making a SiteWorker)
• FINANCIAL TIMES design for huge screens and video walls
• High-performance Web Worker messages
• What does the web look like in the eyes of a dyslexic patient?
• Do you know these 8 HTML5 tags? (Do You Know These Eight HTML5 Tags?)
• MJML presentation: markup language for responsive emails (Introducing MJML: First open source markup language for responsive email)
• 7 Google changes that will make or break your SEO (7 Google changes that will make or break your SEO)
• Real-Time, Bi-Directional, Compiler-Free Sass Editing with Emmet Livestyle
• How the web works: HTTP and web server (How the Web Works: HTTP and the Web Server)
• fetch-it is an extended HTTP client based on fetch
• Spectacular web:
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 27
  • Countdown animation
  • Web Audio Arpeggiato
  
  

CSS

• Code organization for CSS preprocessors
• If you know Sass, you know ES2015 . Translation of the article If You Know Sass, You Know ES2015 by the community css-live.ru
• Improving CSS animation performance with the Repaintless.css library (Boost Your CSS Animation Performance with the Repaintless.css Library)
• Introduction to CSS Scroll Snap Points
• PostCSS modules: let’s get back to the greatness of CSS! (PostCSS-modules: make CSS great again!)
• What you need to know about CSS Variables
• Responsive Pure CSS Tables (CSS only Responsive Tables)
• Solve the problem of responsive tables using grids (A Grid Solution for the Responsive Tables Problem)
• Introduction to CSS Grid Layout Module
• Sass: when to use mixin, and when extend (Sass: When To Use mixin
• Flexbox Defense - learning Flexbox in game form
• Using multiple fonts on the same element
• Animations for hamburger icons (Tasty CSS-animated hamburgers)
• Records from MelbCSS February 2016 meetup

Javascript

• Top JavaScript Developer Tools
• Oracle has opened the source code JavaScript Extension Toolkit 2.0
• RadioJS №36: the latest releases, techniques and, briefly, a criticism of TypeScript and Angular
• Object Oriented JavaScript: Inheritance in Practice
• Object Oriented JavaScript: Handles
• jQuery:
  
  • Love letter to jQuery . Translation of the article A love letter to jQuery
  • Year without jQuery (A Year Without jQuery)
  • What's new in jQuery 3 (What's New in jQuery 3)
  
  
• Framework:
  
  • The threshold for entry into Angular 2 - theory and practice
  • JavaScript frameworks in 2016 (javascript frameworks in 2016)
  • Google is preparing Angular 2 for the final release (Google Preps Angular 2 for Final Release)
  • React.js Fundamentals - Beginner Course
  • Rebass - React UI Component Library
  • Why we switched to Redux (and also use React) (Why we are switching to Redux (and sticking with React too))
  • Video: Angular2 Beta, RxJS, TypeScript
  • Enzyme: JavaScript React testing utilities (Enzyme: JavaScript Testing utilities for React)
  
  
• ES2015:
  
  • Managing ES6 class private data
  • “Exploring ES6” is a comprehensive book about ES6 / ES2015, free to read online.
  • Creating React NPM packages with ES2015
  • 5 Tips to Improve JS with ES2015 (5 Tips to Improve Your JavaScript w / ES2015 (ES6))
  
  
• Plugins:
  
  • List.js v1.2.0 is a small but powerful library on vanilla JS, adding search, sorting, filtering and flexibility to HTML lists, tables and everything in general
  • jqGifPreview - jQuery plugin for previewing GIF images like on Facebook (jqGifPreview - jQuery Plugin For GIF Preview As Like Facebook)
  • snapGallery.js - a gallery that turns a list of images with different sizes into a uniform grid
  • superplaceholder.js - pump placeholders with additional tips
  
  
• State of JavaScript in 2016 (State of the Art JavaScript in 2016)
• Functional programming for JS-people (Functional Programming for JavaScript People)
• Fibonacci Sequence Algorithm on Javascript
• Modularizing client dependencies with jspm (Modularizing Client Side Dependencies With jspm)
• Create an extension for Chrome with the text to speech feature (Create a Text-to-Speech Chrome Extension)
• How to create interactive charts with ui-grid and Angular Chart (Create Interactive Charts with u-grid and Angular Chart)
• Interactive JavaScript graphics using data from Google Sheets (Interactive JavaScript Charts Using Data from Google Sheets)
• Video from the NG-NL 2016 conference (NG-NL 2016: Rob Wormald)

Browsers

• Chrome can overtake IE and become the most popular browser in May.
• Microsoft Edge Browser Gains Some Market Share in February
• Chrome 49 web browser release, discontinuing support for 32-bit Linux systems
• Object.values ​​(), Object.entries () and Object.getOwnPropertyDescriptors () appeared in Chrome. (Object.values ​​(), Object.entries () and Object.getOwnPropertyDescriptors () landed in Chrome.)
• WebAssembly can be added to support browsers this year (WebAssembly may go live in browsers this year)
• Browser trends March 2016: operating system surprises (Browser Trends March 2016: Operating System Surprises)

Design

• Interface animation. Microinteraction for macro result
• How to avoid common UX traps
• Wacky UI and UX Analogies (Shitty UI / UX Analogies.)
• Tilt Brush - creating volumetric drawings from Google
• Design Concept for Google (Re-imagine Google)
• Identity for TV channel Viceland
• Microinteraction: The Secret to Designing Great Applications (Microinteractions: The Secret of Great App Design)
• DPI Guide for Designers (Designer's guide to DPI)
• Endless scrolling, pagination, or “load more” buttons? Research results on usability of online stores (Infinite Scrolling, Pagination Or “Load More” Buttons? Usability Findings In eCommerce)
• Top 10 Fashion Design Tips (10 Top Tips for Fashion Illustration)
• How to offer a great UX when using videos (How to Offer Great UX When Using Video)
• Doing design for gestures (Designing for gestures)
• Uber restarts with a new identity (Uber relaunches with a new brand identity)
• Flat Design 2.0 (Flat Design 2.0)
• Quick start with UI kits (Getting Started With UI Kits Fast)
• Redesign Univision.com (Redesigning Univision.com)
• Frequent misconceptions about UX (Common UX misconceptions)
• Design from the inside: Capital One (Inside Design: Capital One)
• Do not design what users are asking for (Don't design what users want)
• A simple way to quickly create a color palette (A Simple Trick For Creating Color Palettes Quickly)
• Photoshop in 60 seconds: what are histograms? (Photoshop in 60 Seconds: What Are Histograms?)
• Food Logo Designs for Identity Inspiration
• New logo and identity for Bhutan from FutureBrand (New Logo and Identity for Bhutan by FutureBrand Peekabhu I see you)
• Sketch:
  
  • Font Settings in Sketch (Typesetting in Sketch)
  • Sketch 3.6 Release (Sketch 3.6)
  • Sketch shortcuts in Sketch that you don't know about (The Sketch shortcuts you didn't know about)
  • Ready to prototype right from Sketch? Greetings Silver
  
  
• Typography:
  
  • Exploring the latest trends in web typography (Exploring the Latest Trends in Web Typography)
  • Why is vertical rhythm an important typographical practice? (Why is Vertical Rhythm an Important Typography Practice?)
  • Inexpensive new fonts that you might not have thought of using (... should be) (7 New Fonts You Probably Haven't Considered Using (... But Should))
  • Top font matching tools and ready-made font combinations (Top Font Pairing Tools And Font Combinations)
  • How to create a font using Fontself and FontForge (How to Create a Font Using Fontself and FontForge)
  
  

A selection of free designer cookies

• Cobblestone and free pavement textures
• getWi.Fi - free networks map
• Paper Textures (130+ Free Paper Textures)
• Brushes for photoshop (80 Free Photoshop Brush Sets to Bookmark)
• Mockups for demonstrating Apple Watch design in PSD format (35 Free Apple Watch PSD Mockups)
• sketchsheets - ready-to-print mobile device templates (Ready to print device templates for UI & UX designers.)
• PSD templates with mocap postcards (25+ Best Postcard Mockup PSD Templates)
• PSD Invitation Card Templates (22+ Best Greeting Card Mockups PSD Templates)
• The Best UI Sets That Just Need (15 of the Best Free UI Kits You Need To Have)
• Grids for Bootstrap in PSD (Free Bootstrap PSD Grids for Crafting Excellent Website Designs)
• Icons for online stores (35 Free Icons For eCommerce Websites)
• Two dozen beautiful geometric fonts (20 Gorgeous Free Geometric Fonts to Download)
• Two dozen super clear fonts for minimalistic designs (20 Super Clean Fonts Perfect for Minimal Style Design)
• Elrotex - Decorative Brush Font (Elrotex Brush Font)
• Karmina Bold: handwritten font (Karmina Bold: Free Handwritten font)

News and entertaining

• Microsoft combines PC and Xbox One
• Slack will launch voice and video chat
• Alphabet Chairman of the Board of Directors Eric Schmidt headed the Innovation Board of the US Department of Defense
• Developers launched Kiddle, a search engine for kids, based on Google technologies.
• Bill Gates is once again recognized as the richest man in the world.
• There was a programming language with smiley operators
• Google will allow brands and celebrities to add information about themselves directly to search results
• Developed the first "live" computer of proteins
• Intel prepares its augmented reality glasses
• An interactive map of the solar system appeared in Bing
• New Mozilla projects for smart home and network consumer devices
• MWC 2016 as a trend indicator
• MIT training courses are now completely free for everyone.
• Future for HTML5 or Farewell Flash!
• Alone! As a computer model put an end to finding brothers by reason
• "The most interesting of all the boring people": How Mark Zuckerberg became the standard of self-development
• Who are considered to be their mentors, Bill Gates, Jeff Bezos, Mark Zuckerberg and other entrepreneurs

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 .