The digest of interesting materials from the world of web development and IT for the last week №62 (June 15 - 23, 2013)

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

Hot seven

Mobile Yandex Browser

This week, Yandex launched a mobile version of Yandex Browser with a built-in search engine for iPad tablet computers and Android smartphones. In addition, the main specialist of Yandex on rankings spoke about the personalization and happiness of users. And for those who wanted to look at the office of the company from the inside, can get acquainted with the report on the excursion to the Moscow office

Google News

Secret Lab Google X announced the project Project Loon , thanks to which the whole world will be covered with cheap internet balloons. In addition, this week the release of the Chrome 28 browser , which is characterized by an increase in the minimum requirements for Linux-systems. Also, the company acknowledged that the puzzles at the interviews are useless and added a new type of issue of Google "Carousel"

Instagram video

We are preparing for the influx of short videos on the Internet. Were you a little Vine and Coub? Then meet the new Facebook article: 15-second videos and 13 special filters on Instagram

New devices from Samsung

The Korean flagship held a presentation, where new devices were presented - tablets, laptops, camera. Read more about the ATIV Q Transformer , the ATIV One 5 Style all -in-one monoblock and the ATIV Book 9 Lite laptop

Chrome devtools

Quite a lot of web developers use Chrome Devtools in their work, which with each new release of the browser acquires new useful features. However, not everyone knows him. For example, from fresh - DevTools port forwarding allows you to access the localhost address on a mobile device . The Tips And Tricks section in the corresponding section on developers.google.com will help fill these spaces. In addition, you can pay attention to the devtools-snippets - a collection of snippets for developer tools and on the tutorial with a detailed description of how Chrome DevTools can help with working with Sass.

Brain piracy

The past week has passed under the indignant hum of Vkontakte users in connection with the global cleaning of audio . Therefore, it is time to talk about copyright and piracy in the realities of our countries.

Startup Pocket

We offer you to read the translation of an article with a history of the wonderful Pocket service, formerly known as Read It Later. For several years of existence, they continue to be a successful independent company, despite the difficulties, powerful competitors and offers for millions from big players on the web market.

Web development

• Layout: the transition to semantic markup is the main goal of HTML
• Mobile Web Development : HTML5 Android App
• HTML 5 Notifications API
• Acceptance with a Clown Machine : Adapting Images in Responsive Web Design
• Foxconn hires several thousand new employees to support Firefox OS
• Ughck. Images. - About still not solved, at the level of standards, the problem with the insertion of images for sites that support mobile devices
• Chrome DevTools: Tips And Tricks , devtools-snippets, and an article on how Chrome DevTools can help with Sass. Also, DevTools port forwarding allows you to access the localhost address on your smartphone.
• H5BPCodeKit
• Meet the PhpStorm Video Tutorials
• Interview with David Walsh
• New Open Graph Facebook Tags
• Dynamic grids with animation
• Adaptation of the site for responsive design
• Fresh Treehouse Podcast - HTML5 Features, Responsive CSS Modules and Sass
• Managing history : HTML5 History API and selective loading
• Adding speech to a slide show using HTML5 audio
• jsdo.it Front End Developer Community
• Creating masks for images using HTML5 canvas
• "Teach Yourself to Code" - a step-by-step tutorial for learning Ruby on Rails

CSS

• Another selection of logos on CSS
• Caption Hover Effects
• Button hover effects
• Static CSS library with a set of buttons written with Sass & Compass
• CSS Typography Cheat Sheet

Javascripts

• Exploring JavaScript Generators
• aristochart - a library for creating flat static graphs
• flippant.js - library for adding a flip effect
• Excolo-Slider - another slider, with responsive design and touch support
• skrollr - parallax scrolling for desktop as well as Android + iOS
• Phoria.js - a library for drawing simple 3D graphics in 2D canvas
• progression - a library for adding a progress bar when filling out forms
• jQuery Reading Time - a simple plugin to count the remaining time of reading the article
• JSter - a directory of 1175 JavaScript libraries
• The future of javascript ... now
• Microsoft's big TypeScript update
• MV * and Local Storage
• Mason.js - jQuery-plugin that builds a grid without gaps from elements (analog Masonry)

Browsers

• VP9 video codec has stabilized streaming format and is enabled by default in Chrome.
• Release of the Chrome 28 web browser with increased minimum requirements for Linux systems
• Yandex.Browser for Android smartphones and iPads , another review
• Browser inspection: eight easy steps
• How to hide from the neighbors: personally, your browser
• Chromium Digest №2 - Language settings, NewWindow API and interface changes
• This browser will help you to go crazy
• A small analysis of the work of the loading indicator in browsers
• AdBlock Comes To Internet Explorer

