The digest of interesting materials from the world of web development and IT for the last week №67 (July 21 - 27, 2013)

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

Hot seven

Google breakfast

This week a business breakfast was held in San Francisco, to which Google invited journalists at the end of last week. Android 4.3 Jelly Bean, the new Nexus 7 and Chromecast were announced at this event. Learn more about Android 4.3 , Nexus 7 2013 and Google Chromecast - a miniature TV set-top box on Chrome OS for $ 35.

Online training

Modern technologies provide more and more opportunities to study both the same technologies and other related areas. For example, here are sites for online learning for web developers and web designers, and 10 sites for learning about coding online. . Also, here is a free course on Ember.js and an interactive WebGL Academy website. . There is never a lot of knowledge, especially considering the talk that the EU is facing a staff collapse in IT

SEO

A lot of SEO myths hover in the web development environment. Exposing some of them can be found in this article . In addition, here is some information about the difficulties of SEO-optimization of mobile sites .

Ubuntu edge

Canonical decided to raise $ 32 million for IndieGoGo to launch a new cool project - a Ubuntu-based smartphone.

Web Audio API

We offer you to get acquainted with some of the capabilities of one of the most promising modern APIs - Web Audio: with component.fm - a set of web audio components using the capabilities of the Web Audio API, as well as the ability to record audio in WAV format directly in your browser using getUserMedia and Web Audio

CSS Automated Testing

Interesting article on .net magazine about tools for automated testing of styles that you should pay attention primarily to developers of large projects.

Comic-Con 2013

The annual Comic-Con was held in San Diego - an event that every geek dreams of attending. And judging by the review from theverge , for good reason - there is cosplay , comic and TV stars , best costumes and much more. Well, just a photo gallery

Web development

• Site Optimization for tablets
• Major mistakes when developing responsive design
• Retina responsive menu
• We study online:
  
  
  • Sites for online training of web developers and web designers
  • 10 sites for learning coding online
  • Free Ember.js course from TUTS + Premium
  • Free first level of codeschool course on Node.js
  • WebGL Academy
  
  
  
• Accelerate Web Development with Grunt
• How to enable Canvas Profiling in Chrome Dev Tools
• Future of WebRTC , WebRTC and the Ocean of Acronyms
• SEO:
  
  
  • SEO myths
  • SEO optimization of mobile sites - what are its difficulties?
  • Why is it more profitable to invest in a website than in SEO or context?
  • Content Localization for SEO Improvement
  • A large selection of tools for SEO
  
  
  
• Web Audio: component.fm - a set of web audio components that use the Web Audio API, we record audio in WAV format right in the browser , using getUserMedia and Web Audio
• PhoneGap 3.0 released
• Work with Shadow DOM
• Recreating a splash screen from Doom using canvas
• How to get started quickly with Git
• twittstrap - fresh bootstrap framework and skeljs - a www frontend framework
• Presentation by Tantek Çelik on microformats : “MICROFORMATS2 & HTML5. THE NEXT EVOLUTIONARY STEP FOR WEB DATA »
• Presentation: HACKED.io. Hands on FirefoxOS
• Presentation: Debugging Our Graphics Stack
• Terminology in WebRTC
• HTML5 components: implementation of standard components
• Creating Next-Generation Widgets with Web Components

CSS

• Pure CSS ball
• Solving font-face problems in media queries
• Improved Clearfix with Sass
• 4 tools for automatic CSS testing
• Testing Sass or CSS with Chrome Developer Tools
• Simple technique for responsive images using CSS Background Images
• About the status of the pseudo-element :: selection
• Generators and tools for creating buttons on CSS3
• John Allsopp protects 'id' in CSS
• CSS3 Cheat Sheet
• CSS Shapes as the future of the web
• Video report from Lea Verou on "The humble border-radius"
• CSS styleguide from github
• CSS guide from Harry Roberts
• Customizing subheads with CSS
• An example of creating a reflection of the text on a plain background
• CSS3 slider with responsive design
• On mobile devices, images inserted using Data URIs are drawn 6 times slower than with a normal link to a binary file.
• Does using Flexbox have performance issues?

Javascripts

• Javascript font converters: svg2ttf, ttf2woff, ttf2eot
• The most simple JavaScript fractals
• AngularJS vs. Knockoutjs
• Retina Display Ready with Media Query
• slimmenu - a lightweight jQuery plugin for creating multi-level drop-down menus with adaptability
• imagefill.js - jQuery plugin for centering images wherever possible
• Date for people
• The Definitive Guide to Object-Oriented JavaScript (video)
• Understanding the basics of Backbone.js
• VerbalExpressions - Simplifying Regular Expressions
• Visualization libraries, from SIGMAJS to CHARTJS

Browsers

• IE11 preview for Windows 7, updates for modern.ie
• NSS Labs recognized IE10 as the safest browser
• How to reduce memory consumption by Google Chrome browser
• Chromium Digest №7
• Cool Google Chrome features that you probably don’t use
• Chrome developers are planning to release a mobile application for remote connection to PC with Chrome
• New Opera Next 16
• Basics of Web Inspector in Safari
• Alpha transparency in video under Chrome

