The digest of interesting news and materials from the world of ayti for the last week No. 5 (May 5 - 11, 2012)

We bring to your attention another collection with links to news, interesting materials and useful resources.

Hot seven

The new "Creative Suite" from Adobe went on sale!

From the very beginning of the year, Adobe fed all of them with tasty rollers demonstrating innovations in its popular tools, among which, first of all, such as Photoshop, Illustrator, Premier and After Effects. According to analysts, this time the new version of Photoshop has received a really significant set of improvements. And so, on May 7th, the most awaited programs for designers were released in the next “creative” package - CS6!

Google+ allowed to create live video broadcasts for all users.

“Attention, you're on the air!” - now this phrase can be uttered by any Google+ user to a person sitting in front of a connected webcam. A new opportunity to create your own video broadcast for a wide audience is complemented by functionality that allows you to track the number of viewers in real time, as well as record the ongoing broadcast to further save and export videos to YouTube
')

Reports from UA Web Challenge 2012 and Front Trends 2012 Conference

More recently, two events took place in the web development world: a conference in Poland, which was attended by web leaders such as Alex Russel, Chris Coyier, Lea Verou and many others, as well as the Kiev final of the Web Web UA Developer Championship.

Domains of the CIS: the life of neighbors in the Union

Immerse yourself in the history of the domain zones of the CIS, find out how they work, what difficulties they face, the technologies used, the prospects for development, and much more.

Make your HTML5 Video Play on Mobile Devices

With the growing number of mobile devices that support HTML5, the problem arises of playing videos on them. Solving this problem, do not forget about the numerous nuances, among which, for example, different support for video formats by various devices.

HTML5 Audio - The current state of the audio tag in html5 and its support for modern browsers.

Connecting audio on a web page may seem like a non-trivial task when it comes to full cross-browserism. The flash player with a set of sound files was replaced by native players with an even larger set of audio files in various formats.

The Web platform: Browser technologies

Urgently bookmarked: all modern browser technologies with the necessary links are now collected on one guide page.

Services

• fontello is a service that allows you to create your own web font, consisting of vector icons .
• css2less is a service for fast conversion of css-styles to less-code .
• The Web platform: a complete list of current browser technologies with links to official documentation .
• Features updated Google Docs (450 new fonts and dozens of templates ...) and the agreement clause stating that when Google downloads files to Google Drive, Google gets full rights to them

Development

• HTML5 Audio - The current state of the audio tag in html5 and its support for modern browsers.
• ffffallback.com - snippet for checking the resiliency of web fonts on your site
• Responsive HTML5 / CSS3 template - a great static framework for creating websites with responsive design
• Responsive Grid System is another framework for sites with responsive design, but this time with grid support.
• Best of Tuts + in April 2012 - a selection of the best articles and tutorials of the month from the network of sites Tuts +
• Make HTML5 Video play on mobile devices .
• How to increase the speed of loading @fontface .
• Introduction to RESS (Responsive Design + Server Side Components)

CSS

• Guide to the design of HTML / CSS code from Google (Russian translation) .
• Suggestions for mediaqueries in the future CSS4 standard
• How to make a slide show that starts when you hover on an element on pure CSS3
• Analysis of work of CSS gradients in 1 hour . At the end of the article as a bonus, the author’s amusing art is drawn using gradients!
• How to design breadcrumbs on CSS3 and without any images
• Drawn and animated using CSS3 sprite. An example showing the power and, in some cases, the impracticality of using web technologies.

Javascripts

• jQuery NailThumb - automatically customize and create preview images for your images.
• jQuery Vector Maps - we generate an interactive vector world map
• Presenteer.js is a library for creating a modern html5-presentation, which despite its simplicity has a large number of settings.
• jQuery Canimate Plugin - create a simple sprite animation using jQuery.
• Physijs is a js-library for building physical objects and scenes.
• Selection of plugins for automatic code compression
• Ascensor is a jQuery plugin for creating custom navigation in single-page sites, suitable for use in portfolio and promotional sites.
• Fixie.js - placeholder informational “fish” empty HTML tags
• jQuery Countdown is a beta version of a timer that uses sprite animation and is therefore suitable for implementing non-standard animation effects.
• How to write a jQuery plugin correctly or 14 reasons why your plugin is not popular
• A brief introduction to the concept of JavaScript prototypes
• Ajax Side Panel - creating exit panels with dynamic content downloadable Ajax

news

