The digest of interesting news and materials from the world of ayti for the last week №38 (December 29 - January 4, 2013)

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

Hot seven

Canonical introduces Ubuntu for smartphones

Having a little intrigued, Canonical officially unveiled the Ubuntu for phones project, specially adapted for use on smartphones. Despite the fact that so far it has not even shown working prototypes of the mobile platform, you can already familiarize yourself with the demo videos of the new system and dig into the preliminary version of the SDK

Animate your HTML5

We invite you to familiarize yourself with the excellent presentation from Martin Gorner, which is devoted to the actual methods of animation in HTML5. CSS3, SVG, Canvas and WebGL are all there, with syntax and examples.

Several extensive studies of popular CSS3 properties:

“Everything you wanted to know about CSS Transitions” , “Looking for the perfect radius” , and also “Fresh research on the actual syntax of PPK gradients”

Browsers 2012

Summing up the year for browsers according to Net Applications and StatCounter : IE is still in the lead, Chrome is in the catch-up

Progressive jpeg

baseline or progressive? The choice will help make this note, which draws the reader’s attention to the best way to work with jpeg-images on the web.

Web design in 2013

Expected trends in web design in the coming year , as well as a forecast for web design from experts

27 fantastic ideas come true in 2012

An article with facts confirming that we already live in the future. And even if we have not yet populated the neighboring planets, nevertheless, the technological progress of mankind continues to walk around the planet with a vigorous step. In addition, you can look at this article: 10 most amazing inventions of the year

Development

• The “simplest” way to make rounded corners of any type in Internet Explorer 6,7,8 without JavaScript
• Excellent presentation on animation methods in HTML5
• Progressive jpeg : New Recommended Practice
• How to create an interactive ad for Treehouse by Chris Coyier
• Who needs headings and subheadings in web pages now?
• Adaptive design for applications part 1
• Audio Player: Responsive and Touch-Friendly
• HTML5 Forms Validation
• Preparing for the Front End position interview
• Framer is a modern prototyping tool that allows you to quickly implement animation and relatively complex interactivity.

CSS

• Crossbrowser pseudo-class problems: active
• Looking for the perfect radius
• Fresh research on the current syntax gradient from PPK
• Everything you wanted to know about CSS Transitions
• crunchapp - editor and compiler for LESS
• Another option to work with retina with Sass
• Sass for designers
• Separation, Abstraction, and Cascading in CSS
• Elusive Icons : additional 268 icons for bootstrap
• Firefox nightly adds mask-type support in SVG
• The bug with animation of all webcam elements has been fixed

Javascripts

• 10 useful JS-snippets to help save time
• jQuery inside, introduction
• jquery-jkit - a simple cross-platform UI toolkit on jQuery
• revolverjs - content slider with wide capabilities, based on which you can build your own
• Analytics.js - the hassle-free way to integrate analytics into any web application
• conditionizr - jQuery-plugin to determine the browser and pixel density for point loading JS and CSS
• How to create a simple Multi-Item Slider
• JSHint 1.0.0 RC3 - the library is already in the prerelease state
• jQuery UI vs Kendo UI

Browsers

• Windows 8 ahead of MacOS in RuNet
• Launch of Mozilla Junior for iPad browser may take place in the first half of 2013
• According to statistics from StatCounter, Chrome leads in December, but by the end of the year, IE was in first place.
• Results of the year for browsers according to the version of Net Applications
• Micsrosoft warns about the vulnerability of old browsers

news

• Canonical introduces Ubuntu for smartphones
• No netbooks in the new year!
• Android Jelly Bean is already on 10% of devices
• In the Windows Store for more than 35 thousand applications
• Corning will present Gorilla Glass 3 at CES 2013
• Net Applications : Windows accounts for over 90% of the operating system market
• There was a video showing the work of Jolla's Sailfish OS
• Bubble-infographics : the most popular programming languages ​​in 2012

Services

• spritepad will help you to quickly create CSS sprites.
• regexper - service for rendering regular expressions
• Another online gradient generator
• placeit.breezi - creating a photo with a mobile device or monitor that displays your screenshot

Demo

• Text animation concept
• 3D ROFLCopter!
• HTML5 Amiga Emulator

Sites with interesting design and functionality

• digitalatelier.ro - nice site with lots of animation
• snowbird.com is another site with lots of animation and interesting solutions.
• silktricky.com - tiled site with custom navigation
• defenseandmaimery.com - this site will appreciate those who are preparing for a post-apocalyptic future
• fk-agency.com - one-page site with elaborate concise graphics and video intros
• playhundreds.com - one-page site with unusual design and animation
• george-gina-lucy.com - spectacular use of canvas

Design

• Ubuntu design for smartphones
• The father of industrial design Macintosh showed pictures of unreleased Apple products.
• Future trends of web design , forecast for 2013
• Twenty of the hottest trends in web design in 2013
• 6 great alternatives to Helvetica
• Design lesson: 1 of 1
• Import colors from CSS into Swatches , into Photoshop CS 6.1
• Featured on Dribbble 2012
• Pixeltalks - video presentations from the best web conferences of the world: crete, web design, typography, UX design ...
• Beautiful Web Type - the best fonts from the Google Web Fonts directory
• Techniques for Creating Motion in Web Design
• Seven New Year's resolutions for designers in 2013
• Logo with people expressing a certain mood , as well as with creatively beaten images of animals
• Three dozen cellars (footers) with creative design
• The best web designs of 2012 according to WDL

A selection of free designer cookies

• Two dozen packs with retro / vintage brushes for Photoshop
• Several abstract colored backgrounds
• Seven and a half dozen buttons of payment system providers
• PSD website template for real estate in English and Arabic
• Collection of PSD with painted preloaders
• Packing with vector graphics
• Calculator Icons

Entertaining

• If shops were selling as websites
• 27 fantastic ideas come true in 2012
• Results of the year in technology : 10 most amazing inventions
• We attack via HTML tag a
• Internet TVs are hardly used for web surfing.
• Om Nom: New Cut the Rope, now with augmented reality
• The future is today: a tweet with an astronaut
• How the Android logo could look , the first versions
• Detailed guide from Engadget for choosing a smartphone
• Most Popular Wikipedia Articles for 2012
• QR Codes VS Bar Codes - everything you wanted to know
• Named the most popular places of the year according to Instagram

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