The digest of interesting materials from the world of web development and IT for the last week №63 (June 24 - 29, 2013)

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

Hot seven

Windows 8.1 Preview

This week was the conference Build 2013 from Microsoft . According to its results, we meet Windows 8.1 Preview and see , what's new in it , as well as a video review . New Windows - new IE. Fresh IE11 learned to work with WebGL, SPDY / 3 and got new tools for developers.

Firefox 22

We meet the new release of Firefox 22 , which is distinguished by two interesting innovations - support for Asm.js and the inclusion of WebRTC technology by default. Speaking of WebRTC

RSS feed after Google Reader

Within a few days, Google Reader will cease to exist. Monsters such as AOL and Digg offer their help to alternative seekers. Suddenly popular Feedly sums up the last 100 days . And in this collection you can look at a fairly large selection of services for reading RSS.

Web fonts

We bring to your attention an excellent article where the author answered most of the questions about web fonts that you might have. If everything is good with theory, then we will move on to practice and get acquainted with the Online service for creating your own iconic font. and Font Custom - the generator of custom icon fonts via the command line

CSS3

The near future of CSS is not just flexbox. The CSS Shapes Module can be a potentially powerful thing, promising to bring a revolution in web design and which will allow you to create content in a prodigious form . Also, it makes sense to pay attention to the CSS3 Regions and CSS Background Blend Modes , which are already available in Chrome Canary and WebKit Nightly

Front-end Job Interview Questions

This repository with a selection of questions that can be used in interviews for the position of front-end developer, is not new. However, it is never too late to challenge yourself and try to answer these questions. Who knows, maybe this is what will help you in your next interview in the company of your dreams?

Photoshop for Web Designers

Probably almost everyone faced with the subnet of TUTS + sites. They were launched by Australian startup Envato, including the goal of helping some people gain knowledge on the Internet, and others to make money on it. Accordingly, not all of their courses are free, but this time they pleased with the free tutorial "Photoshop for Web Designers" , which consists of a series of video tutorials on Photoshop CS6

Web development

• Video of reports of J.Subbotnik in St. Petersburg June 15, 2013
• Benefits of developing with BEM + Python + node.js : video and presentation
• The main ways of layout. Part One: The Table, Part Two: The Tableless Layout
• 20 questions about web fonts
• Online service for creating your own iconic font
• Font Custom : generation of custom icon fonts via the command line
• How to use Fullscreen API
• dimensionsapp is a free tool for testing and debugging responsive design
• Mobile web problems and how to avoid them
• A set of bookmarks for web development
• PNG vs. SVG in sprites
• Creating an adaptive search bar
• Details about the main element
• iOS 7 beta and new Safari for web developers
• Front-end Job Interview Questions
• Create a snake on HTML5 Canvas and KineticJS
• Creating a Swipeable Side Menu for the Web
• Presentation: James Simonsen 's Page Load Performance
• Presentation: "jQuery UI Widgets vs HTML5"
• Ten Required Chrome Extensions for Developers
• Scheme to help determine the use of Twitter Bootstrap (infographics)
• Phishing with dataURI
• Working with Local Storage in MV * frameworks

CSS

• Create 3D animated sidebar
• Approaches to solving multiple queries of elements
• Flexbox without prefixes this year
• Download images on demand in pure CSS
• Visual effects for modal windows on CSS
• The Layered Look : Improved Responsive Images with Multiple Backgrounds
• CSS Background Blend Modes are already available in Chrome Canary and WebKit Nightly
• Shapes in CSS3 + CSS3 Regions - how it works
• CSS Shapes Module will add web design revolutionism
• CSS Shredder : make CSS3 shredder
• How to Scale and Maintain Legacy CSS with Sass and SMACSS
• Working with modules in Pure CSS
• Layout of pseudo-elements in IE10
• cardinalcss - another static CSS framework
• Comic explanation box model
• How to make a flip animation on CSS3
• Development with SASS and Chrome Devtools

Javascripts

• Media queries are not the way out: Polyfill script for element requests , original article
• W3C Consortium Introduces Telephony JavaScript API
• The evolution of racing cars on javascript
• Native equivalents of jQuery functions
• How to start learning AngularJS. Part 2 - Patterns come to life.
• JQuery Keynote Video with jQuery Conference Portland 2013
• Spin-off unit testing techniques in JS
• Making Sass Talk to JavaScript with JSON
• O Backbone.js is very simple and brief for fans of MVC frameworks.
• jquery.viewport
• CollagePlus - another plugin for creating a gallery on jQuery
• Chance - a generator of random strings, numbers in different formats, for writing automated tests
• Yass.js - mobile-first polifil, for the implementation of loading images for screens with different pixel densities
• SimpleWebRTC - simple work with WebRTC
• Services reporting JS client errors
• Static Memory Javascript using Object Pools
• Advanced use of Grunt
• JSON-LD - JSON for Linking Data , JSON format for better data organization
• X-editable - a library that allows you to create elements editable on the page (works with bootstrap, jquery-ui, jquery)

