The digest of interesting materials from the world of web development and IT for the last week №180 (October 5 - 11, 2015)

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



Thanks to everyone who voted in the past digest . It's nice that the most votes were given for keeping the current format. The first category for departure is “Sites with interesting design and functionality,” although there were personal requests to leave it. We offer a compromise option - this section will appear once every 2 (4) weeks.

We are always open to constructive suggestions for improving and optimizing the digest, so welcome to the comments or PM. In addition to the above, we decided to follow the example of our PHP-digest , and decided to enter a form to offer our links . Feel free, as they say.

Web development

CSS

Javascript

Browsers

Design

news

Entertaining

Web development

• AMP:
  
  • Google launched Accelerated Mobile Pages project to improve mobile Internet.
  • A practical review of Google AMP (Accelerated Mobile Pages)
  • New approach to web performance (A new approach to web performance)
  • AMP and Incentives . Tim Kadlec on potential issues
  
  
• DevTips: Web Developer Tips (1-16)
• Best ways to use web fonts in 2015 (Using the Web Fonts The Best Way (in 2015))
• We use responsive images now (Using Responsive Images (Now))
• Use srcset and picture to properly adapt to each device.
• Responsive Images for Busy People: Srcset & Sizes: Responsive Images for Busy People: Srcset & Sizes
• HTML5 Short Update (A Short Refresh On HTML5)
• What code editors are used by developers in 2015
• Can the Google logo weigh 305 bytes?
• A selection of tools for creating animation in the web (Handy Web Animations Tools)
• Improving Grunt Performance (Improving Grunt Performance)
• Front-End Development and Architecture
• Gmail first strategy for responsive emails (A Gmail first Strategy for Responsive Emails)
• Remote-First vs. Remote friendly
• MorphSVGPlugin - an advanced plugin for smooth transformation of SVG shapes
• Creating SVG Favicons
• Fast Page Load - A Guide for Full- cycle Developers (Ludicrously Fast Page Loads - A Guide for Full-Stack Devs)
• Cheat Sheets for Frontend Developers
• Generating random colors from an array (Generating random colors from an array)
• Goodbye John Doe - Names Generator
• New episode of the Supercharged podcast , which discusses the performance of the mobile version of The Guardian
• Report "Debugging Accessibility" by Alice Boxhall
• Weekly selection of beautiful effects on CSS / SVG / JS # 7

CSS

• Adaptive email-letters and media queries: Problems and solutions
• CSS Global Order - JS-implementation (IE7 +) changes the visual order of HTML elements using the standard CSS order property without having to turn on the Flexbox for the parent element.
• Deep immersion in PostCSS: What you should know (introduction)
• PostCSS Quick Start Guide: Plugin Research
• CSS Image Effects: # 1: Vintage Washout , # 2: 3D Glasses
• Creating websites and applications with RTL-oriented: Part 2 ( Part 1 )
• Eyeglass is a node-sass (github) extension manager built on npm.
• 10 SCSS Utilities I Can't Live Without
• neutroncss - Sass framework for building flexible and semantic layouts
• Motion UI - Zurb's Sass library for creating flexible CSS transitions and animations
• Background video and css filters (Video wallpaper and css filters)
• Introduction to Sprite Animation with SVG (An Introduction to Sprite Animation)
• Understanding and Using rem Units in CSS
• Video: Non-standard lists with CSS counters (Watch: Custom Lists with CSS Counters)
• CSS Protips - modern solutions to common problems (CSS Protips)
• Why is there a `repetitive-linear-gradient`? (Why Do We Have `repeating-linear-gradient` Anyway?)
• CSSfmt - a tool for automatic formatting of CSS and SCSS code
• Tammie Lister 's Emotion Through CSS Report with CSSconf EU 2015
• The report "Photoshop is Dead !: Editing Images in CSS" from Una Kravets with CSSconf EU 2015

Javascript

