The digest of interesting materials from the world of web development and IT for the last week №111 (May 25 - 31, 2014)

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

Web development

• Grunt and Gulp to optimize performance
• Accelerate Wordpress
• Improving the understanding of web pages
• Big update Socket.IO 1.0
• Ideas for responsive email templates
• Love to generate SVG using javascript? Transfer generation to the server!
• Everything you wanted to know about SVG - tutorials, articles, resources
• SVG `text` and affordable scalable typographic design
• Organize interactions in a mobile web application
• Use modern.IE to identify the most common problems in the code of your site
• Five front-end development tools you should try
• Creating your first plugin for Grunt
• Phở Devstack 1.0 - automated development process in one set for front-end developers
• How to make a scrollable splash screensaver using CSS3 / jQuery
• Getty Images API gives access to millions of images.
• tumblr boilerplate
• Kickoff is a lightweight FE framework for building scalable, responsive websites.
• Webix - framework with a set of ready-made widgets, there is integration with Backbone and Angular JS
• Bootplus - Google+-style front-end framework built on Bootstrap base
• HTML5 needs a new native API to animate.
• A selection of tutorials for creating 3D effects using CSS3 and JavaScript
• Using Grunt with Pattern Lab
• HTML and CSS Debugging Tips
• Must-See Tech Talks for Every Programmer

CSS

• Creating non-rectangular layouts using CSS forms
• Animation Effects for Navigation Arrows
• CSS3: Viewport units - new units for sizing in responsive designs
• Creating a masked background effect with CSS
• Sass frameworks: Compass and Bourbon?
• DoCSSa {dok ~ sa} - methodology and architecture based on Sass
• How to handle Deferred Objects in DoCCSa
• rUp: Sass function offering an alternative to em
• Dynamic CSS with DynCSS
• PROFOUNDGRID - adaptive mesh built on SCSS
• Animations - a set of animation effects with examples of various launch
• Animating typing code in pure CSS (Sass)
• Fun CSS3 motorcycle animation
• Automate CSS sprites for large organizations
• Details on blending modes in CSS
• The background-blend-mode property is now available in Chrome

Javascripts

• Another JavaScript Language - ColaScript
• jquery.scrollless - block scrolling instead of native plus much more
• Learn Three.js.Glava 1: Create our first 3D scene using Three.js
• How to write parsers on javascript
• Object Mysteries in jQuery: Introduction
• What is an object in javascript?
• Which code variant, by definition, of the minimum number index in an array, is faster?
• Determining whether the integer type in JavaScript matters
• Better compression with UglifyJS
• Adaptive Placeholders
• Introduction to the Proximity API
• How to use Visibility API
• Introduction to Ambient Light API
• Handpicked jQuery Plugins CDN - repository of the most requested jQuery plugins in CDN
• sharp - NodeJS speed module for image resizing
• tablesaw - a set of plugins for creating responsive tables from filamentgroup
• Numeral.js - a library for working with numbers
• Velocity.js - Accelerated JavaScript Animation
• DOMtastic is a small and fast library for working with DOM and events for modern browsers.
• Number Progress Bar
• Write Code. Learn Angular. Interactive study of Angular
• JavaScript Challenge: Make Me Blue!

Web tools

• How to use email at full capacity
• 10 features of Google and Yandex, which you did not know
• codyhouse.co - library of bright snippets on HTML / CSS / JS
• Font Awesome Font Icon Converter to PNG

news

• Apple buys Beats Electronics and Beats Music for $ 3 billion Why does Apple buy Beats?
• Google:
  
  • Google will close its question and answer service in June 2014
  • Google launched a tool to view pages containing CSS and JavaScript files like Googlebot
  • Google introduced a self-driving car without steering and pedals
  • Google learned to respond to voice requests in Russian
  
  
• Secret:
  
  • Anonymous social network Secret is now available worldwide.
  • What is the secret
  • Secret and his secrets
  • FAQ Secret: Everything you need to know about the scandalous social network
  • Secret: how to share a secret and not screw it up
  
  