• Asymco: Apple and Samsung have 99% of the profits of the mobile market
• Google SEO Guide 2012: review of innovations that have affected the search engine algorithm, as well as their consequences.
• Windows Mobile Marketplace closes
• A potential competitor to search giants looms: EBay and Wal-Mart are developing a new search engine.
• The average speed of Internet access in the world dropped to 2.3 Mbit / s .
• UA Web Challenge 2012 Report
• Report from the conference Front Trends 2012
• Twitter introduced a new interface of the mobile version of the service.
• Google Play users will be able to share a playlist via Google+ using the 'Shared with me' button (currently available only in the USA)
• Windows 8 will not play DVD-video due to the unpopularity of the discs - it is a logical decision. Now users just have to figure out what to do with the deposits of the once popular video discs.

Browsers

• Engadget journalist interviewed CIO Mozilla Foundation
• Once again about the versions of Mozilla Firefox and their updates. This time in the form of graphic posters.
• Google promises a significant increase in JavaScript performance in the next version of Chrome.
• Mozilla is worried - Windows RT will not be able to choose a browser

Sites with interesting design and functionality

• weareimpero.com - a site with unusual transitions between pages .
• meomi.com - site with an interesting design
• pitch.csspiffle.com - one-page site with a nice parallax effect
• orangesprocket.com - a site with dynamic elements and a creative approach to navigation
• victoriabeckham.landrover.com - promotional site Land Rover with trend effects
• clairetnet.com - just a beautiful flash site
• ok-studios.de - another quality site with parallax
• kaleidoscope.ro - a site with an animated build your own template
• launchfactory.org - a theme site with interesting graphics and dynamic elements.
• milkable.me is a fun dairy site .
• jagex.com - non-standard approach to the standard elements of the site .
• Interesting sites of domestic artists and music groups .
• redpepperland.com - an interesting rotator on the main page and responsive slide navigation with very appropriately placed preloaders in the controls on the inner pages .
• hardudetideg.no/test/en.html - a test for teachers on the knowledge of various subjects. Using the canvas and the original approach of scoring opens up new horizons for the creators of interactive tasks!
• ala.ch is a slightly multicolored site, in which we actively used the browser scrolling snapping features when creating various animation effects .
• community.saucony.com/kinvara3/ - it seems that after the successful launch from Nike , other companies realized that sneakers with a site stuffed with parallax effects are selling much better!
• globaltv.com/bombgirls/index.html - cinematographers decided to pay attention to the web-site trends and made a pretty good guide advertising their product! Here's how to make sites for popular shows!
• vesmirnyprogram.sk - it seems ideal for sites with aero-space themes that use vertical scrolling to synchronize animation effects, with their design and functionality that demonstrate the principle of operation of the advertised product .

Design

• Arrrows - a font with a large set of vector pointers for your site .
• Call for more friendly registration forms
• Fifty tech logos
• A quick guide on how to prepare a PSD file for transfer to production
• Five dozen lessons on creating mega-creative header designs with Photoshop
• A collection of various options for implementing the main menu of the site
• Red Bull invigorating posters
• Excellent examples of using background textures in web design.
• "Orange sun, orange sky, orange sand", orange sites, orange letters - orange design!
• English-language mini-dictionary with typographical terms
• Business cards that exactly passed the quality control of Green Peace and the design of which promotes environmental support!
• Design of business cards with "proletarian" color

A selection of free designer cookies

• Prekesh Chavda decided to share his cute social services icons.
• First Aid Kit with a pack of five medical icons
• climacons - pictographic icons thematically related to the description of weather conditions
• Seven large grunge textures in JPG format
• Spring-summer air and light fonts selected by Jacob Gube
• Bleached watercolor stains collected in a small zip archive
• Spattered paper textures
• Four dozen web design fonts from Google Fonts

Demo

• Create an experimental website template that emulates a magazine layout .
• Nostalgic for the very first version of GTA? Here is the version of the game on WebGL

Entertaining

• Domains of the CIS: the life of neighbors in the Union .
• A total of 5,000 most frequently used words, suffixes and prefixes in domain names are counted .
• Infographics: HTML5 and Game Development .
• Incredibly, but the fact is that Facebook is more expensive than two Serbians .
• How does the unmanned car "Google" .
• Robot transformer from Japan . So far, however, miniature.
• Sketch e58 - 100 seconds about Email .
• Sandbox with augmented reality from the University of California .
• How Google destroyed Inktomi: Internet giant's success story .
• Grocery brand Glorious launched an interactive gourmet world map
• Mobile companies decided to try creating applications - Spanish Telefonica presents To Me - a competitor to Skype for iPhone
• Disney surprises with its development, changing the concept of sensory technologies - now you can learn a lot of useful information on the peculiarities of the door handle grip!

Entertainment

• A joke that web developers will especially appreciate - HTML9 Responsive Boilerstrap JS
• Even Durov could not find pirated audio on Vkontakte
• The Daily Show Jon Stewart Talks About Google Glasses and Instagram

Link to the digest from last week.
Material prepared by dersmoll and alekskorovin