• We animate objects using physics in JavaScript (Yaroslavl Frontend Meetup)
• 7 reasons why every programmer should learn JS (7 Reasons Every Programmer Needs to Learn JavaScript)
• 10 interview questions every JS developer should know (10 Interview Questions Every JavaScript Developer Should Know)
• Creating a Web Application with Make
• Show Totally Tooling Tips from Google developers
• Asynchronous API using Fetch API and ES6 generators (Asynchronous APIs using the Fetch API and ES6 Generators)
• The Importance of Client-Side JavaScript Security (The Importance of Client-Side JavaScript Security)
• 3 JavaScript ORMs you may not have known about (3 JavaScript ORMs You Might Not Know)
• Async / Await: JavaScript Honored Hero (Async / Await: The Hero JavaScript Deserved)
• Immutable Data Structures and JavaScript immutable data structures and javascript
• Enumerability in ECMAScript 6 (Enumerability in ECMAScript 6)
• Node.js and ES6 instead of Java - a history of war (Node.js and ES6 Instead of Java - A War Story)
• Framework:
  
  • Flux in pictures
  • AngularJS: Migration from 1.2 to 1.4, Part 1
  • Good times for Meteor developers (These are the times to be a Meteor Developer)
  • React v0.14 release
  • Video: Accelerate with Angular - Ben Godfrey (Go faster with Angular - Ben Godfrey at The Lead Developer 2015)
  • Creating a desktop application with AngularJS and GitHub Electron (Creating Desktop Applications With AngularJS and GitHub Electron)
  
  
• Getting Started with Emscripten - C / C ++ to JavaScript / HTML5 conversion (Getting started with Emscripten - Transpiling C / C ++ to JavaScript / HTML5)
• Using the Google Analytics Core Reporting API from Node.js
• How to write a game Pacman in JavaScript How to Write a Pacman Game in JavaScript)
• Plugins:
  
  • cake-chart - library for creating interactive multi-layered graphics
  • Mercer - volume interactive graphs and charts
  • artyom.js - js library for voice control and speech recognition
  • Quick [select] - jQuery plugin for quick selection of more frequent options from the list of options
  • svg-mesh-3d - convert vector graphics to 3D shapes
  • bling.js - $ without jQuery
  • html5tooltips.js - tooltips with smooth 3D animation
  • JS module for generating adaptive SVG images of aircraft instruments (geezer-x SVG Aircraft Instruments)
  
  

Browsers

• Microsoft will soon close support for outdated versions of Internet Explorer
• browserling - a paid service for cross-browser testing
• yourbrowser.is - page with information about your browser
• Browser trends October 2015: Safari fall steady (Browser Trends October 2015: Sustained Safari Slips)
• Firefox stops supporting NPAPI plugins, with the exception of Adobe Flash

Design

• I left my system fonts in San Francisco
• Why minimalist design still rules the web
• We study invisible design
• How do designers who do not distinguish colors work?
• Artists from around the world drew their own tourist logos of Russia
• Adobe Max:
  
  • News from Adobe Max
  • Adobe Portfolio. - new project from Adobe to create a portfolio
  • Adobe introduced a revolutionary UX design application for MAX (Adobe unveils a revolutionary UX design application at MAX)
  
  
