The digest of interesting news and materials from the world of ayti for the last week №30 (November 3 - 9, 2012)

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

Hot seven

Browser news

Today, Firefox is 8 years old . Also, the other day saw the Chrome 23 web browser , another pro release of the 23rd version of Chrome , as well as the inclusion of the new WebRTC technology in this version.
Meanwhile, Yandex Browser 1.1 is coming out : with Turbo technology from Opera Software , and Opera itself is releasing the final version of Opera 12.10

Retina Optimization

We offer you 10 useful tools and solutions that can facilitate the work with retina and other displays with enhanced clarity that are increasingly filling the world of the web.

Firefox os

Everything you wanted to know about Firefox OS, but were afraid to ask for - video presentations, slides, WebAPIs, applications, and more on the pages of hacks.mozilla.org

Metro UI

Microsoft's new OS began its sixth on the planet, and with it the new Metro-interface, the style of which has all the prerequisites for overriding the trend of web design. And if it happens, this selection will help you find the right tools, themes, frameworks, and more to create square information-oriented interfaces.

One-page sites

The author of the article on smashingmagazine is trying to understand a relatively new trend in the web - one-page sites that are gaining popularity over the past year. Thanks to them, we were able to look at a different angle on the principles of navigation on the web, to discover for ourselves non-standard page scrolling - not only vertically, but also horizontally, and along completely unexpected trajectories, and much more.

A little bit about smartphones

Samsung Galaxy S III became the best-selling smartphone in Q3 2012 , meanwhile in Moscow Nokia Lumia 820 and Nokia Lumia 920 were presented, and here you can see on Windows Phone 8X through the eyes of journalists . Well, and finally, a couple of new reviews from mobile-review: HTC Windows Phone 8X and Nokia Lumia 920

New APIs in modern browsers

David Walsh continues to parse new APIs: here are some HTML5 APIs that you might not know about , here’s more detail on HTML5's Camera and Video Control , and here about Fullscreen API .

Development

• Layout mailing - what do we have?
• A selection of tools for creating web interfaces in the style of Metro
• 10 tools to facilitate the work with the retina
• About the importance of using “alt” and “title” tags to images on your website
• Productive use of PHPStorm
• Angelina Fabbro's video report on the topic “Inspector Web and the Mystery of the Shadow DOM”
• Grid — A — Licious — Adaptive Animated Grids
• Adaptive background images for fixed and rubber layouts
• BASE - Super Simple Responsive Framework for built-in mobile devices, tablets, netbooks and desktop computers
• Montage - HTML5 framework for creating web applications.
• We add SVG to browsers that do not support this technology.
• Captcha outline
• HTML5 forms (and IE10 (Mobile))
• Hotkeys for search in Chrome Developer Tools
• Chrome Baseline Structural Extensions
• Parsing the creation of a demo site by Chris Coyier
• Problem solving rendering for animation in HTML5 games (JANK BUSTING FOR BETTER RENDERING PERFORMANCE)

CSS

• Mission Impossible: Definition of iPad mini
• And about the same CSS problem of physical units (The CSS physical unit problem)
• Preloader Facebook in pure CSS
• Off Canvas Menu with CSS: target
• display: none; or the tale that most misuse this property when working with responsive designs
• Configure LESS syntax highlighting in Notepad ++
• Create a TV Screen 404 Page with Clever CSS Tricks
• Difficult stylization of table rows and incomprehensible bug in IE9
• CSS3 Lighting Effects
• Another option hacks for IE, this time using media
• How to make an internal shadow on the text in webkit

Javascripts

• bootup.js - we cache and load the statics from the local storage
• Gamma Gallery: - a prototype of the adaptive gallery
• crumble - A quirky, interactive tour for your website or app.
• Writing fast and optimized JS (Writing Fast, Memory-Efficient JavaScript) - Addy Osmani tutorial
• HTML5 API you may not have known about
• Camera and Video Control with HTML5
• Fullscreen API

Browsers

