The digest of interesting materials from the world of web development and IT for the last week №96 (February 9 - 15, 2014)

We offer you a selection with links to useful resources, interesting materials and IT-news

Web development

• Use Audio API to create vocoder
• Creating a Markdown Tag Using Polymer / Web Components
• PhpStorm - increase productivity: hacks and keyboard shortcuts , plug-ins and themes
• Creating a simple Chrome application
• Check SVG browser support in img
• Vivid demonstration of the principles of adaptive, responsive, rubber and static designs
• How to use Instagram API
• Which programming language is right for you?
• Four ways to create a mobile application, part 3: PhoneGap
• DevCasts - a large catalog of screencasts for developers
• Gibbon playlists to explore. Get knowledge on the web theme in a social format
• Educational and learning resources for web developers and web designers
• Codewars - we strengthen coding skills in JS, CoffeeScript and Ruby
• w3schools: Good, bad, angry (in reverse order). Conflicting analysis of an ambiguous site.
• Bookmarklet that “shook” the web a year ago
• Reloading the Grunt file , how to get the most out of the configuration
• Web animation in work
• How Envato Marketplaces design was made responsive
• Creating a shopping cart on the client side
• How to speed up your website with AJAX and jQuery
• Three solutions to support Internet Explorer
• Recreating the effect seen on Medium - scrolling effect of blurring images
• Off-canvas - how do the pros
• Sync Sublime settings across all your devices.

CSS

• What is Flexbox? Description of all css properties, basic principles, advantages and disadvantages.
• CSS variables temporarily leave Blink
• After ... or not, before ... something I'm confused (about CSS pseudo-elements)
• How to be the parent selector in CSS?
• CSS tricks and calc function
• progre © ss - progress bars on pure css
• Interesting pattern of behavior for placeholders in text fields
• Flexbox tricks to improve CSS templates
• A great example of a stylgide site from Yelp
• Sass component in 10 minutes
• Modular Scale - a modular scale calculator built into your Sass
• New syntax for CSS Shapes
• CSS Hover Button Effects
• grid - a simple guide to responsive design
• Sache - extension library for Sass and Compass
• CSS oscilloscope
• CSS3 Keyframes Animation Generator
• Stylish tile pattern with SCSS

Javascripts

• LocalForage: Mozilla Cross-browser Local Storage
• Anatomy of Ember.js (part one, theoretical)
• Developing better javascript APIs
• 20 jQuery typography plugins
• Responsive Javascript
• Multiple simultaneous Ajax requests (with a callback) on jQuery
• Re-introduction to JS
• tagtree.tv - screencasts to enhance JS skills
• A small lesson on Angular.js
• localForage: improved off-line storage
• Collection of ES6 single-line code snippets
• We play with iterators and generators in ECMAScript 6
• JavaScript promises ... with fun details
• Replacing callbacks with ES6 generators
• How to make a CLI utility using Node.js and PhantomJS
• We start to deal with D3, drawing the simplest graphics
• kettle.js - an approach to quickly developing views for Backbone
• jide.js - toolkit for creating web applications (IE9 +)
• Fluidbox - jQuery laybox with smooth animations
• InstantClick - JS library that improves the speed of your site responsiveness
• Create expandable cards using FlipOut_Cards.js
• jquery.wanker.js - plugin for embedding Easter eggs on the site, which are visible when the browser is resized
• jquery.floatThead - a plugin pinning the table header when scrolling
• WOW.js - many anims, wow, no jquery, so easy, very js, so impress, wow
• mem.js - memory management in applications on Backbone.js
• Placeholdem - a plugin that animates the cursor in the input fields when placeholder text disappears
• Dug.js - JSONP to HTML script converter

')

Web tools

• Solving the biggest problem in web development
• 10 free tools to choose a color scheme for a startup
• Online resources for finding repetitive backgrounds
• Free online font image tool
• Page Layers - an application for OSX that converts web pages to PSD with elements in different layers.
• Free service to determine the font in the image
• Pageres - we get screenshots of sites in various resolutions
• Classnamer - class name generator
• Cody - is going to open a library of snippet diamonds for your web project

news

• “Yandex” has learned to look for music on the basis of the “pu-pidu” type
• Letspley rule - Twitch outranked Facebook for peak traffic
• Twitter is testing a radically new design, reminiscent of Facebook and Google+
• OneDrive is not only a new name, but also a significant step forward for Microsoft
• Japanese company Rakuten bought Viber for $ 900 million
• For three years, Google will introduce a new generation of Internet networks with data transfer rates up to 10 Gbit / s.
• Yandex has prepared for the Olympics with prompt answers to questions in sadzhestah
• For two weeks, Apple has acquired its own shares for $ 14 billion , and also stops the release of the iPad 2 tablet
• The company "Buka" is 20 years old
• Sales of licenses for Microsoft Windows 8 exceeded 200 million units
• Google designs Internet networks with data transfer rates of up to 10 Gbps
• Bitcoins worth $ 2.5 million stolen from Silk Road users
• People Against: Seattle residents blocked Microsoft buses
• Shazam is already worth half a billion and has raised another $ 20 million