Browsers

• IE11: WebGL support, SPDY / 3 and new tools for developers , technical overview , Windows 7 will also get Internet Explorer 11
• The release of Firefox 22 with support for Asm.js , WebRTC came in Firefox 22
• Start of beta testing of Firefox 23 and creation of aurora-branch Firefox 24
• Network Monitor in Firefox Beta
• The whole truth about the mysterious updates to Google Chrome 28
• Dolphin browser connects to Mozilla Firefox in the creation of the HTML5 app store
• Tigran Khudaverdyan (Yandex) : mobile browsers do not have enough speed to achieve results

news

• Based on BUILD 2013: Brief information about Windows 8.1 , Meet Windows 8.1 Preview and see what is new in it , as well as a video review .
• While in Ukraine they launch a test version of the Electronic Court and confiscate VKontakte servers, in Russia they officially launch the online store Apple
• Yandex.Music learned to import songs from VKontakte
• As Yandeks.Pochta began to understand what you need . And Mail.ru refuted Yandex.Mail success.
• Goodbye motorola
• Public beta Sublime Text 3 released
• Google is developing a gaming console , a smart watch, a new Android, and more.
• PayPal launches Galactic program to prepare payment systems for space commercialization
• HTC First - everything
• About maps: Clouds were removed from Google Maps and high-resolution views were added, and Bugs on Apple 3D maps can be considered art
• About watches: Sony SmartWatch 2 - dust and water tight smart watches with NFC support, as well as Emopulse Smile Smartwatch smart watches with 256 GB of memory

Services

• RSS:
  
  • From Google Reader to Feedly Cloud: results for the last 100 days
  • Digg Reader beta
  • AOL Reader joins the ranks of Google Reader replacements.
  • Who will replace Google Reader? Yandex.Following
  • Large collection of life hacker
  • Reader is Dead - a collection of tools that will help prepare for disabling Google Reader
  
  
• SVG Optimizer is a tool for optimizing vector graphics in SVG format, written in Node.js.
• Mobile Emulators & Simulators : The Ultimate Guide
• picssel-art : CSS image generation

Demo

• Animated logo in 3d
• Advanced animated loader
• A selection of logos and characters on pure CSS

Sites with interesting design and functionality

• Interesting examples of responsive sites
• A selection of ultra-minimalist sites
• flandriatype.com - website presentation font
• flatguitars.com - stylish one-page guitar website

Design

• New design LJ
• Design of control points
• Free! course "Photoshop for Web Designers" from Tuts + Premium, a whole series of video tutorials on Photoshop CS6
• A set of tools for creating infographics
• A Good User Interface
• A set of tools for creating infographics
• Business cards: elegant business cards , inspirational examples of 2013 business card designs
• Complete guide to flat design
• Mostly monochrome sites with a plain background
• Colorful website designs
• Colors defining the web today
• Examples of authorization and registration forms
• Redesigns of popular sites
• New features of Adobe Illustrator CC
• Compass Logos

A selection of free designer cookies

• Graphic materials: textures, styles, brushes, vector images, etc.
• Icon sets and UI components
• Collection of Free Fonts and Typefaces for June 2013
• Sources: authorization form templates , UI sets for creating wireframes
• Icons: icon sets for the web, both flat and photo-realistic , a dozen sets of flat icons , stylized monochrome icons depicting products
• Brushes: paper
• Fonts: a selection of creative fonts: from Nexa to Idolwild , Track - sans serif header font with Latin uppercase letters and numbers

Entertaining

• What to do if Facebook accidentally opened access to your data
• Gif
• It became known how much are the posts of top bloggers in LJ
• Malware distribution - information from Google
• Adobe Creative Cloud : Clouds and Invincible Pirates
• Who Framed MDK Rabbit
• Salaries of Ukrainian developers - May-June 2013
• Google Maps: “Welcome to the tallest building in the world!”
• The programmer found out the difference between "geeks" and "nyords"
• 10 facts about the new office Mail.Ru Group
• Nokia's next marketing glum

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