• Firefox is 8 years old
• Internet Explorer 10 in Windows Phone 8 is different from the version in Windows 8
• The Chrome 23 web browser saw the light , another pro release of the 23rd version of Chrome , and the inclusion of the new WebRTC technology in this version
• Google increases the energy efficiency of the Chrome browser in some scenarios up to 25%
• Yandex Browser 1.1: with Turbo technology from Opera Software
• Opera 12.10 Final and Release Details
• Mozilla Firefox gets support for HSTS technology
• Internet Explorer 10 Is The Fastest Browser On Windows, Chrome 19 Wins On Mac

news

• Microsoft officially: Skype will replace Messenger
• Web profiles have become available on Instagram (example of a Nike profile )
• Yandex.Maps issued maps for Europe and the USA
• Samsung Galaxy S III became the best-selling smartphone in Q3 2012
• Time included the gloves of the Ukrainian quadSquad team in the list of inventions of the year.
• PrivatBank opened free programming schools for children in Ukraine
• After a five-year beta test, they finally decided: meet the new HTML5 player in Wikipedia

Services

• flexplorer - assistant in creating flexbox-layout
• liffect - effects generator for lists
• DPI Calculator / PPI Calculator

Demo

• Media query mario

Sites with interesting design and functionality

• colingrist.com - an interesting version of parallax for the main banner
• themealings.com.au - curtain effect for scrolling one-page site
• mypizzaoven.nl - delicious Dutch website with custom navigation
• Discover Paris

Design

• Exploration Of Single-Page Websites
• Six expected trends in web design in 2013
• A film about the history of design. Part 2
• Updated Browser Logos
• Scroll return
• The power of black in web design (+ infographics)
• Business cards lessons
• Modern UI Design by Microsoft
• Shocking photo manipulations
• We use icons in web design correctly.
• Logos created using inversion (reverse space): examples and analysis
• What is good design?
• Four dozen lessons for photoshoppers and illustrators
• Tools for working with color palettes
• Adaptive Vs. Responsive Layouts And Optimal Form Field Labels . Adaptive and responsive layout and optimal layout of form field names

A selection of free designer cookies

• Decorative font POLY TYPE
• Fresh fonts: Barkentina, Lusitana
• Ten beautiful humanist sans serif fonts: Telex ht, Pigiarniq, ...
• Icon web font with 284 icons in all necessary formats
• icomoon.io - generation of an icon font from the icons selected by you
• Another iPhone5 PSD Template
• More than a dozen fresh PSD with icons, UI and even iPad mini
• More than two dozen sets of UI and airframes with PSD and AI formats
• A dozen PSD templates are pretty cute and stylish sites, usually offered for a subscription
• PSD component of the advertising site with responsive design
• Gray vector badges for tweet or post on facebook
• Slightly grainy rough textures for photoshop

Entertaining

• Everything you wanted to know about Firefox OS, but were afraid to ask - video presentations, slides, WebAPIs, applications, and more
• Updated Maps of Mars by Google
• Yandex told about the new mail interface (video)
• A couple of new mobile-review reviews: HTC Windows Phone 8X and Nokia Lumia 920
• Report: Presentation of Nokia Lumia 820 and Nokia Lumia 920 in Moscow
• Clippy.js - a bit of nostalgia for MS office assistants
• Rumor has it that Microsoft gave $ 100 for the queues for Surface
• Facebook explained the principle of displaying posts in the news feed
• In the younger model of the Microsoft Surface tablet, only 16 GB of storage capacity is available to the user
• Sly Apple hid apologies to samsung
• Kim Dotcom promises $ 400 million in optical fiber and free internet to all New Zealand residents
• Obama's winning tweet broke Twitter record
• “Chairs are like Facebook” - the first commercial of the largest social network
• The pixel density race of the screens is far from its apogee, but is the game worth the candle?
• Easter eggs on Google containing conway's game of life (look in the upper right corner of the page)
• Large internet map by Ruslan Enikeev
• Smart roads will appear next year in Holland

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