The digest of interesting news and materials from the world of ayti for the last week №7 (May 19 - 25, 2012)

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

Hot seven

7 years of YouTube Recently, the most popular video platform on the Internet celebrated its birthday. Throughout its existence, the service set various records and conquered the next peaks. This date was no exception - another record was broken.

Microsoft launched its own social network So.cl Quite casually, without a pump and hooves, another social network was launched. Now everyone can try this mix of Google+, Facebook and metro-interface from the IT giant.

Facebook is IPO The event, which was destined to occur and which everyone expected, was accomplished . It was accompanied by both ups and downs , both universal joy, and accusations of fraud .

Google Chrome ranked first among browsers. The next epoch has come to the end - the IE man, who has been leading for almost a decade, has been moved from the first place by ambitious Chrome. However, not everything is so rosy, because this fact was recorded only by the Statkounter, who, as is well known , is not sinless in his calculations.

Google launched the Knowledge Graph search engine. In parallel with Bing , Google updated its search service, introducing new features that are designed to open the door to a new era of next-generation search.

Mobile devices and their browsers are not yet ready for full HTML5. Have you ever wondered why we see so many interesting demos on HTML5 and read optimistic articles on this topic, but hardly see the implementation of these technologies in real applications on smartphones?

SASS vs. LESS Preprocessor languages ​​are gaining increasing popularity due to their obvious advantages. The future effectiveness of your work depends on their choice, therefore meet the translation of the detailed article from Chris Koyera and make your choice.

Development

• Mobile devices and their browsers are not yet ready for full HTML5.
• Emulation of the HDR effect by means of HTML5, and, in particular, by canvas.
• Video recording of the Fritonika report on responsive web design.
• Teach WordPress to automatically install a featured image in a post.
• Jeffrey Zeldman gives interviews to .net journalists about his manifesto for web designers 2012 .
• Scalable Vector Graphics: the basics .
• So what is better - a separate version of the site for mobile devices, or adaptive design ?
• What to do now with EU law on cookies ?

CSS

• Create a bouncing ball animation using CSS3 .
• Translation of the SASS vs. LESS article .
• Another win-tool for working with LESS .
• Add animation to CSS3 gradients and see funny effects .
• Another pure CSS timer .
• Simple customization Checkbox and Radio .
• Another way to optimize web graphics, this time with CSS Masks .
• High-quality implementation of a parallax effect slider using CSS3 .
• gumby is another css framework supporting adaptability and mesh.
• Analysis of some new CSS3 solutions and effects that were used on popular websites .
• {css: hat} - the announcement of a new plug-in for Photoshop, which converts the styles of layers in the code on CSS3.

')

Javascripts

• Blueberry - an experimental slider on jQuery, specially sharpened to work with rubber and adaptive sites.
• ddSlick - jQuery plugin allows you to make drop-down lists of the type of the select element with images and additional description .
• Universal solution to help comply with the European Cookies Act coming into force in the near future .
• As TechCrunch did, getting rid of the problem of slow loading pages due to the abundance of social buttons .
• jQuery plugins that create QR code directly in the browser .
• syntaxhighlight.in is an online tool for displaying formatted code.

Browsers

• Google Chrome ranked first among browsers according to Statcounter
• 12 alternative browsers that not everyone knows about
• Chrome is allowed to look for tabs on other devices
• Not a week without news about Mozilla’s browser - what the Metro version of Firefox will look like
• When a bug becomes a feature - the Firefox browser has got the "reload" function
• Yahoo! released its "browser" Axis

news

• The other day YouTube turned seven years old. And they set the record again.
• Microsoft launched its own social network So.cl
• Facebook went IPO and sold 82 million shares in the first 30 seconds since the start of trading
• From May 21 railway tickets in Ukraine will start selling on the Internet in a new way.
• Retina Display - almost ready to "settle" in laptops
• Android 5.0 will be released in the fall, first on Google devices
• Apple has become the world's third largest mobile phone maker.
• The search giant Google will take care of direct sales of its Android-smartphones and tablets
• Google launched a search engine for a new generation of Knowledge Graph

Sites with interesting design and functionality

• kbp.aero is a new site of Borispol airport from Studio Lebedev.
• www.urbangap.com/urban12/maggio is a vertical site with dynamically loaded content.
• www.camper.com/en/lookbook is a site with a large number of non-standard scrolling solutions.
• piccsy.com/everything-design is a vertical site with the effect of sliding pages.
• unoeilgraphik.com is a vertical site with many awards.
• getcirulis.com - another non-standard use of scrolling.
• vondutch.com - parallax effect remains in trends .
• inflexioninteractive.com - a site with a non-standard slider and a well-developed adaptive interface.
• unionstationdenver.com - creative navigation in the main slider.
• jetcooper.com is a great demonstration of the development team with an interactive filter.
• bifter.co.uk - comic magazine on SVG. Particularly pleased with their 404th page !
• philipandrews.org is a portfolio slider with an interesting use of an interactive background (html5 canvas).

Design

• Microsoft abandoned Aero Glass in Windows 8
• Color Psychology (infographics)
• Photoshop 50s - Pin-Up girls before (in the photo) and after (as the illustrator depicted them)
• What to look for when creating a design business cards (infographics) .
• 6 trends in web design 2012 .
• Adobe Photoshop CS6 and the interface designer or all the best notes in the new version of Marc Edwards Photoshop
• Introduction to the concept of third in web design .
• A tremendous set of fresh lessons on creating creative, impressive designs using Photoshop .
• 28 examples of good interface solutions for the admin part of the site from the Dribble network .
• Techniques of masking in Photoshop about which every self-respecting designer should know .
• 13 steps that are needed to become the worst web designer of the planet .
• An article on design based on AIDA principles (Attention, Interest, Desire and Action)

A selection of free designer cookies

• PSD-box containing the design of the music player .
• A set of tree textures with added damage .
• The source of a nice authorization form (User Login) with a dark design .
• A PSD containing a ligntbox with a choice of one of three products .
• Sources of more than a dozen different UI-elements of web design .
• Dozens of textures found in the depths of Dribble .
• A set of more than two hundred all kinds of monochrome UI-icons .
• More than three dozen fresh fonts - from MuOnline to Acid Stucture .
• Four dozen "handwritten" decorative fonts for every taste .

Entertaining

• Map of life - a catalog of information on biological species on Earth .
• Browse the best video hosting platforms .
• Apple's hidden advertising is in 40% of Hollywood movies .
• The first 10 countries where iPad is most actively used (infographics) .
• Now the small town of Wales - Monmouth will be the first Wikipedia city .
• Interactive animation - how does sending e-mail from Google .
• The revolutionary Leap device : an alternative to MS Kinect and a high-tech replacement for touch panels in a PC .

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