The digest of interesting news and materials from the world of ayti for the last week №3 (April 21-27, 2012)

We bring to your attention another collection with links to news, interesting materials and useful resources. This week was marked by increased activity in the fields of cloud storage.

Hot seven:

')

- Google introduced its new service , and thus entered into an actively developing
cloud storage area. Due to democratic prices , everyone can buy the required number of gigabytes.
- Microsoft rolled out a big functional update for SkyDrive cloud storage ,
- In the face of growing competition, Dropbox continues to improve, announcing new useful functionality ,
- They try to be in trend with Sony and Samsung - the first ones launch their photo hosting service , and the second ones can introduce a competitor iCloud on May 3 ,
- well and where without comparison of services: time , two and three .



On the eve of Euro 2012 football, Google Street View has appeared for five Ukrainian cities - Kiev, Lvov, Donetsk, Odessa and Kharkov . The main part of the photos was taken last fall.



Launch of the new website “Adobe & HTML” and the start of receiving pre-orders for CS6 and Creative Cloud


The next release of the popular web browser, has received a decent portion of functional improvements and innovations , including the "silent update" mode for Windows users a la Chrome.


Dynamic reference for CSS properties and selectors with detailed documentation, working examples on jsFiddle.net and links to official w3c documentation.


Detailed guide on the layout of Google , with examples, explanations and recommendations on how, from their point of view, to do the right thing, and what steps to refrain from.


The topic that caused gigabytes of discussions in blogs and forums a few months ago is gaining momentum again - mobile Opera has confirmed the integration of support -webkit prefixes .

news

• A small selection of news from Google:
  Spring cleaning - closing a number of services ,
  Google launches Brand Activate advertising analytics tool ,
  Google has allowed bloggers to make money on advertising, but so far only in the USA.
  
• PrivatBank, the largest Ukrainian bank, opens a programming school for children using a unique Lego Education system
• Having conquered Runet, Mail.Ru Games enters the international mobile gaming market .
• Facebook announced revenue of over $ 1 billion and released quarterly figures .
• Facebook started experimenting with trends by introducing a new block of Trending Topics, which will be added to the action tape of friends of users.
• Microsoft officially announced Windows 8 Release Preview, exit - in early June
• The Ukrainian Skolkovo data center Bionic Hill will cost at least $ 17 million .

Browsers

• The last time performance comparisons of browsers for Windows are carried out for its seventh version, however WinXP is still quite a popular system, and if you have one of them, this is the comparison of the main versions of browsers for XP .
• Questionable methods of fighting for the safety of users - Firefox takes fav-icons from sites .
• Did you know that web pages can be saved in PDF format without installing add-ons?

Sites with interesting design and functionality

• mono-1.com/monoface/ - flash site with a funny face configurator
• almeyra.com - personal one-page website with a photo of a person holding a video demo and portfolio in both hands
• caseybritt.com - a site made for iPad with navigation using the keyboard for desktop computers
• thetrueillusion.com is a good portfolio with moderate use of animation effects.
• ycoyacht.com is a beautiful website of luxury services with active use of background photos, thoughtful download process and interesting navigation
• rouxatparliamentsquare.co.uk - the site of the restaurant Roux at Parliament Square, made in the same style, with full-screen photographic backgrounds, custom navigation and Ajax data download.
• mad.no is the site of an architectural company where full-screen photographs are actively used, all pages are made in the same style - with a graphic substrate and a small amount of information placed on top of this substrate.
• appear.dk - non-standard cursors will help to deal with a seemingly uneasy interface
• beautifulexplorer.com - in an attempt to harmonize and structure the flow of information interesting to designers, developers mixed HTML5 Canvas with traditional technologies and obtained a non-trivial spherical solution
• dventureworld.ourentry.com.au - so that the visitors of the amusement park could see the cartoon characters of the site in their iPad, the creators of the project resorted to magic, JavaScript and a canvas tag.

Design

• Created the most average font called Averia . The article will learn the creation history and the link to the font in the Google Web Fonts directory.
• # BADA55-colors for web design - we remember colors by the mnemonic method.
• color.method.ac is another exciting game for designers, this time dedicated to colors!
• Aura Seltzer's typeconnection.com game is about acquaintance with fonts, and telling you which fonts should be paired. After creating your ideal font pair, you can send them to an expert who will make a verdict on the reliability of the new union!
• Modern Web Design Effects Give Headers Highlights
• Diego Monzon shares the secret of successfully cutting out wood patterns, applying for accuracy a tasty three-layer PSD neck.
• Hand-drawn sites are not bad at all - apparently the author of a collection of web-designs created with the participation of pencils and pens argued this way
• Yes, and for logos a sketch in a notebook can be pretty good!
• An attempt to explain the mystery of the fascination of web design made in the style of minimalism, supported by examples and reasonable explanations why it all the same works.
• Logos in the form of strips have not yet gone out of fashion!
• Illusions in graphic design is an extensive topic and a field for numerous experiments. The SloDive team shares with us some of the successful examples, with the help of a couple of dozens of amazing examples of “optical illusion” . Some pictures even have to be opened in a graphic editor to make sure that this is not an ordinary animated GIF!

