The digest of interesting news and materials from the world of ayti for the last week No. 54 (April 20 - 26, 2013)

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

Hot seven

CSS magic

We bring to your attention the article on smashingmagazine from Rodney Rehm, which combines the latest knowledge about CSS3 transitions. Also, it will be useful to read about the "magic numbers" in CSS , where Chris Coyier pays attention to the harm from their use, as well as 3D transforms . Obral Senyum visually demonstrates working with backgrounds in CSS . And a bit of near future - using @supports directive and upcoming CSS3 Flexible Boxes

Samsung Domination

Koreans are serious. According to a DRAMeXchange survey, 3 out of 10 smartphones sold in Q1 were released by Samsung . In addition, Samsung plans to deliver 10 million Galaxy S IV ... for the first month. Plus, Koreans are developing a way to control tablets with their power of thought . As for the CIS, according to forecasts, Samsung will for the first time overtake Apple in sales of hi-end smartphones in Russia, and in Ukraine every second sold smartphone is Samsung on Android.

YouTube 8 years

Congratulations to the most popular video hosting with the eight-year anniversary. It's time to watch the top 10 most popular videos

Useful Bookmarklets

Many web developers are actively using bookmarklets to optimize their work on their projects. Here are some of them: Breakpoint Inspector for defining media rules, gridwax for adding grids and testing vertical text rhythm, ThePrintliminator for removing unnecessary blocks in print, Viewport resizer for testing responsive design, SEO , plus useful things for mobile Safari , as well as the whole pack of bookmarklets for socials

Prank hackers:

Hackers have recently stepped up their activities: they attacked RBC-owned Internet companies, hacked Twitter and reported Obama’s injury, causing panic in the stock market. The Associated Press recaptured Twitter a day later , after such events, the news that Twitter will implement a two-factor authentication system was announced. Among other things, the World of Tanks database was hacked , users need to change passwords

Techniques for implementing responsive design

There is a new technique for the implementation of adaptive images - Clown Car , as well as a solution for adaptive graphic shadows.

Cars and IT

Alliances of automotive and IT manufacturers lead to surprising solutions: Volkswagen introduced the “iPhone-mobile” (this loud name hides an attempt to combine the brands of the Beetle car and the iPhone), and Asus and Toyota unite, introducing an innovative navigation system . Also, several mobile applications for cars from manufacturers. And about the future: Will the day come when we find ourselves behind the wheel?

Development

• jRIApp - new HTML5 framework for creating Internet business applications
• Source - the engine for documenting the layout
• Performance checklist for mobile web (video)
• Getting started with HTML5
• Get started quickly with HTML5 Boilerplate (video)
• News from Firefox developers: HTML5 notifications, Parallel JS, asm.js, and more
• YouTube style navigation
• Permalinks tutorial
• ARIA's application role
• Markup Framework A Starting Point for Web Design
• Use the Bootstrap framework to create a responsive WordPress theme
• How to use HTML5 audio (part 1) (video)
• IE6 / IE7 Twitter support for websites is ending on May 13th!
• Byte leak on iOS devices using HTML5 Video
• A cool, cross-platform development process with Grunt
• Show fallback for multimedia elements when no supported file is found.
• Push notifications in the browser using events sent from the server
• Create a Google Maps map with updateable markers
• The effect is the same as the menu on YouTube
• Full-screen animated transitions between tiles
• FE Optimization: just remove one JPG ("one less JPG")
• Bookmarklet for adding grids to the site and testing vertical text rhythm
• Breakpoint Inspector A CSS media query bookmarklet.

CSS

• CSS3 Transitions : Thank God We Have A Specification!
• Magic Numbers in CSS
• Intro to CSS 3D transforms
• Presentation on CSS architecture from csswizardry
• Unicode CSS Classes
• Fullscreen page navigation animation
• Using tabindex with: focus
• Demonstration of working with backgrounds in CSS
• CSS3 Flexible Boxes
• Invert to CSS without filters
• Zelda: A link to the CSS - CSS3 animation with 3D effects
• Native CSS feature definition using @supports rules
• Responsive drop shadows
• Technique "Clown Car" for responsive images
• ptb / flexgrid: CSS mesh with 3.6k flexbox support

Javascripts

• tFormer.js - bike for form validation
• Verlet.js - physics engine based on the Verlet method
• JavaScript scrollbar wrapper in the form of jQuery plugin
• TraceGL is an interesting JavaScript debugging method that renders information using webGL
• codoplayer - high-quality HTML5 / Flash video player
• PathFinding.js - visualization of path finding algorithms
• We steal the functionality of the back button using the History API
• Clockface timepicker for Twitter Bootstrap
• FPSMeter - a small library for measuring FPS
• jQuery Builder
• Sly - jQuery plugin for creating coverflow style navigation
• Intention.js - manipulation with DOM for HTML attributes (for responsive designs)
• WebGL Concepts
• Hand.js - polyfill to support cursor events in each browser
• Snap.js - leaving menu in the "off canvas" style

