The digest of interesting materials from the world of web development and IT for the last week №70 (August 11 - 17, 2013)

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

Hot seven

Tessel

JavaScript confidently continues its march and now the turn of iron has come. . Meet Tessel - a microcontroller programmable in JavaScript

Why do we need HTML5

We bring to your attention a review article , where the author in five points tries to talk about the main features that the HTML5 provides. By the way, the address www.w3.org/TR/html/ has recently led not to XHTML 1.0, as it has been for many years, but to HTML5.0

The names of professions in the world of web development

In this article, the author tried to match the names of web professions with a specific set of developer skills. In the world of web development, this is a rather topical issue - the abundance of similar emails in resumes and job search services is often confusing and does not always correspond to reality.

Absolute horizontal and vertical centering

At a time when some are going to release a clock with a 41-megapixel camera, others are still inventing methods for centering blocks using CSS. Here is a translation of an entertaining article with the latest techniques.

Telegram Messenger

Telegram Messenger is the first project of the American company Pavel Durov. The application is free and available for download in the App Store. Another small review plus digest of mobile messengers

CodePen Demos

Probably, everyone managed to evaluate the functionality of the CodePen sandbox. We bring to your attention a selection of favorite demos of Chris Koyera , who is the creator of this wonderful service.

Under the hood: Street View

Google has an information page , which tells in detail about the work and the creation of Street View - a service that every one of us periodically uses.

Web development

• The name of the professions in the world of web development
• Why do we need HTML5 : five simple answers
• How to test responsive design?
• Using Drag & Drop in HTML 5
• Safety issue
• The Mozilla project introduced FuzzDB , a database of typical attack patterns.
• Games with SVG and <image>
• Instructions for creating Jelly Navigation Menu
• Creating high-performance mobile sites
• Creating a multi-level push menu
• Assistant Wizard for Using Github Pages
• About Adobe Brackets Code Editor
• How to design text fields under the touch keyboard (with cheat sheet)
• The official guide to the WebKit attribute srcset in the img tag

CSS

• Word wrap
• Absolute horizontal and vertical centering
• Circular Navigation with CSS Transforms
• CSS 3D Image Flip Gallery with dynamic shadow
• 6 methods to disable CSS and connect their styles in Chrome
• Using CSS3 for smooth resize elements
• uCSS - search for unused and duplicated CSS selectors on the site
• responsivewebcss - online service for generating styles for adaptive templates
• Screencast on how to use Effeckt.css
• Getting Started with Sass Preprocessor
• MetaFizzy Effect with Sass
• How to create a simple and stylish table of prices for CSS
• CSS Shapes and Float Positioning
• Use min-width for rubber images
• Modular CSS example

Javascripts

