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

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

Hot seven

Apple WWDC 2013

They waited for new announcements from Apple. WWDC 2013 in Russian and 6 minutes , iOS 7, OS X 10.9, iWork for iCloud, iTunes Radio, Haswell-based Macbook Air, Mac Pro , iWork for iCloud to compete with Google Docs, a little about Mac OS X 10.9 Mavericks

iOS7

We should also talk about the new iOS7: Review of iOS 7 for the iPhone , one more , as well as a large video review of iOS 7 beta 1 , the Internet is joking about the design of iOS 7, Yandex will appear in iOS7 . And a little more about the design: In defense of the design of iOS 7 and Stebot on the theme of the new design of iOS7

The new generation of consoles

At the last E3, Microsoft and Sony finally showed off their pieces of hardware. More about them: about the PlayStation 4 , Xbox One Analysis , here you can twist and review the PlayStation 4 , Microsoft told about the Xbox One Internet features, used game policy, and Kinect privacy, Here are all the announced games for Xbox One and PlayStation 4 . And finally, Four gaming platforms of the future in numbers

PRISM project

Planet under the hood: Former CIA programmer leaked information about total Internet surveillance. Here they write how the NSA monitors Google, Facebook, Microsoft and others, Mozilla and Reddit are launching a campaign against spying on Internet users. Having become interested in this issue, the European Union is demanding that the United States clarify the mechanism for spying on Internet users.

CSS3 animation

Relive your website with modern CSS3 animations. As an inspiration, you can use examples from here for blocks, from here for buttons, and from here for a list of products.

Request quest

Do you know about the specifics of browsers in the context of FE development? Take this uncomplicated fun test, and maybe you will learn something new for yourself.

5 technologies for which the future

Science fiction writers and futurists love to predict the future. Despite the fact that many predictions fall into the milk, there are a number of promising technologies that are developing and can become truly massive.

Web development

• Developed by the W3C specification "CSS Flexible Box Layout" won the award "Best New Web Technology 2013 NetAward"
• Request Quest - a test for FE developers on the knowledge of the specifics of browsers
• 5 rules for the layout of email-letters from Pechkin
• HTML5 ASCII Art Generator
• Renewable video gallery of web design reports
• Widget for When Can I Use
• Frequent errors on sites for smartphones - explanations from Google
• Guidance elements with non-standard shape (PNG with transparency + canvas)
• How the Google Chrome experiment - Racer was created and its soundtrack and sound control
• Fries - UI as in Android, using HTML / CSS / JS
• Front-End Ops - about positions in application development teams
• How to Design Responsively
• Secrets of the Browser Developer Tools - 42 secret panels for web developers
• Adaptive ≠ Responsive
• The mobile-first Web - about the realities of the web working in a mobile environment
• Image of the decision tree of the server, regarding the error status (404, 503, ...)
• Tracing paint operations in Chrome Canary - tracing operations for rendering a web page in Canary
• How to make Web Audio Stylophone
• picni.cc - simple custom builds
• To steal for 60 frames per second : using the example of Pinterest page rendering performance
• Performance improvements with Opera's requestAnimationFrame , and also about Using requestAnimationFrame

CSS

• CSS3 Magic Animation
• Creative Button Styles
• Pizza time hovers
• Cikonss 1.0 - responsive icons in pure CSS, IE friendly
• IE 10 Specific Styles
• CSS Box-Sizing for Noobs
• Using CSS attr and content to create tooltips
• How to convert CSS to Sass & SCSS
• CSS stacking with display: table is another technique for responsive design.
• AUTICONS - a set of iconic font and CSS that links to different content, different icons
• How to write separate styles for IE 10
• Original hover effect on online store product images
• Understanding 3D Transforms from Opera Developers
• 7 CSS snippets borrowed from HTML5 Boilerplate

Javascripts

• Another JavaScript Script Loader
• Some Coffee
• jsbooks - the best free books and javascript resources
• Codeblock.js - editable executable blocks of JS code
• Hitch - a small javascript JavaScript engine.
• swiper - mobile touch slider & framework
• The JavaScript Behind Touch-Friendly Sliders
• Hopscotch - the creation of study tours on the site
• GitHub Notifier - browser extensions that display the counter of unread messages from GitHub
• AngularJS-Learning - all the necessary useful materials for studying AngularJS
• AngularJS 1.2 and the following versions (video)
• Wishes for new features in AngularJS 2.0
• Angular Reader - RSS reader for AngularJS
• Variable Vector Graphics (SVG) with AngularJS
• easystar.js - asynchronous A * pathfinding API for HTML5 games

Browsers

• New Safari 7 , as well as the new Web Inspector
• Google announced the termination of support for Chrome Frame
• Chromium Digest №1 - Desktop Capture API, alpha support for new languages ​​and NFC
• Chrome now validates json
• Evaluation of the impact of web browsers on system power consumption

news