news

• Samsung introduced new devices - tablets, laptops, camera. Read more about the ATIV Q Transformer and the monoblock ATIV One 5 Style and the ATIV Book 9 Lite laptop
• Weinstagram : Facebook added 15-second videos and 13 special filters on Instagram
• Kyivstar launched mobile payments : subscribers can pay bills with money from the phone
• YotaPhone won the highest award of the festival Cannes Lions - "Golden Lion", It became known where the Russian smartphone Yota Phone will be produced
• Google admitted that interview puzzles are useless
• Google will cover the whole world with cheap internet balloons
• Microsoft released Office Mobile for Apple iOS
• New type of issue of Google "Carousel" is available for local search results
• Microsoft and Nokia could not agree on the sale of the mobile unit Nokia
• The Xbox One will not have the requirement of a permanent Internet connection and tight binding of games.
• Qt 5.1 release candidate available
• Github update and redesign

Services

• MapBox visualized the battle between iOS and Android
• The Feedly service launched its back-end to handle subscriptions and refused the plugin.
• instantserver.io - free server for 35 minutes
• jsDelivr - fast CDN for developers and webmasters
• Mobile Devices + Twitter Use
• mqtest.io - defining media queries supported by your device
• Disconnect 2 - anti-tracking system

Demo

• Web form in the form of a circle
• Blurred image and a lens displaying the photo in sharpness
• Guidance concept
• Dynamic Canvas Hair
• Announcement of 3D engine for HTML5 - Delight Engine

Sites with interesting design and functionality

• Sites with entertaining scrolling
• creamre.cz - bright dynamic site from the Czechs
• undertheweather.eu - one-page site with an emphasis on the animation of individual objects
• centuryofthechild - a powerful site, which is an interactive timeline
• kakaudesign.com.br - single-page horizontal full-screen site
• don-guri.com - site art company with a non-standard Asian approach
• n3rd.co.uk - minimalism in site design plus full-screen navigation
• jenslehmann.com - the creative website of Jens Lehmann
• capitolcouture.pn - canvas for a cool hover effect
• lifeisvertical.alpina-since1883.com - site with non-standard geometry and parallax effects
• octaveoctave.com - a creative website with a minimum of graphics

Design

• UI Animations - a blog with examples of successful animation in interfaces
• About modern web design and the “Up” button
• Interface Digest, April-May 2013
• What's wrong with the icons in iOS7?
• Adobe explores the future of adaptive layouts.
• Create beautiful flat typography in Adobe Illustrator.
• Compilation of web design lessons (Photoshop & Illustrator)
• How to make a pie chart in the form of a cake from the soil for infographics
• Ten ways to change the selection in Photoshop
• Lessons on creating 3D typography in Photoshop
• Trends in logo design
• Infographics in web design
• A couple of best practices for designs adapted for mobile tablets.
• What is another specific grid problem for iOS7 icons?
• MailChimp redesign: updated website design , MailChimp logo redesign
• "SVG Worflow for Designers" - the right process for creating SVG and PNG graphics for the web
• How to stay fresh in UX design
• Making Sense Of Type Classification (part 2) - on font classifications

A selection of free designer cookies

• iOS 7 GUI PS
• PSD templates and actions for photoshop
• PSD Icons and Templates
• Backgrounds: colored textures in grunge style , textures in grunge style with different texture
• Sources: Free retro psd sources , graphics in PSD format
• Vector: set of decorative ribbons , image books
• Icons: flat icons in a brown tone , the devil's dozen sets of flat icons , a set of UI icons from ui8.net
• Fonts: ONTWERP - decorative sans serif font, Engine - decorative sans serif font, Chomp! - funny font with capital letters, a set of mostly decorative fonts with a stroke

Entertaining

• Microsoft secretly reported to the security services about unpatched vulnerabilities in Windows and Skype
• The provider erased all data from European servers Megaupload , however, explained their actions
• How a startup Pocket destroyed competitors instead of selling for millions
• Brain piracy
• Yandex’s chief specialist on rankings talked about user personalization and happiness
• Yandex inside with your own eyes : an excursion to the Moscow office, and another
• The elderly do not belong here (about the film "Frames")
• Contactless NFC failure
• In the battle of Xbox One and PS 4, the iPhone wins
• Dispel the myths about the Internet Protocol IPv6
• On VKontakte they sued for pirated content , while VKontakte promises not to delete all the music, and users download encrypted tracks.
• Mass fight over iphone and samsung galaxy
• JavaZone 2013: Javapocalypse

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