• Skype will be able to translate speech and letter
• The reception of pre-orders on the Flame dev-smartphone under Firefox OS has begun
• Site TrueCrypt announces the closure of the project and offers to switch to BitLocker
• Yahoo! may open rival YouTube in the coming months
• Amazon launches its own music service.
• Twitter, in conjunction with Billboard, will launch a website with music charts.
• The closure of the Springpad is a victim of competition . The team of the closed service Springpad goes to Google
• Git 2.0 Distributed Source Control Release
• Attendance "Sputnik" fell six times
• SpaceX introduced the new spacecraft Dragon V2
• The release of the first generation of consoles based on SteamOS is postponed to 2015
• The number of Dropbox users has grown to three hundred million , with 100 million appearing in the last six months.

Browsers

• Chrome has restrictions on installing third-party add-ons.
• Microsoft told what to expect in the new assembly of Internet Explorer
• Video chat based on WetRTC added to Firefox nightly builds
• Expected technologies in Internet Explorer 12
• CSS Regions are no longer available in Chrome 35
• Microsoft plans to add HTTP / 2, Web Audio and JavaScript Promis to the next version of IE

Sites with interesting design and functionality

• Inspiring Minimalistic Sites
• 808cube.com - music cube
• atelier-serge-thoraval.com - a site with effects that will surely surprise you
• purplerockscissors.com - full-screen video site with background
• studioindigo.co.uk is another full-screen site with interesting effects.
• www.creative-knight.com - a site with interesting non-standard animation effects.

Design

• New web design trend: ghost buttons
• Pixel Perfect Parallax Scrolling Animator from Webydo - parallax-scrolling without a single line of code
• How to create responsive and lightweight UI in Adobe Illustrator
• 10 masters of photo manipulation who have a lot to learn
• Ten things Massimo Vignelli taught me (RIP)
• The person who created the map of the New York subway is dedicated (Massimo Vignelli RIP)
• Twitter.com has moved from using the Helvetica Neue font to Gotham
• How to create the best designs based on the grids
• The era of post-PSD does not want to kill designers
• Elegant or boring? Gray color in web design
• Top sans serif font family of Google Fonts
• Spectacular business card designs that may surprise you.
• The unofficial concept of website design microSoft
• Future concept car illustrations
• Five dozen lessons on Photoshop dedicated to creating photo-manipulations
• A collection of forty lessons on creating volumetric text in Photoshop
• How to draw in Photoshop-e stylish black with gold surround text

A selection of free designer cookies

• Mockup files for embossed logos
• Icons on the culinary theme
• RotateMe 3.0 - a script for rotating objects in Photoshop
• A collection of free photos from Germany: Titania Foto
• Illustrations of jobs from freepik.com
• Bootflat UI KIT PSD
• A small collection of PSD and PNG files with UI elements
• Five dozen round icons with flat design and long shadows dedicated to e-commerce
• Five dozen vector round icons with a flat design for summer themes
• Set with round vector social icons with flat design
• Set of icons on the theme of summer and office life in formats EPS, AI, PNG
• Three dozen vector icons in iOS7 style
• Seven sans serif fonts suitable for minimalistic designs
• This week's free fonts: from Acne to Pistara
• The best hundreds of free fonts of 2014, from the laconic Acne to the exquisite Zorus

Demo

• Google's XSS game
• The concept of a single component form with a 3D effect
• Ten demos, showing the capabilities of modern browsers
• Pinwheel with CSS Animation and SVG

Entertaining

• GIF-kam turned 27 years old
• Kate Ray, creator of the Scroll Kit: learning to program is really difficult
• Google first told the public about the composition of the staff, the majority - men
• In England, introduced a printer for printing fruit substitutes
• Video of the day: world record for high-speed printing on-screen keyboard
• Why Lenovo buys Motorola - strategy and tactics
• Browser Wired: How the Oculus Rift from the garage got into the office of Mark Zuckerberg
• Introduced a 3D fruit printer
• 11 of the most beautiful Apple stores in the world
• Mary Meeker at the Code Conference. Trends 2014: new users and the difficulties of monetization
• From the enemies of Microsoft - into valuable shots: the story of one hacker-enthusiast
• New Technotrend: Pocket Molecular Sensor
• 30 major online trends in 2014
• The new GR director Rambler & Co : “My task is that the laws state how the Internet works”
• Is the damage to advertisers from Internet ad blockers great?
• Spacex
• 100 free online courses in Russian
• The experiment showed the reaction of children to the first serial computer Apple

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 .