news

• News from Yandex:
  
  
  • The sad news about Ilya Segalovich. A small selection of materials about him: Icon of the era , the release of Runetology with Ilya, an interview on a snob, and an article by Yandex, which Segalovich built
  • Overview of the presentation of the beta version of Yandex.Ostrov , What the Islands have taught Yandex , Yandex: Islands will not affect the ranking
  • Yandex launches My News
  
  
  
• Google News:
  
  
  • Announcement of Android 4.3 Jelly Bean, the new Nexus 7 and Chromecast
  • Android 4.3 officially introduced
  • Nexus 7 2013 : Android 4.3, screen 1920x1200 and 8 millimeters thick, New Google Nexus 7 on Android 4.3 , comparison with the old
  • Google Chromecast - a miniature TV set-top box on Chrome OS for $ 35, Chromecast - a dark horse
  • Google owns 25% of US Internet traffic.
  • Google Play Games - Internet giant's answer to the Apple Game Center, Google Play Games Review
  • Google + is the latest among social networks.
  • In August, it will be possible to purchase and rent textbooks on Google Play
  
  
  
• Some news from Apple:
  
  
  • Apple celebrates 1 billion podcast subscriptions
  • Apple iOS acquired Outlook Web App email client
  • Consumers continue to massively buy old iPhones , while Apple is testing iPhones and iPads with large displays.
  
  
  
• Canonical plans to raise $ 32 million for the production of a smartphone Ubuntu Edge
• Firefox OS will be the most updated mobile OS
• Nokia is not happy with the development of the Windows Phone platform
• Samsung will hold the first developer conference in autumn
• The Leap Motion controller came out just in time.

Services

• Color Tools - a tool for accurate color determination, similar to the pipette from Photoshop, but with more features.
• onmobile.iwanttouse.com - find out what percentage of mobile browsers support your chosen web technology
• giphy - search animated gif
• Upgrade maps using WebGl . Now with beautiful water
• The service of fine tuning of the sharing Youtube-video
• 3D simulator allows you to drop a nuclear bomb on any city
• Yandex.Translate against Google Translate
• Google came up with how to officially spam you through Gmail , and we - how to disable it
• Assistant in choosing a license

Demo

• Detailed moon on WebGL
• Plink - an interactive multi-user online synthesizer track
• Several demos created with D3.js

Sites with interesting design and functionality

• lrxd.com - a site with a whole range of non-standard solutions
• muziekpark.nl - one-page site with funny graphics
• negativespacealphabet.com - alphabetic site with parallax effect
• thecongress-movie.com - site-movie
• lucasnikitczuk.com.ar - portfolio, non-standard geometry and navigation (keyboard support)
• nytimes.com/newsgraphics/2013/07/21/silk-road/ - news page - guide, new generation
• blackramwhisky.com - promo site with parallax effects, animation, custom sliders, horizontal touch scrolling and smooth data loading
• panpacificdefense.com - atmospheric site dedicated to the same film, with background video, sound track, scrolling-drag and non-standard navigation
• flandriatype.com - flandria font site with a creative approach to using parallax

Design

• Work with color : useful tools, books, articles for web designers
• Computer Interfaces in Cinema
• Touch Interfaces: Microsoft is going in the wrong direction
• Create flat icons in Adobe Illustrator
• 10 rules for choosing the perfect font
• Creative and innovative navigation design
• A selection of tutorials from the series “This is how we did it”
• Fira Sans - a new font for Firefox OS from Mozilla
• Trailer for the festival of computer animations SIGGRAPH 2013
• Parodies of famous logos
• Presentation: User Experience for Mobile (for Cambridge Mobile App Group)
• The Pixel Painter - a short film about a 97-year-old artist painting in Microsoft Paint
• Practical typography training project
• Is this the future of airline companies? from Fantasy Interactive
• Inspiring examples of 404 pages
• Concepts redesigns of popular sites
• Sites whose design actively uses original icons

A selection of free designer cookies

• Two and a half dozen sets of brushes for photoshop
• Icons, backgrounds, templates, UI sources
• 70 Excellent Background Textures for Designers
• IOS7 Wireframes: iOS 7 Wireframe Kit
• Icons: two hundred household-style vector icons , icon sets , mostly with a flat design, packs with flat icons
• Fonts: iconic font from mfglabs , in grunge style , from Soul Mission to FFF Tusj, fresh, mostly header fonts : from Speakeasy to Fénix, modern rounded fonts , from AbeatbyKai to Future Sallow

Entertaining

• Comic-Con 2013 highlights: Eldorado for geeks
• 5 differences Tesla Model S electric car from all other cars
• History of robot toys : from machines with holy water to robots created by NASA
• The first porn shot on Google Glass
• Why Android slowed down its growth
• Whether to wait for boom 3D printers next year
• Richard Stallman's detailed interview about surveillance and freedom
• 11 tips on lifestyle from Pavel Durov
• How to get into the gaming industry?
• The media called the "true" reason for closing Google Reader
• A large collection of retro games

')

Digest from last week .

Material prepared by dersmoll and alekskorovin