The digest of interesting materials from the world of web development and IT for the last week №113 (June 8 - 14, 2014)

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

Web development

• Ideas underlying responsive emails (translated by Chris Koyer's article “Ideas Behind Responsive Emails”)
• Interactive online game of HTML, CSS and JavaScript
• New version of the debugger web applications Firebug 2.0
• Google has updated documentation and guidelines for webmasters to move the site
• Tools are available to convert Firefox OS programs into apk-packages for Android
• How does site load time affect its position in Google (infographics)
• What's new in git 2.0?
• How to start working with git
• Development with Gulp
• Getting started with Hoodie
• Using Bower to Improve WordPress Project Development Process
• 13 reasons for you to pay attention to the performance and optimization of the mobile web
• How the BBC website developers made an adaptive SVG map
• 5 things I learned about accessibility
• Sharing information between Sass and JavaScript using JSON
• Front End Style Guides: Answers to Your Questions
• Creating a cool tiled effect for a slider using 3D transforms
• 3% of Internet users use IE9, and 14% have physical abnormalities. Why do we only worry about the first?

CSS

• Updated Hayaku for Sublime Text
• Generating BEM style selector names with preprocessors
• What nobody told you about z-index in the article “What nobody told you about z-index”
• @ Font-face support
• If you need asynchronous loading of CSS, here is: loadCSS
• The Color Purple - Dedicated to the memory of Eric Meyer's 6-year-old daughter
• Proposal to add the name “Becca Purple” to CSS4 for # 663399. In honor of the dead daughter Eric Meyer and her favorite color.
• Box-Sizing: The Secret to Simple CSS Layouts
• Cascades in SVG Fill Color
• Use Sass to manage the Z-Index in a complex layout.
• CSS Shapes, CSS Compositing and Blending Modes in Safari 8
• Grids: explore the blocks for building your website design
• Creating a parallax effect on pure CSS
• New article about CSS property will-change on Dev.Opera
• Fibonacci flexbox composer
• The invisible gradient technique: cross-browser SVG with fallback, using CSS
• 4 methods for creating Responsive CSS Grid Layout on CSS
• New CSS gradient features with background-blend-mode

Javascripts

• Data-binding revolution with Object.Observe () (translation of the article by Addy Osmani "Data-binding Revolutions with Object.observe ()")
• Filter Collection Engine
• Iterating everything with the Collection
• 7 steps to high-quality JavaScript code
• Unit testing AngularJS with Karma and Jasmine
• Ext JS 5 released
• JavaScript resources to help stay on the crest of a wave
• JQuery cheat sheet
• Pub / Sub JavaScript Object
• Using ES6 modules today
• One-page application ToDo created with Backbone.js
• Getting started with Browserify
• Why Ramda?
• Simple, fast 3D browser games made with JavaScript and WebGL using Three.js or Babylon.js
• OpenLayers - an alternative to Google Maps
• Rethinking controllers in AngularJS
• Angular Breadcrumb - a module for AngularJS that generates bread crumbs for each page of your application.
• Tessel - microcontroller programmable with javascript
• How to create 3D scenes with Seen.js
• jseq - a set of tests, checking strict equality, as is done in various libraries
• jasmine-integration - integration tests with Jasmine
• ScrollMe - jQuery plugin for adding simple scrolling effects
• Springy.js - building interactive graphs with the specified direction
• Boba.js - library for working with Google Analytics
• A large number of emulators written in JavaScript
• WEB WORKER CONTEST (WWC) - a game in which two scripts compete
• Crossfade.js - a small jQuery plugin to add a cool blue effect to images on page scrolling

Web tools

• 10 free tools for creating infographics
• Seven color palette generators
• The generator of simple buttons for sharing in social. networks
• bounce.js online tool for creating CSS3 animation in a few clicks

news

• For the first time in 15 years, the HTTP / 1.1 protocol specification has been updated.
• Machine Architecture - Redefining the Basics of Computer Computing from HP
• Tesla will transfer its technological patents to competitors
• Google:
  
  • Google has launched a platform for businessmen.
  • Google launched online flight booking service Flight Search
  • Google will monitor the health of users through the service Fit
  • Google acquired Skybox for $ 500 million
  
  
• 25-dollar smartphones with Firefox OS will appear already this year
• Yandex has launched a project for World Cup fans
• Dropbox has acquired the MobileSpan enterprise file sharing service.
• Tizen has grown to SmartTV
• Amazon launches recurring payments
• Telegram named the fastest growing startup in Europe
• The network has a full list of characteristics of "smart" watches LG G Watch

Browsers

• Web animation - element.animate () already in Chrome 36 (translation)
• Firefox 30 release
• NY Times forced readers to abandon Internet Explorer 8
• Microsoft has eliminated 59 vulnerabilities in Internet Explorer
• Chrome killed a star - terminal
• Improved support for the Viewport size unit in WebKit
• Background blending mode is available in Firefox 30

Sites with interesting design and functionality

• Interesting HTML5 sites
• Sites with a focus on displaying photos
• votd.tv/ - site with a good use of animation
• Light day =
• builtvisible.com/thrust/ - an entertaining sidebar navigation design
• hammerhead.io - unofficial use of animation effects.

Design

• Switch to Sketch. Part 1 , Part 2 , Part 3
• Summer selection of typography
• 3D text in retro style in Adobe Illustrator
• Interview with illustrator and artist Joumana Medlej
• 6 golden rules for ecommerce design
• Maintaining the necessary pace of work with the mobile application due to more efficient design
• Inspiring examples of UI / UX design presentations
• Photoshop or InDesign: what is best for print design?
• Creating a brush pattern with colored flags on a rope in Adobe Illustrator
• Creating a retro illustration of a football player in Adobe Illustrator for the World Cup
• Create a retro poster about the World Cup in Adobe InDesign
• Cool illustrations of isometric letters by Jing Zhang
• Did you try these extensions for Inkscape?

A selection of free designer cookies

• Free water textures
• Two dozen sets with backgrounds and textures
• Mac OS X Yosemite UI PSD Template
• Cardboard Photo Texture
• Fresh UI sets of this week
• Four and a half dozen fresh and useful sets with icons for web and mobile applications
• A small set of square-shaped social icons with rounded corners.
• Uni Sans Free
• Three dozen fonts with exclusively capital letters: from Uni Sans to Portica

Entertaining

• Father's Birthday World Wide Web
• The heart of an Austrian teen brought down Twitter
• Want to learn how to code? Start here!
• What kind of person are you: an application draws a portrait of a person according to posts on Facebook
• Google can invest in Virgin Galactic space technology
• Why the results of successful A / B tests are not so good in reality
• WWDC through the eyes of an eyewitness: new technology development trends

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 .