Browsers

• The Internet Explorer 8 Countdown
• How to view Microsoft Office documents in Google Chrome
• Installing Chrome extensions and applications from the developer’s site
• Forrester: Windows 7 and Internet Explorer # 1 in the corporate sector
• Added blending modes to Canvas in Firefox

news

• YouTube turned 8 years old
• Git is 8 years old
• Wordpress.com Moved to Free Open Sans Font
• Amazon.com online store opens in Russia , as well as 10 consequences of the appearance of the main online store in Russia
• Skype will allow hologram meetings
• Facebook started publishing webp photos
• Adobe introduced a tool for predicting influence in social media.
• Apple: The company's net profit fell by 13% , while the company's performance statistics look impressive: New records : App Store - 45 billion downloads, iCloud - 300 million users, also announced by WWDC 2013, which will be held June 10-14 , tickets sorted out in two minutes
• Samsung: Samsung released 3 out of 10 smartphones sold in Q1 , in addition Samsung plans to supply 10 million Galaxy S IV ... for the first month, DRAMeXchange: Samsung occupied 30% of the global smartphone market
• Firefox OS smartphones went on sale and immediately the first phones on Firefox OS dispersed in a few hours
• PocketBook released the world's first color-screen reader and other innovations.
• Intel promotes adaptive battery-powered PCs
• Yahoo will close 5 more services and stop supporting outdated mail interfaces
• Strategy Analytics : iPad share declined, and Android tablets showed growth
• Google Now can add directly to the search engine home page.

Services

• ui-cloud.com - search for PSDs of individual UI components or even entire sets
• webcolourdata.com - service that collects color palettes of sites
• Layoutit! - creating a web interface on Bootstrap right in the browser, using drag and drop components
• Google fonts viewed over 500 billion times

Demo

• Spiderweb on verlet-js
• Experiment with HTML5 audio
• Lava Blade - Tactical RPG

Sites with interesting design and functionality

• paperandpaint.dk - Danes are experimenting again with navigation or a full-screen site with drag-navigation, loading data with Ajax and CSS3 effects
• co3.lemouv.fr/#/salon/ - most recently such sites could only be done on flash
• intothearctic.gp/ - expedition to the North Pole, the site is stuffed with CSS3 animation
• kiliwatch.fr/en/ - custom geometry and many CSS3 animation effects
• Selection of one-page sites with effects that tell their story

Design

• Inspiring 3D typography
• Interview with illustrator Olga Gromova
• Pixel Perfect Precision is a great book for a web designer to create a pixel-to-pixel design.
• userium.com - usability checklist
• Angle in icons
• Redirect Photoshop to Web
• Yahoo! Weather App for iPhone, iPod and iPod Touch
• Mobile Web: Do not use native dropdowns for navigation
• How to set a non-standard text fields
• Facebook opens new logo and icons
• Logos: with creative concepts , with women one and two times , with buildings , moons
• 2013 Font Trends
• Android cheatsheet for graphic designers
• Current Web Design Trend: Using Background Video

A selection of free designer cookies

• music player psd sources , other UI components sources , incoming call window PSD files
• PSDDD - a resource that allows you to find the latest PSD sources appearing in Dribbble
• all-silhouettes.com - a large collection of vector silhouettes
• Textures: wooden benches , light and thin
• Fonts: decorative BAMQ , graffiti fonts
• Icons: sets of flat icons , sets of icons including iconic web fonts

Entertaining

• TOP-10 YouTube birthday videos
• Review of the first Webmaster Yandex (part 1) , part 2
• Impressions after prolonged use of Microsoft Surface RT
• Passions on Vkontakte: Plan for Durov : you can not escape, Move for Durov : 5 scenarios for the future VKontakte and other projects of its creator, VKontakte with the state : can the social network develop without Durov
• The first exhibition of 3D printing achievements was held in New York
• Facebook Home Review: Spoon exists
• Mars One began the selection of participants for the irrevocable expedition to Mars , a more practical agency NASA launched three smartphones into space to create a cheap satellite in the future
• Volkswagen introduced the iPhone-mobile , while ASUS is preparing cloud-based navigation navigation systems.
• Will the day come when we find ourselves behind the wheel?
• How to contact Google if necessary
• Google excluded from the issuance of individual pages of the Mozilla site for the presence of spam
• The retail release of Google Glass will take place next year.
• Tricks of the hackers: Hacked Twitter AP reported Obama's injury , the Message in the hacked Twitter of the Associated Press caused panic in the stock market , the Associated Press recaptured Twitter a day later , after such events, the news that Twitter will implement a two-factor authentication system , the hackers hacked the game base World of Tanks , users need to change passwords
• Durov explained the origin of rumors about a new project
• Facebook allowed brands to advertise on cover photos , Facebook Home: 500 thousand downloads and most negative reviews

')
Digest from last week .
Material prepared by dersmoll and alekskorovin