• Javascript as new corporate development standard
• JavaScript: how to smoke IE10, or migration problems
• classList API
• JS goes offline , Tessel - JavaScript Programmable Microcontroller
• How to use drag & drop in HTML5
• To modern web applications together ECMAScript 6
• livescript - language compiled in javascript
• Creating graphs using SVG and Angular
• How to create a city using three.js
• Creating particle animation in 200 lines of code
• Plugins and libraries:
  
  • Crossfilter.js, dc.js and D3.js for data visualization
  • jquery.arbitrary-anchor.js - jQuery-plugin for extending anchor navigation (# hashes)
  • jQuery Flat Shadow - plugin for adding long shadows (trend of flat design)
  • Juicy Slider - Responsive and Lightweight Slider / Slideshow Plugin for JQuery
  • TinyMCE plugin that allows you to edit HTML with Emmet features
  • Tipue Search - jQuery plugin for site search
  • Iframe Auto Height - plugin recently updated
  • jQuery plugin for caching forms using HTML5 local storage
  
  

Browsers

• The Pirate Bay has released a pirate browser that reached 100k downloads in three days
• Start of beta testing of Firefox 24 and creation of aurora-branch Firefox 25
• I love Opera 12
• In Opera 17 Developer, a bookmark bar has appeared
• Chromium has already spent over a million dollars on safety
• Chromium Digest №10
• chrome.downloads API will appear in Google Chrome 30
• How to improve your search in Firefox using your own “smart keyword” words
• Firefox developer tools features - Blackboxing
• Browser versions are dead
• Firefox remains the default browser in Ubuntu 13.10

news

• Facebook buys Mobile Technologies speech recognition developer
• Facebook wants to be a mobile payment tool.
• Windows 8.1 will be released October 18 , and the day before it will appear in the Windows Store, Skype will be the standard Windows 8.1 application
• There are more smartphones
• The launch of the first smartphone on OS Tizen is scheduled for October
• Apple remains the leading manufacturer of mobile devices in the USA.
• New Brief : Samsung Launches First Vertical NAND Industry Vertical NAND Flash Memory with Vertical Layout
• Google finally says goodbye to the old Gmail interface
• FSB is preparing a law against Tor and other anonymizers
• New update Win7 accidentally breaks pirated x64 version
• Telegram Messenger - the first project of the American company Pavel Durov, + digest of mobile messengers
• Hyetis is going to release a clock with a 41 megapixel camera

Services

• Google Maps for Android can work offline again
• Premailer - service for pre-finalizing email-templates
• Under the hood: Google Street View
• Developer will answer
• Random User Generator
• 101 Ukrainian cartoon appeared on YouTube
• Which online cinema to choose : 12 Russian services
• Gallery of sites sorted by color

Demo

• Favorite CodePen Chris Coyier Demos
• Cool animation with a physical effect of elasticity on CSS3 / JS
• HTML / CSS3 / JS surround slider
• Animated with CSS3 atom

Sites with interesting design and functionality

• social-portrait - custom geometry plus parallaxes
• letsyep.com/en/ - a fun site with stylish graphics and concise animation.
• hydrosys.ca/en/ - spectacular use of the parallax effect
• smiledrive.vw.com - social app site for cars from Volkswagen
• perspectivewoodworks.com - site with a diamond design
• trask-industries.com - a site with nice animation effects and background video
• snipcart.com - creative animation slider and a few other interesting elements
• noiretrenoir.com/parallax - one-page site with parallax

Design

• Lebedev drew a social network for Russian Railways - "RZDshechku"
• Interview with illustrator Alexey Baidakov
• Multicolored sites for your inspiration.
• Examples of creative packaging design
• Color theory in numbers
• Off-Screen Design Services
• Typography history (video)
• Raster and vector logos of most browsers
• Plaid - the next step after a flat design?
• The process of creating responsive web design
• Understanding of letters
• Inspiring examples of one-page web designs
• Examples of cool landing pages
• Examples of sites with full-screen photos

A selection of free designer cookies

• Backgrounds: Blurry Backgrounds for iOS Applications
• Sets of UI and flat icons
• A quarter of the hundreds of source PSD business cards
• UI: Set of UI in red and flat design, Flattastic UI - set with flat design, source of authorization forms
• Icons: clothing icons , almost a hundred social icons, flat shopping icons , hexagons, SEO icons
• Fonts: Dense - sans serif font, fresh sans serif fonts , from Dense Regular to Kelson Sans, two dozen fresh fonts, from Higher to DK Keswick

Entertaining

• git + webcam = lulz
• Samsung doesn't know what to do with flexible displays?
• The market value of Google Glass could be $ 300.
• Developers from Asia pretend to be Ukrainians and Russians
• Glasses of augmented reality SpaceGlasses META.01 - all that is not able to Google Glass
• Interesting statistics of the NSA: "We affect only 1.6% of daily Internet traffic"
• Hyperloop - a project of high-speed and economical transport system
• Larry Ellison: Google is doing evil, and Apple is degrading
• Review ouya
• Tsiferkoy wrong! How a small bug in the software put the bandwagon around the world
• 20 creative clips on Vine
• Gmail users can not count on the confidentiality and privacy of correspondence.
• 15 most expensive domains of all time
• Zamunusovannye youtube-video on one site
• Gif dance party

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