The digest of interesting materials from the world of web development and IT for the last week No. 176 (September 7 - 13, 2015)

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

• Simplify Form Filling with Autofill
• Layout letters: What is "kinetic email"
• Current State with Front-End Toolkit - 2015 (The State of Front-End Tooling - 2015)
• Measure your site's performance on Google
• A guide to creating SVG maps using real earth data (A Guide To Building SVG Maps From Natural Earth Data)
• WebGL Usage Statistics
• htmlblock - plugin for Photoshop, allowing to add CSS / HTML to the layout
• All about colors in CSS and HTML (HTML Color Codes)
• Comparing Angular Material and Material Design Lite (Angular Material vs. Material Design Lite)
• Interview with Jeffrey Zeldman: A frank look at the life and work of the pioneer of web standards (Interview with Jeffrey Zeldman: A Web Standards Pioneer)
• Is the web platform getting too big? Nicholas C. Zakas in response to the famous Peter-Paul Koch article
• Video from Frontend Union Conf 2015

CSS

• Overview of client attacks with CSS
• Sliced ​​Grid Layouts, Part 3: Grid Strip Sizes
• Future markup with CSS: Layout with CSS: Grid Layouts (The future of layout with CSS: Grid Layouts)
• Return to the roots (Back to the: roots)
• Introduction to CSS Testing with SonarQube (An Intro to CSS Testing with SonarQube)
• Second Birthday PostCSS (PostCSS Second Birthday)
• Styling placeholders with CCS. Syntax, tips, support for HTML5 styles
• Write SVG - PostCSS plugin that allows you to write SVG directly to CSS
• rucksack - backpack with CSS superpowers (done with PostCSS)
• Sass Style Guide: A Guide to Writing Better Sass Code
• Flexy-plexy is a powerful, yet easy-to-use SCSS mixin for grid generation. Among other things, is friends with web components,
• Back to school: ruled notebook with SVG & CSS (Back To School: Ruled Paper & Lined Text using SVG & CSS)
• Video: slow animation refactoring (Watch: Refactoring a Slow Animation)
• CSS animation: tools, frameworks and tutorials
• unistyle - modular and scalable CSS with ES2015 and ES2016
• Jets.js - native CSS search engine

Spectacular web

• Weekly selection of beautiful effects on CSS / SVG / JS # 3
• Concept of an expanding animation card
• A deck of cards and visual tricks with it using css / js
• 3D effect posters with CSS3

Javascript

• New releases:
  
  • React v0.14 release candidate overview
  • Node.js v4.0.0 was released. 7 reasons for switching to Node v4 now
  • What to expect from jQuery 3.0
  • Modernizr 3: New Release and Website (Modernizr 3: A new release and website)
  
  
• ES6:
  
  • ES6 today: string patterns (ES6 for Now: Template Strings)
  • ES6 maps in detail (ES6 Maps in Depth)
  • ES6 characters in detail (ES6 Symbols in Depth)
  • Names of functions in ES6 (The names of functions in ES6)
  • Javascript ES6 Cheat Sheet - Best in ES6 (Javascript ES6 Cheatsheet - the best of JS ES6)
  • Managing JS 'this' with ES6 Arrow Functions (Managing JavaScript’s This With ES6 Arrow Functions)
  
  
