The digest of interesting news and materials from the world of ayti for the last week №44 (February 9 - 15, 2013)

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

Hot seven

Opera switches to Webkit

300 million users and the transition to WebKit ,
Opera's Bruce Lawson post and his personal opinion , as well as opinions on this subject from W3C and Mozilla representative , John Rezig: WebKit is jQuery for browser engines , as well as notes on how the new Opera will look and work and what the future holds independent browser . In addition, the source code for the Opera browser's Presto engine is likely to be open .

WebRTC: new features

Change the font size depending on the distance between the face and the camera? Now this is a reality implemented by the built-in capabilities of the browser. In more detail about this and other possible applications of the new standard in articles: Adaptive typography using WebRTC , Cross-browser capture by a webcam using WebRTC / getUserMedia , and also the js-library headtrackr , which makes it easier to work with the camera using this standard

Microsoft Surface Pro officially went on sale

The Surface Pro tablet with 128 GB of memory was sold out instantly , and interested buyers faced a shortage of tablets. Also, here is a new tablet ad from Microsoft , and Ubuntu was installed on a Surface Pro tablet.

Wrist devices: another turn in the development of smartphones?

Apple is testing a wristwatch with a curved glass , as well as the first screenshots of a wrist phone Samsung Galaxy Altius , as well as one of the existing devices - TW520 - wristwatches and phone in one person

Webgl

Interesting article that pushes readers to get acquainted with WebGL and its subsequent use on sites

Again about trends for 2013

This time, let's talk about the trends of 2013 in web typography , in interactive design , as well as Ericsson's research on the main IT trends for the year

3d printers. Review of achievements for 2012

Molecules and airplanes, weapons and blood vessels, artificial limbs and integrated circuits, food and buildings, a cure for cancer, an ear, a beak and a rocket engine, all this was printed in 2012 on 3d printers

Development

• HTML and CSS Madness
• Yandex : Why we began to use the Stylus preprocessor in Yandex. Mail, as well as about the library that helps to live with IE
• Bootstrap 2.3 released
• Adaptive typography using WebRTC
• Cross-browser webcam capture using getUserMedia / WebRTC
• headtrackr - js-library for working with the camera using the standard webRTC / getUserMedia.
• New tools for web design and development for January 2013
• Making Street Fighter Demo with CSS Animations and JavaScript
• 10 best polifilov
• Design for Retina Displays , optimize sites for 2x Images
• The new role of faviconok in the modern web (+ icon generator )
• Once again about the progress element
• Why you should use WebGL
• Adaptive design: Building mobile navigation , REMux - an experimental approach to responsive web design
• Designing a web design in a transition to a multi-device world
• A preview of the new Adobe Edge: Reflow product has become available , allowing you to develop adaptive interfaces.
• Updated still free Adobe Edge Animate : added CSS3 filters, gradients and integration with Google Fonts, Edge Web Fonts and Typekit web font services
• How to make a sprite animation using Canvas
• Video from the London Edge Conference 2013
• Git tips from the pros

CSS

• CSS button generator for bootstraps
• 104 slides about CSS Floats
• CSS animation with fallbacks
• Once again about CSS animations for newbies
• CSS Regions Polyfill
• The implementation of the gradient on the text
• Squishy buttons - Photorealistic toggles (checkboxes)
• Organize Media Queries with Sass
• Snippet with CSS filters
• About iPad scrolling
• CSS3 properties for noobs

Javascripts

• vPass 2 is a simple and convenient Javascript secure password generator.
• jQuery Spellchecker
• iLightBox - Relatively powerful jQuery lightbox plugin
• Threesixty-slider - jQuery 360 image slider plugin
• Rubberband - A jQuery plugin for adding responsive breakpoint events.
• JavaScript optimization with RequireJS
• Creating Instagram-like Filters with JS
• Baseline.js - vertical rhythm of text content and images

news

• Results of a uniform rating of web studios 2013
• Surface Pro:
  
  • Surface Pro tablet with 128 GB of memory sold out instantly
  • Surface Pro: Microsoft's commercial
  • On the tablet Surface Pro from Microsoft put Ubuntu
  • Interested buyers face a shortage of Microsoft Surface Pro tablets
  
  