A selection of free designer cookies

• Iconshock designers decided to share several photo-realistic icons dedicated to photos
• Fresh packaging with icons of the most popular social services to help designers and developers.
• Credit Card Icons (MasterCard, Visa, Maestro, American Express, PayPal, Visa Electron, Discover, Cirrus) + PSD
• Template for iOS application icons (9 sizes) in one PSD-ke
• A set of stylized social icons are invited to download for your Tweet!
• A little overdue box of easter vector shapes for photoshop

Demo

• BKOM ROBOT GAME is a demo of a high-quality platform game on HTML5 (in a canvas container) .
• The Hakim El Khattab Lab - impressive experiments that can produce a wow effect on your site.

Services

• screenqueri.es is a great service that will come in handy when designing a site with an adaptive design.
• responsinator.com is a service similar to the previous one, displaying your site in screen sizes of popular mobile devices.
• starter - generate your jQuery plugin .

Development

• CSS3 & jQuery Interactive Menu
• To create a 3-dimensional column-graphics, 3 images are enough, a bit of JavaScript and understanding how this should work.
• How to take a little JS to connect Google Analytics and get statistics about how scrolling the page
• The latest version of the insertion of images on sites designed for responsive design
• We make a website with responsive design, connecting images and video
• Responsive responsive design for responsive web designers
• PageSlide is an implementation variant of the menu with an adaptive website design, using the exit panel as a navigation device with smartphone resolution.
• The classification of sites with an adaptive design for rubber, adaptive and mixed (responsive) types.
• Adaptive web design in practice - Futubra developers share practical experience.

CSS

• Tutorial on creating an animated sprite on pure CSS.
• html5boilerplate: say goodbye to the default pink selection of text in a popular template .
• Create shadow triangles without using images using Chris Koyer's method .
• 3D it! - use CSS 3D to add fun 3D effects to any site .

Javascripts

• jQuery contextMenu - create your own context menu on your website or in a web application.
• Scrolling Parallax Plugin for jQuery is a great plugin to add parallax effect to the site.
• jQuery zLayers Parallax Plugin is another good parallax plugin, this time by mouseover.
• lake.js - just add water .
• AjaxML - jQuery plugin maximally simplifies the task of downloading content by Ajax
• GFX - add CSS3 transformations and animations on site elements using jQuery .
• jqTree creates a tree by JSON with the ability to drag branches
• On the web it's time for an audio slideshow with jPlayer
• PageSlide - plug-in fastening exit panels
• Glisse.js is another gallery with CSS3 effects.
• jQuery HiddenPosition allows you to find the coordinates of even hidden elements!
• Adaptive design is good, but what to do if you used a rather old but reliable Image Map technique? Now you can connect Responsive Image Maps plugin, which takes on the task of recalculating the coordinates of image areas .
• Sweet Tooltip - one style is not enough . Cute tooltips.

Entertaining

• Hello, the future - Planetary Resources, Google and Cameron - and we will carry platinum from asteroids!
• Is your android fast running out? Perhaps the problem is this - “bad” sites are discharging the battery of mobile devices.
• Sketch e56 - 100 seconds about Windows Phone
• Mozilla will launch the first commercial phone based on Boot to Gecko in early 2013, and this will happen in Brazil .
• By 2014, the graphics performance of mobile devices will exceed the performance of modern gaming consoles.
• Scent of a geek: Air Aroma - perfume with the scent of new Apple gadgets
• The first BIO Auto electric cars were officially brought to Ukraine - now you can refuel from the outlet.
• 25 best cities for startups according to Startup Genome
• American made a million edits to Wikipedia articles
• The artist Marc Formanek, with the support of Datenstrudel, has created watches that are built in real time. 24 hours, 70 workers, 30 boards, 1611 changes. The process video is synchronized with the time for which your computer is configured.

Entertainment

• LSD trip for sites
• What would the most famous sites look like if they were dresses
• Google Project Glass - Russian version
• Creative vacancy for the front-ender - apparently, the guys really need a good coder.

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