• Apple WWDC 2013:
  
  • WWDC 2013 in Russian and 6 minutes
  • Apple Announcement: June 2013
  • iOS 7, OS X 10.9, iWork for iCloud, iTunes Radio, Haswell-based Macbook Air, Mac Pro
  • Apple announced iWork for iCloud to compete with Google Docs
  • Apple introduced the operating system Mac OS X 10.9 Mavericks, OS X Mavericks: what to expect from the next version of the "desktop" OS Apple
  • iOS7: An overview of iOS 7 for the iPhone , another one , as well as a large video review of iOS 7 beta 1 , the Internet is joking about the design of iOS 7 , another banter on the features of the redesign from Jony Ive , Yandex will appear in iOS7
  
  
• Applications that have won the Apple Design Awards this year
• New generation of consoles:
  
  • Four gaming platforms of the future in numbers
  • Sony has finally shown a PlayStation 4
  • Xbox One Performance Analysis - Is the PlayStation 4 faster?
  • Here you can twist and view the PlayStation 4
  • Microsoft talked about Xbox One's online features, used gaming policies, and Kinect privacy
  • Here are all the announced games for Xbox One and PlayStation 4
  
  
• Twitter showed users their statistics
• Foursquare's Time Machine: all your travels for all time
• Durov, return the music , the queue video
• Intel is preparing its interface for Tizen and Android . AMD is interested in Android and Chrome OS
• Mozilla, EFF and 84 more companies and organizations united against NSA spying
• Google buys Israeli startup Waze for $ 1.3 billion
• Hashtags will appear on Facebook
• Google will lower the issue of sites that have a poor mobile version
• Twitter updated the API, breaking thousands of customers

Services

• New Dropbox makes it easy to fumble screenshots
• VideoNot.es : text notes for Coursera, Udacity, Khan Academy and YouTube
• dpilove is a mini-service from Lea Verou for calculating the pixel density of your screen and a short history of its creation.

Demo

• Dynamic text blur while scrolling
• Cube Slam - game based on WebRTC
• Demonstration of WebRTC, WebGL and Go from Google

Sites with interesting design and functionality

• riotindustries.com - spectacular CSS3 2D and 3D effects, along with custom navigation
• apple.com/mac-pro - Apple's promo page, as well as a review of how this site works
• orangehive.de - site with non-standard navigation and canvas animation
• mahedineyahia.fr - parallax effect to achieve pseudo video effect
• adamrudzki.com - portfolio site with full-screen slides, keyboard navigation and lots of animation
• dieselblackgold.com - a site with an interesting implementation of the main menu
• masswerk.at/404 - Space Inviders on page 404

Design

• New iOS design:
  
  • Slides in iOS 7
  • In defense of iOS 7 design
  • Flat design : why did the design go flat ?, the falling plane new design is not completely flat
  • Banter on the theme of the new design iOS7 , the reaction in the social. networks
  • iOS7 - transition to flat design
  • Why Apple's new design is only the beginning, not the result
  • Much explains the fact of attracting the marketing department to design a new system interface.
  • Full guideline interface "iOS Human Interface Guidelines"
  
  
• Designed by Apple
• Yandex corporate font
• Common misconceptions about responsive design
• Modern techniques and techniques in typography (2013 edition)
• The Principles of Typography: Back to Basics
• Inspiring typography in packaging design
• Basic principles of flat design
• Flat design and fonts
• Sites with custom geometry
• Ten best lessons on photoshop , released in May 2013
• Interactive lesson on improving typography
• Microframe Template - PSD templates for creating site and application layouts
• Fresh and sometimes funny logos

A selection of free designer cookies

• iOS 7 GUI PSD
• Vector: two dozen sets for infographics
• Backgrounds: Photoshop Patterns
• Icons: a small set with flat icons , a large collection of flat icons
• Fonts: two and a half dozen header fonts , Attentica 4F - incidental font, Tenso Regular - sans serif font, new free Cyrillic fonts
• Fractal brushes

Entertaining

• Project PRISM: Planet under the hood
  
  • how the NSA monitors Google, Facebook, Microsoft and others
  • Former CIA programmer leaked information on total Internet surveillance (project PRISM)
  • Mozilla and Reddit launched a campaign against spying on Internet users , becoming interested in this issue, and the European Union demanded that the United States clarify the mechanism for spying on Internet users
  • fun page for those who are tired of remembering passwords from their accounts (PRISM Internet Backup Service)
  • In addition, The Financial Times estimated the cost of the dossier on the Internet user - it turned out to be a cheap price.
  • Small presentation “Dear NSA, let me take care of your slides”
  • Special project for trolling the NSA system
  
  
• Enthusiasts completely disassembled Google Glass
• That will soon become real: 5 technologies, for which the future
• 10 things we lack on the Internet
• A wicked paradise: 5 shortcomings of Silicon Valley
• What I learned in 8 months at Microsoft
• The myth of the effectiveness of brainstorming
• Details on the future of the search : Penetrating the essence of things
• David Karp: Why I sold Tumblr for $ 1.1 billion
• More detailed images of the ocean floor will appear in Google Earth and Google Maps.
• Upgrade from Windows 1 to Windows 8
• Baidu Eye: Google Glass's Chinese response
• How to quickly make a cyborg cockroach
• 7 watches - potential iWatch competitors
• How NASA uses WordPress to promote open source technologies
• Corning Gorilla Glass will make cars quiet inside and economical

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