• the share of Android is growing, iOS is decreasing , and Android is also growing in advertising, but the lag behind iOS in profits is increasing
• Google has released an update to Android 4.2.2 , Unofficial list of changes in Android 4.2.2 Jelly Bean
• By the end of the year, there will be about 800 million smartphones running Android
• Google will pay Apple a billion for the right to be the default search on iOS devices
• Yandex has closed the "Blogosphere Pulse"
• Intel will launch Internet TV by the end of 2013

Browsers

• Opera:
  
  • 300 million users and transition to WebKit
  • The official press release on Opera's blog , the Bruce Lawson post from Opera and his personal opinion , as well as opinions on this subject from the W3C and Mozilla representative
  • John Resig: WebKit is jQuery for browser engines
  • Robert Nyman: An Objective Look at WebKit
  • This is how the new Opera using WebKit will look and work.
  • WebKit in “Opera”: what future awaits an independent browser
  • The source code for the Opera browser's Presto engine is likely to be open
  • Opera Software buys Skyfire Labs
  
  
• Comparison Browser css3 & html5
• Firefox for Windows nightly builds include support for H.264, AAC and MP3
• Firefox Metro implementation for Windows 8 has been added to the main Mozilla-central repository
• Browser Google Chrome updated to the operating system
• Red Hat Enterprise Linux 6, Debian 6 and Ubuntu 10.04 has been discontinued in Google Chrome and Chromium

Services

• Wiki with instructions for refusing social. of services
• A simple tool to help identify which media queries your device responds to.
• For those who are not yet tired of Harlem Shake

Demo

• 3d c using CSS3 + JS
• Change the font size of the page in real time , depending on the distance of your face from the webcam
• Clouds in CSS3D

Sites with interesting design and functionality

• minimalmonkey.com - modern website about modern web technologies
• mrcthms.com - parallaxes, animation, smoothness - everything we love
• criography.com - a cool portfolio site with a bunch of effects
• digital-frog.net - amusing portfolio with unobtrusive animation
• nowyteatr.org - Polish theatrical site with background video and step-by-step data loading
• happy2013.epic.net - mini-game - learn more about the Epic Team

Design

• Trends 2013 in web typography
• A Critical Approach To Typefaces
• "Isometrify" - extension for Adobe Photoshop CS5 +, which allows you to transform the shapes into an isometric projection and generate a grid with custom cell size
• Presentation - interactive design trends in 2013
• Examples of sites that actively use typography.
• About American Airlines New Logo
• Flat pixels are about spotlight design with photorealistic from Sasha Greif
• Gestalt psychology in web design: the principle of symmetry
• Photoshop Etiquette - about best practices for working with PSD files
• Masks in Photoshop CS6
• Rapid prototyping using the Pages panel in Fireworks CS6
• Examples of creative pages "About Us"
• Cherry and Heart Logos
• Animated font Sputnik by Zach Christy, created in Adobe After Effects

A selection of free designer cookies

• Snake Skin Textures
• Badges and ribbons in PSD from Menso UI set
• Pink hearts and stuff for February 14
• Funny social fish icons in one PSD
• Socialentine Icons - a set of seven and a half dozen of social icons in the shape of hearts
• Nearly four dozen fresh packages of 2013 with UI components , including the PSD Google Map Makers - icons to indicate different types of objects on Google maps
• Selection of site templates in PSD + Daily Deals website template
• Ten fonts for writing love stories , another two dozen fonts for creating valentines + another four dozen fonts with hearts
• Eight fresh fonts : from the decorative Zerb to the expressive Polaris serif font
• NIEWE - decorative sans serif font from Spain

Entertaining

• 3d printers . Review of achievements for 2012
• Another turn in the development of smartphones: Apple is testing a wristwatch with curved glass , as well as the first screenshots of the wristphone Samsung Galaxy Altius , as well as one of the existing devices - TW520 - wristwatches and phone all in one
• Ericsson study : main IT trends for 2013
• Harlem Shake : The Video Trick, which captured Google, Facebook and Buzzfeed
• 10 most interesting webcams in the world
• 10 wacky projects raised over $ 900,000 on KickStarter
• Google unmanned cars will be available in five years
• Google explained the connection between porn and math expressions.
• Extreme compliments
• The source code of Photoshop 1.0 is disclosed.
• The cinema has taken a great interest in Internet start-ups , the internship at Google will shoot the film "The Internship"

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