The digest of interesting materials from the world of web development and IT for the last week No. 77 (September 29 - October 5, 2013)

Web development

• Google has released an HTML5 editor for web design , plus an article with doubts about its usefulness.
• Fontello - icon font generator
• Frontend performance . Part 1 - concatenation, compression, caching (4th of 12 articles about Mozilla’s Node.js)
• Synchronization of the web developer workspace
• Improving Pinned-icons for sites under IE11
• Optimization of UI icons for faster recognition
• Performance Tooling by Paul Irish (#perfmatters at SFHTML5)
• Various options for section dividers on high one-page sites
• Infographics: anatomy of the perfect page.
• URL as UI Design Pattern
• Mozilla Brick (presentation)
• Using the getUserMedia API with HTML5 video and canvas
• Getting started with Yeoman and generator-webapp , as well as using Yeoman to install Twitter Bootstrap for CSS, Sass, Less or Stylus
• How to improve the ergonomics of your application JavaScript / HTML5 / CSS3 Windows 8.1 with a new navigation bar
• Powerful approaches, tools and tricks for web developers and web designers
• bookmarkify.it - A small online tool for creating your bookmarklets

CSS

• A brilliant explanation of how triangles are built on css
• We make css sprites more responsive on retina-displays and not only
• Sample slider driven only by CSS3
• Blurred translucent effect for a fixed header of the site in the style of iOS7 on CSS
• Design-Based Media Queries
• A selection of tools and tutorials for CSS animation
• Introduction to CSS Regions
• Animated custom checkboxes created using CSS and icon font
• Define the font to use with DevTools
• A collection of off-canvas techniques for animating the menu, which is located on the sides of the page.
• CSS and critical path (presentation) on the example of the Guardian
• Use page breaks in the print version.
• How to remove the search field buttons in WebKit browsers

Javascripts

• We do not need your coffee
• A report by Roman Dvornov from Ostrovok.ru on Basis.js. Why I did not quit to develop my framework
• jQuery.BEM - a declarative approach to working with the imposition of the BEM method
• iOS7 Frosted Glass Effect with HTML 5 and Javascript
• Getting started with Ember.js
• Writing modular javascript with AMD, CommonJS & ES Harmony
• Safe integers in javascript
• We use getUserMedia API with HTML5 video and canvas
• Create faster pages using Web Workers
• A comprehensive guide to learning AngularJS in one day
• How to avoid 'layout thrashing'
• Javascript allong? - a free book from Reginald Braithwaite
• RSS Pipes is a system that allows you to create and edit RSS aggregators
• requestAutocomplete - take my money, but not time
• Why (and how) you should probably use Web Notifications
• Multi-File Uploads and Multiple Selects
• Plugins and libraries:
  
  • RulersGuides.js - library for the inclusion of rulers and guides in the style of Photoshop
  • Vertical News Slider on jQuery
  • squiggle - a jQuery plugin that allows you to creatively cross out text
  • Keypress is a small but powerful library for capturing and processing keystrokes
  • jQuery Custombox v1.0.0 - plugin for creating modal windows appearing with various CSS3 effects
  • Jquery-flip - jQuery scrolling effect
  • One Page Scroll - slide navigation with smooth scrolling
  • Recline.js - a library for creating web applications with lots of data
  • peeler.js - a script to create a scrollable page layering effect
  • Several jQuery preloading solutions
  
  

Browsers

• Mozilla Firefox browser has received the long-awaited code optimization
• HTML5 Flash Player Shumway added to Firefox
• Launch Chrome 30 Web Browser
• Yandex Browser is one year old
• Internet Explorer 8 - the most popular browser in the world

news

• The Atom platform from Yandex - the Internet adapted for everyone
• The beta version of the new Yandex.Maps has opened: how and why we made them
• Yandex gave mobile developers voice recognition
• Adobe hacked, 3 million accounts compromised
• WordPress 3.7 will be updated automatically.
• Skype introduces synchronization of messages on different devices
• The W3C made a working group to prohibit viewing the source code of web pages
• Apple and Google topped the list of the most expensive brands in the world
• A new war has begun for Vkontakte. Durov threatened with dismissal
• Pavel Durov denies most of the UCP accusations : There is no conflict of interests, answered questions, colleagues do not demotivate
• Canon, HP, Samsung and Xerox have teamed up with the Mopria Alliance to develop and promote a unified mobile printing technology.
• New photos of Android 4.4: rigorous, powerful, functional
• Google Play Music launched in Russia (+ predictable runet reaction )
• YouTube Music Awards will be held in New York on November 3
• Netflix video service overtakes satellite TV
• And darkness thickened: Government websites and services stopped working in the US
• Statistics: Android statistics for September 2013 , The proportion of windows xp is falling, and windows 8 is growing
• A map of the most popular sites in each country
• Google bought Flutter , an interface developer that allows you to manage services using gestures
• Facebook introduced social search

Demo

• Radius Raid - a game on HTML5 / JS size of 13 kB
• Water noise - night ocean on webGL using three.js
• Microsoft has released a browser version of the game Hover

Sites with interesting design and functionality

• The world's first website where nothing happens.
• travel.ilovevitaly.com - search for travelers, allowing you to see useful information from different sites, as well as maps.ilovevitaly.com - a map with great potential
• Wrist - site with interactive vector clock
• rbv.me - stylish one-page site with css3-animation of elements
• QuadriTown - site-game in pixel art style
• Greyp Bikes - cute one-page site with the presentation of bikes
• Deep Sea Dive - a creative approach to the design of the site
• studionone.com.au - memorable effects and custom navigation portfolio
• une-cuisine-astucieuse.fr - fun animation and soundtrack
• d.slowlyshooting.com is an impressive example of the organic combination of stylish design and CSS 3D transformations

Design

• Web Design Lessons
• 25 creative typography examples
• Responsive design: now it's not about screen size
• Ilya Ruderman on the dislike of Arial font and the problems of design education
• Alexander Gladkikh about how good design affects readers
• Designers are invited to contend with online popularity with cats
• Examples of anti-patterns in mobile design
• Typography history in 5 minutes
• How to create a hipster logo
• Almost two dozen lessons on Photoshop dedicated to All Saints Day
• What is Adobe Camera Raw?
• Four ways to create a long shadow effect in Photoshop
• More than two dozen spectacular sites with full-screen background
• Inspiring Parallax Scrolling sites of 2013 with stylish design and polished effects.
• Google Web Designer - first look and a small overview.
• The best lessons on photoshop for September 2013
• More than six dozen selected company logos
• Adobe Illustrator Tutorials for Beginners
• Creative logos with animals
• How to design icons for iOS7
• Usability Tips for Shopping Forms on Mobile Devices
• Script for group renaming of layers in Photoshop

A selection of free designer cookies

• Freecns Cumulus - more than a hundred weather icons in PNG, PDF, SVG formats
• Flaticon.com : Use 11,000+ flat icons straight from Adobe Photoshop
• Eight fresh decorative fonts, from Braxton to Sequi
• Two and a half dozen fonts used in popular logos
• Adobe Long Shadow Icons Set
• PEYO Regular Decorative Sans Serif Font
• Paihuen Mapuche stylized sans serif font
• More than three dozen brushes for photoshop with different angles
• Sponge texture collection
• Collection of textures, from plastic, to the wall with graffiti
• Sources UI PSD components and illustrations
• Gradient filters for photoshop, for styling images
• Photoshop Actions for portrait photos
• Flat UI Kit v 1.0 from Enfuzed
• Old and vintage paper textures
• Line Icons Set

Entertaining

• What to answer mom: a few common questions geeks
• The Large Hadron Collider with my own eyes: Part 1 and Part 2 , Part 3
• A bit about Yandex
• insidesearch - all about google search
• Few robots: ATLAS walking on boulders and Four-legged WildCat running at a gallop
• Tesla Motors - electric cars that can change the world, and How a fire can carry a billion dollars
• Durov and his products
• Siri speaks in Susan Bennett’s voice
• On the popular game World of Warcraft will shoot a film
• Tom Clancy Heritage
• FAA Ad Hoc Committee: Use Wi-Fi during take-off and landing - safe
• World map through the eyes of web giants
• SERM : how Americans work with reviews, how they work with us - and how you can work with them, in principle
• Is it reasonable to pay for content?

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
')
Digest from last week .
Material prepared by dersmoll and alekskorovin