Browsers

• Firefox
  
  • Firefox introduces shared account and updates sync system.
  • Exit Firefox 28-beta and Firefox 29-aurora. Firefox Accounts service launched
  • Mozilla Firefox will show third-party sites when opening a new tab.
  • Firefox for Windows 8 Touch beta released
  • New features in Firefox Developer Tools
  
  
• The updated Yandex Browser has received a catalog of add-ons.
• Jolla Opens Sailfish Browser Sources
• Facebook is experimenting with blocking DevTools in Google Chrome
• Chrome adds support for background JavaScript compilation.
• Enable Enterprise Mode in IE11

Sites with interesting design and functionality

• Music web design
• Cool portfolio sites
• Three dozen dark sites
• celebratedesign.org - 100 years of design
• henrysaiz.com is a stylish site with quality content, parallaxes and background video.
• everywhere.is - a site with a non-standard layout and unobtrusive animation
• Kévin Lagier - heavy horizontal drag scrolling site
• melanie-f.com is a vertical site with smooth content upload and animations
• SpaceX Dragon - the site of the Dragon project from the first private spacecraft
• rareview.com - a design agency website with simple but slightly unconventional behavior
• whyilovejason.com - Jason's gift site by February 14th
• http://www.soleilnoir.net/dreamon - one-page site with scroll effects and bulk flat graphics
• worstprod.com - a cool laconic portfolio with pleasant animation and non-standard login-game to the site
• Funny 404th page

Design

• Designmodo: “We are tired of looking at the asses of the designers in front of us”
• Interview with digital artist Nikita Pilukshin
• Draw a fluffy text in Adobe Photoshop
• 45 Olympic logos and symbols from 1924 to 2020
• More than three dozen high quality inspired quotes for designers
• The secret to a successful redesign: what was done for the TED website is true and what was done wrong with Twitter
• User Interface Library
• Iconfinder version 5 presentation
• Simple Valentines - stylish greeting on February 14th
• Random User Generator is a free extension for Photoshop CS6 or CC that allows you to generate photos of random people.
• Pixelwood - scenes from famous movies in animated pixel-art gifs
• SHAPE / FORM - collection of black and white logos
• Mobile bookof trends 2014 - free illustrated ebook
• Color Story Valentine's Day
• Tips and techniques for creating music band websites
• Creating a design mobile app store in Photoshop
• Selected works of the contest animated gifs on Tuts +
• How to create a magical photo-manipulation in Photoshop: post-processing
• Creating an animation of falling snow in Photoshop
• The complete guide to working with adjustment layers - color balance and selective color
• Outdated UX patterns and alternatives to them
• Redesign of the flight search interface Unightdd Flight in Photoshop
• Eleven minimalist websites
• Using animation to create an emotional connection with your audience.
• Creative Logo Startups

A selection of free designer cookies

• The best free plugins for Photoshop for web designers
• Five background textures with abstract geometry
• Five pixel backgrounds
• More than six dozen textures for designers
• More than four dozen packages with vector graphics dedicated to the spring holidays
• Packing with vector polygonal hearts
• Four dozen mockups for the presentation of your design on the screens of various devices
• Ten necessary sets with flat icons
• FF Chartwell - a font for creating simple graphs
• Tesla - decorative stylized sans serif font
• Friday fonts # 9: from Unique to Triumph Tippa

Demo

• Ivan and Miracle Yudo: an embroidery game. Students of the "British Higher School of Design" made a platformer on canvas with graphics in the style of "handmade pixels"
• Bouncy Balls on HTML5, responding to the sound of your microphone
• WebSID - old school synthesizer
• Test lab with devices in the suitcase
• Auto-generate rose image
• VAL - Valentines generator, working in Chrome

Entertaining

• Yahoo geek-queen: conflicting results of the first year and a half
• Freaks and Geeks: the main cranks of the IT world
• The history of smart watches
• Best Scientific Visualization 2013
• Steam Machine Review: Valve's Perfect Gaming System
• The five most unusual inventors in the world
• In Belarus, opened a criminal case for the hijacking of a tank from World of Tanks
• Iron Man: the present and future of exoskeletons
• The US military in June will begin to test the prototype of the suit "Iron Man"
• FRIA draw a "map of the runet holdings"
• Comic Con Russia will be held in Moscow
• "You will live inside the computer, and everything around will be its interface"
• Flappy Bird Success Secret
• Valentines that don't feel sick: Grumpy Cat, Master Yoda, Hitler and Google’s love generator
• Internet trolls are prone to sadism and psychopathy
• Bitcoin history in one infographic
• Show with animated gif-ok, but do not tell
• 5 applications for IT geeks for Valentine's Day

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 dersmoll and alekskorovin .