• How do closures (under the hood) in JavaScript
• Comments in JS are useless? (Are JavaScript Comments Useless?)
• Lovefield: JavaScript Relational Databases
• Want to learn JavaScript in 2015? . The article discusses tips, links to current books, online courses and other resources.
• Basics of Universal (Isomorphic) JS (The Foundations of Universal (or Isomorphic) JavaScript)
• Christian Heilmann's Quick Tip: Using a Template for Delaying Images Loading
• Promises in JavaScript unit tests: a complete guide (Promises in JavaScript Unit Tests: the Definitive Guide)
• How I Loved TypeScript (How I Came To Love TypeScript)
• Parallel Preloading Images with Pre- loading Images in Parallel with Promises
• Lessons from Backbone Developers Can Learn From React Lessons Backbone Developers Can Learn From React
• Meet the Igaro App - potentially the most beautiful SPA framework (Meet the Igaro App - Potentially the Web's Finest SPA Framework)
• Plugins:
  
  • Infinite list - endless scrolling list for 60fps mobile devices
  • nipplejs - virtual joystick for touch interfaces
  • Introducing gradStop.js: a library for setting points of equidistant color stretch marks for AngularJS (Introducing gradStop.js: A JavaScript Library for Equidistant Gradient Stops)
  
  

Browsers

• Bing promotes Edge browser in search results for [Chrome] and [Firefox] requests
• Microsoft talks about the benefits of Edge when users search for Chrome and Firefox in Windows 10
• Mozilla postponed blocking Firefox add-ons without a digital signature
• Microsoft will add to the Edge browser support for VP9 and, possibly, Ogg / Vorbis
• Google Chrome shows ads despite AdBlock
• The latest version of Chrome ignores AdBlock on some sites.
• The creators of Adblock Plus have released an ad-blocking browser for iOS and Android
• WebRTC plugin almost here: Apple and Microsoft joined the crowd (WebRTC Plugin Free World is Almost Here: Apple and Microsoft joining the crowd)

Sites with interesting design and functionality

• Sites with custom layouts
• bluefountainmedia.com - web studio site with creative elements
• Promotional page dedicated to iPhone6s.
• petas.it - scrolling site with animated transition effects between slides
• torpedov.com - a site with interesting animation
• crig.ga. - site with conceptual design and unobtrusive animation
• Game music experiment on the website page

Design

• "Content has ceased to be king on the site" - the designer's opinion on changes in the industry
• eBay improved user experience on mobile
• Still topical textures in web design
• Casual design: making credit cards a bit more comfortable
• New Airbnb logo found in design book 1988
• Inspiring typography
• 10 Awesome UX Podcasts
• Animation in web design: why and when to use (Animation in Web Design: Why and When to Use)
• Survey results: tools that designers use today (2015) (The Tools Designers Are Using Today)
• Dangerous and color lies in your Visual Identity Document
• Never use the dialog with confirmation (Never Use The Confirm Dialog)
• Tips for creating a Material Design (Design Tips for Material Design)
• Designing Safer Web Animations for Motion Sensitive (Designing Safer Web Animation For Motion Sensitivity)
• Beginner's Guide to User Testing (Beginner's Guide to User Testing)
• How to design for mobile devices (How to design for mobile UX)
• What is the difference whose lines it is? (about the design of main navigation icons in applications) (Whose line is it anyways?)
• All you need to know about Anticipatory Design
• Defining Design (Defining Design)
• The day you became the best designer (The Day You Became A Better Designer)
• How to design presentations: lessons from Seasoned Founder (How to Design a Pitch Deck: Lessons from a Seasoned Founder)
• Apple Music Redesign Concept (Apple Music Redesign concept)
• Creating a 3D text effect from white and gold metal in Adobe Photoshop (Create a Shiny, White and Gold, 3D Text Effect in Adobe Photoshop)
• Errors in Photoshop: a quick solution to the problem with the masked layer (Photoshop Errors: Quickly Fix Layer Mask Problems)
• Creating a Vegetable Pattern in Adobe Illustrator (Eat Your Veggies! Create a Vegetable Pattern in Adobe Illustrator)
• Google logo: reader designs (Google's logo: readers' designs)
• Use & Modify - font collection

A selection of free designer cookies

• Free abstract textures for your projects
• Invision UI Kit (NOW-FREE UI KIT BY INVISION)
• Exclusive collection of PSD best authorization windows in Lollipop (Exclusive Collection of 10 Best Lollipop Login Screen Design Free PSD)
• Five sets with icons (5 FREE ICONS SETS TO DOWNLOAD TODAY)
• Illustricons - Vector Hipster Icons (Illustricons Free - Vector Icons (AI, EPS, SVG, PNG))
• Atzur - a decorative serif font family (Atzur free typefamily)
• Bellico - Handwritten Decorative Font (Bellico Typeface + Bonus Vectors)
• Set of seventeen fonts (Download Free Font Bundle)
• Three dozen handwritten fonts (30 Free Script Fonts)
• Header Fonts (Awesome Free Fonts To Use In Headlines)

news

• Apple Presentation
  
  • iPhone 6S, iPad Pro, New Apple TV: Top Apple Event Announcements
  • Apple has released seven videos to advertise the iPhone 6S, Apple Watch, iPad Pro, Pencil and Apple TV
  • Opinions of representatives of the Russian IT industry on the new iPhone, iPad Pro and Apple TV prefix
  • iOS 9 will be released as a free update on September 16
  • iPhone 6s and iPhone 6s Plus - new smartphones from Apple
  • Apple TV restart: Siri, games and rock and roll!
  • Now Apple: Five Apple New Products Spy on Competitors
  • Opinion: "Apple does not need to talk about the iPhone 6s. We are ready to buy it. ”
  
  
• Distributed Internet instead of HTTP: First websites started working on IPFS
• Apple invests in artificial intelligence technology
• On the "Yandex.Maps" appeared panoramas of the highest peak of the Earth
• Windows 10 overheats users' computers
• Google, Apple and Microsoft protect users from the US government

Entertaining

• The corpse of a unicorn: there is nothing special in the billionth valuation of the company
• In England, the sale went "reincarnated" ZX Spectrum
• Over the past 30 years, Internet traffic has grown 2.7 billion times
• American millionaire creator of antivirus McAfee creates a cyber party and is running for president
• Titanium endoskeleton printed on a 3D printer
• First photos and videos of the interior of the new manned spacecraft SpaceX Crew Dragon are published.
• Ilon Musk proposes to drop atomic bombs on Mars to make it livable.
• Top 10 misplaced programming terms

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 .