The digest of interesting materials from the world of web development and IT for the last week №65 (July 7 - 13, 2013)

We offer to your attention another selection with links to news, interesting materials and useful resources.

Hot seven

Imagine Cup 2013

In St. Petersburg, the results of the Imagine Cup 2013 were summed up: the winners were the teams of Great Britain, Austria and Portugal . You can read about the most interesting projects of the competition here.

Choosing a solution for responsive images

When designing a responsive website, it is far from the last role to pay to the images on it, since the (not) correctly chosen solution can play a significant role in its future. About techniques, solutions and pitfalls can be found in this article.

Updating bookmarks

The WebRTC and Web Audio resource list, the front-end development resource list , and the site with the saying name shit for making websites will help us in this .

CSS magic of the week

Meet animated spherical objects on CSS - CSS Balls , as well as Animated 3D molecules with the same technique.

. In addition, another interesting concept - Animation of books using CSS 3D Transforms

Anniversary App Store

The App Store is five years old, and here are the most popular iOS games during this time. Why the App Store fifth anniversary is an important date, as well as the iTunes Store Decade : an amazing success story

Fresh API

Modern web technologies are becoming more powerful. This can be seen after reading the article on the API for devices in the modern web.

. Also, Firefox developers report on implementing the Web Audio API , which is very promising in itself.

. Also, you can read about the HTML5 History API and Fullscreen API

“Play with fonts”

Probably, at least once in a lifetime, the designer hears this phrase from the customer, and everyone solves this problem in his own way. To help offer an article on tools for combining fonts

as well as the tiff service is an online tool for accurately comparing visual differences between fonts.

Web development

CSS

Image rotation optimization
Resizing web components by embedding a Trojan horse in CSS rules
Tricky CSS - a small test of knowledge of the work of selectors in CSS
Height, proportional to width, on pure CSS
Spheres on CSS , Animated 3D molecules
Using custom data attributes and pseudo-elements
Book Animation with CSS 3D Transforms
Tip for better rounding corners
almanac - new section on css-tricks
csscheckbox - styling checkboxes with pure CSS
Hyperlinking is not as easy as you think.
Make a striped background using gradients (and Sass Function)
Immersion in the presentation of the Sass
CSS Custom Filters
Introduction to CSS regions from the developer Opera
The “extend” concept in preprocessors
Layout template letters 80th level

Javascripts

voyeur.js - library for samples and manipulations with the DOM-tree
ElementTransitions.js - js-library for adding animation to site elements
voodoojs - a new framework that allows you to make a spectacular combination of 2D and 3D content
Fundamentals of AngularJS for 60 minutes (video), more precisely for 1 h. 10 min.
FastClick - a library for eliminating 300ms delay between the physical touch of a mobile device and the appearance of a click event in a mobile browser
TreeModel - tree structure manipulations
ALighter - animated lights on jQuery and CSS3
Presentation on d3.js "D3.JS, Data driven documents."
Useful Javascript Fiction

Browsers

Opera 15 for Android is smaller and runs faster
Review of the Future of Browsers Round Table with Brian Rakovski
Obesity on the web . A little bit personal about browser development trends.
Chromium Digest №5 - Manual restart of the browser and the new style of the bookmarks bar
The statcounter report on "Internet Wars"

news

Services

Dropbox plan: replace the hard drive and take over the world
Save time on connecting fonts. One year later
Simple online calculator for calculating sizes in an adaptive website
Font Combine Tools
Interactive music cloud
tiff - A tool to accurately compare visual differences between fonts.
stylie - online tool for convenient work with css-animation
media.info - media queries generator
Zombie Reader - Resuscitation of Google Reader Archived Records
Google has released a service for creating infographics for business

Demo

Sites with interesting design and functionality

blog.nihilogic.dk - SuperMario toy on the background of the site (controlled by up / down / left / right buttons)
Interactive comics site based on The Walking Dead
yourtour.withgoogle.com/en/ site dedicated to the most famous bike ride, stuffed with pleasant dynamic effects
adayinbigdata.com minimalistic self-presentation site