• Redesign:
  
  • Blog platform Medium for the first time changed its logo
  • Art Director Medium spoke about the new logo of the platform
  • The story of the creation of the new logo Medium (The Story Behind Medium's New Logo)
  • What is wrong with restarting "Kinopoisk"
  • Redesign of Tesla UI dashboard (A Redesign of Tesla's Dashboard UI)
  
  
• Typography:
  
  • Top typography games for designers
  • Key Factors Responsive Web Typography (Key Factors of Responsive Web Typography)
  • Looking at the new fonts Charter and Kievit (Cast of characters. Taking a closer look at new Medium fonts: Charter and Kievit)
  
  
• Graphic editor:
  
  • Hinder tourists on the photo? Adobe Monument Mode removes all unnecessary
  • Design and collaborate more effectively with Adobe Creative Cloud for teams (Design and Collaborate More Effectively with Adobe Creative Cloud for Teams)
  • Great lessons on photo manipulation in Adobe Photoshop
  • I created a plugin for Sketch. And you will succeed
  • Sketch 3 Plugins Plugins
  • Finding ways to cleanly export icons to .svg from Sketch ... the correct method
  • Atomic Design using Sketch - the future of product design
  
  
• Lessons:
  
  • Create an Action Isometric and Apply an Icon in Adobe Photoshop
  • How to create brushes with light rays from scratch in Adobe Photoshop (How to Create Your Own Light Ray Brushes From Scratch in Adobe Photoshop)
  • How to create an illustration of a stylized photo camera in Adobe Illustrator (How to Create a Stylized, Textured Flat Camera in Adobe Illustrator)
  
  
• Should designers write code? (Does A Designer Need To Code?)
• The Fresh Trend of Dynamic Abstract Homepages
• 5 psychological secrets for interactive design (5 psychology secrets for great interaction design)
• (Almost) Everything you need to know about Material Design (Everything (Almost))
• In defense of the hamburger menu (In Defense of The Hamburger Menu)
• Popular Style Guides (Style Guide)
• How to be a full-cycle designer (Being A Full Stack Designer)
• One-to-one design development process (Designing at 1x)
• Color or contrast - what makes you click? (Color vs. Contrast - Which makes you click?)
• Why designers think users are lazy: three human habits (Why Designers Think Users Are Lazy: 3 Human Behaviors)
• Design application Trullo (Designing Trullo)
• Songza mobile app review (App Review - Songza)
• Web trends 2015: freshness of design with watercolor (Web Trends 2015: Brush up on the Watercolor Design Trend)
• Is the designer a storyteller? (Is a Designer a Storyteller?)
• Eight Worst UX Mistakes : Expert Opinions (The 8 Worst UX Mistakes Coming From Experts)
• Your UI is not a Disney movie (Your UI isn't a Disney Movie)
• Responsive design mistakes — and how to fix them.
• 25 creative pages with a message that the site is under construction (25 Creative Under Construction Page Designs)
• Button Design for Color Blind
• Sunset inspired palettes
• 20 examples of sites built on blocks
• 23 insanely good typographic designs (23 Insanely Good Typography Designs)

A selection of free designer cookies

• Halloween Vector Patterns and Backgrounds
• Free Elegant Vector Set with 60 Workspace Elements (Free Elegant Vector Kit with 60 Workspace Elements)
• 10 free vector templates for infographics (10 Free Infographic Vector Templates)
• A collection of free resources created by designers at Facebook (A collection of free resources made by designers at Facebook.)
• 99 best free Photoshop website templates (99 Best Free Photoshop Website Templates)
• IDDO - Free Theme in PSD Format # 4 (IDDO - Free PSD Theme # 4)
• Set UI Spot (Spot-Free UI Kit)
• Top 10 Free UI Sets for September 2015 (Top 10 Free UI Kits of September 2015)
• Free UI elements for web and mobile design (Free UI Elements For Web and Mobile Design)
• 40 high resolution bright free backgrounds (40 Free High Resolution Vibrant Blurred Backgrounds)
• Packaging icons for office and business (92 icons, AI, EPS, PSD, PDF, PNG, SVG) (Freebie: Office And Business Icon Pack (92 Icons, AI, EPS, PSD, PDF, PNG, SVG))
• Free packaging with Squid outline icons (Free Line Icons Pack)
• Icon Set with Flat Design Vio Late (Vio Late)
• Devious - Decorative Vintage Font (Devious Typeface)

news

• New Microsoft : Surface Pro 4, Surface Book, Lumia 950 and 950 XL, Band 2 and HoloLens
• New era of Microsoft devices running Windows 10
• Apple and Google are still the two most expensive brands in the world
• Elon Musk introduced the most efficient solar panels in the world
• Instead of the “Dislike” button on Facebook, there will be several Emoji emoticons , USA Today newspaper has tested the new likes-Facebook emoticons, accompanied by all their notes
• Reddit Launch New WordPress Website: Upvoted
• Linux Foundation Launches Real-Time Linux Development Project
• Introduced the Redox operating system, written in Rust , and Hewlett-Packard introduced the open network operating system OpenSwitch
• Facebook showed how the “Dislike” button will look
• "Yandex" apologized for the failed restart of "KinoPoisk" and promised to return the service in the previous design
• Mail.Ru Group launched a recommendation service for movies and TV shows following Yandex.
• Wired stated "death" of user comments on media sites
• Adidas intends to resort to 3D printing technology for custom-made shoes

Entertaining

• New emotions on Facebook. A brief analysis of the functionality and its logic
• Eye-charging website
• 10 productivity myths that keep you from developing
• Why is Microsoft listening and recording?
• The swarm of robots, as the basis of mass robotization
• It's time to think about buying VR
• The habit of lying. Why do "smart" things lead us by the nose and how to wean them off?
• Ilon Musk called Apple "Tesla cemetery"
• The Uber Revolution: The Story of Travis Kalanick Hacking the Taxi Market
• Google Car: Utopia or Reality?
• Elon Musk: "I don't hate Apple"
• Why companies are looking for "slaves"
• Why CERN is needed: 5 discoveries of nuclear physicists who turned the world around
• Main role : how the film industry is trying to film IT entrepreneurs, and that in the end it turns out
• Little-known startups that will change the world
• Atoms rendered using WebGL

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 .