The digest of interesting materials from the world of web development and IT for the last week №134 (November 10 - 16, 2014)

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

Web development

• GamepadAPI or browser joystick
• npm for mere mortals
• Pocket Guide to Writing SVG. Chapter 3
• Screenshots of code editors from different developers
• Fresh Frontflip podcast. About where the web rolls (about rx.js, react.js, meteor.js and many other things)
• Microsoft on github
• Collection of various resources for creating style guides
• New chips in the new Foundation for applications
  ')
  
  
• How we made our mobile app in two weeks using the Ionic Framework
• Cool ideas for interactive Drag and Drop functionality in modern UI
  
  
  
  
• Create a dynamic search page on your jekyll blog using javascript
• Only 18.7% of sites on the Alexa top 10.000 version are adapted for mobile devices.
• HTML was not created for applications.
• 5 obsolete elements and attributes in HTML5
• Front-End Dev guidelines from TMW
• SVG NOW - panel for exporting an optimized SVG from Adobe Illustrator
• Creating a three-dimensional animated mocap
• Death of Lorem Ipsum and Pixel Perfect Content

CSS

• Back to the CSS performance issue: selectors, bloated and heavy styles
• A simple way to stretch a block to the full height of the screen, or CSS3 Viewport Units
• CSS Slideshow (Sass)
• Draft notes for the CSS “alt” properties
• Fun with CSS Counters
  
• Manage responsive typography with Sass
• Fifteen Required Sass Mixins
• A few pieces in LESS that you may not have known
• CSS avatars clip-path
• material ui - CSS framework and a set of React components using Google Material Design
• CSS Specificity Graph Generator
  
• SVG animation and CSS transformation: a complex love story
• Simple Hint - CSS hints
• Min - css framework in 995 bytes with support for IE5.5 +
• Adaptive masks for CSS Shapes using Mac Preview App
• Form control with CSS currentColor and pseudo-elements
• 7 units of measure in CSS, which not everyone knows
  
• 12 options for the spectacular appearance of sharing buttons
  
  
  
• A few words about the only-child in CSS

Javascript

• Expressive JavaScript: Modules , Project: programming language , JavaScript and browser
• ECMAScript 6 Promises
• interact.js - drag'n'drop, resizing and multitouch gestures with inertia for modern browsers (and IE8 +)
• Multipliers in javascript animation
• JavaScript Modules: Welcome to my Emo Hellscape
• Amazing fn.displayName
• Why Node.js may encounter an open-source split
• Visual representation of Angular applications
• How to use HTML5 Full Screen API
• Native data binding in javascript
• vivus - a library that animates SVG
• purplecoat.js - overlays with text displayed after the click
  
  
  
• imagejs - packer js code to image file
• Espresso.js - a small MVC framework with a focus on simplicity and speed
• particles.js is a lightweight library for creating particle visualizations in html5 canvas
• MetricsGraphics.js - add-on for D3 to build interactive graphs
• Permit.js - jQuery plugin for creating interactive prototypes for websites and web applications
• Labelauty - a lightweight jQuery plugin for styling checkboxes and radio buttons
• Tale "Kolobok" on JavaScript

Web tools

• typegenius - select the appropriate font
• Lipsum.pro BETA
• Shoelace - a handy markup generator for Bootstrap
• Free online vector editor: Method Draw
• Raven - minimalistic text editor with good typography.
• zbugs - minimize and compress your CSS and Javascript in Gzip with one click

news

• Ilon Musk confirmed plans to launch 700 communications satellites into Earth orbit
• First ever contact with a comet: landing Philade probe
• Microsoft launched Skype for browsers beta
• Apple's capitalization hit a record high
• Apple ordered production of up to 40 million Watch
• Xiaomi may destroy ASUS plans for 2015
• Samsung sees the future in twisted smartphones
• New Facebook settings will reduce the number of news from a particular friend and view the list of "idols"
• New version of Windows 10 Technical Preview
• China will launch a quantum network in 2016
• Google leases from NASA part of the historic Moffett airfield with a huge hangar "Hangar-1" for 60 years
• YouTube launches Musi Key music service
• Facebook launched Places recommendation service - Foursquare equivalent
• In Russia, create an "objective" online encyclopedia instead of Wikipedia
• Microsoft launches free version of Visual Studio for small teams.

Browsers

• Firefox is 10 years old
• First release of Firefox Developer Edition
• Mozilla Servo engine shows phenomenal performance
  
• Release Firefox 33.1 with a portion of new features. Firefox is expected to support Tor
• Multiprocess mode in the nightly builds of Firefox. Performance tests for Asm.js and Servo engine
• ES6 generators run 22 times faster in new Firefox
• Internet Explorer: Moving to live Edge mode - the next step for the web to just work
• Presented by Fifth, a minimal FLTK-based web browser.

Sites with interesting design and functionality

• Mozilla launched website for virtual reality glasses owners
• Examples of sites with interesting animation
• A small journey "in depth" of the site
• kylereadsays.com - one-page site with a falling ball
• Soundscape - combine the sounds of nature into a melody
• nerisson.fr - portfolio site
• monfa.red - vertical scrolling site with unusual transitions between sections
• thoughtspot.com - a site with a nice scroll animation and video in the background
• ohdeergames.com - Cool implementation of the scroll effect to the back of the page
• theexperiment.io - an interactive scrolling site with unusual effects

Design

• 9 basic principles of responsive web design
• Wearable device design
• Unexpected design of banknotes
• What is common between the work of a UX designer, an athlete and a doctor?
• Digital fantastic landscapes from a Belgian illustrator
• Rainbow mosaic background in Adobe Illustrator
• 14 important changes in logos that no one noticed
• 10 problems of responsive design and their solution
• Interview with illustrator Alex Tornberg
• Six simple rules for website design for mobile devices
• Alternatives to using drop-down lists in forms
• Three dozen examples of inspiring dark web designs
• Design in detail: Square Order app for iOS
• The iOS Design Guidelines
• IxD Checklist
• Analysis of UX settings window of modern mobile operating systems
• How to draw icons of autumn leaves, berries, acorns and chestnuts in Adobe Illustrator
• How to make a volumetric map icon in Photoshop
• Creating a fantastic association pattern for a T-shirt in Adobe Photoshop and Illustrator
• An experiment with color in Illustrator when creating an illustration of an abstract rose
• About terminology: typography, fonts, font families and letters

A selection of free designer cookies

• Free retro styles for Photoshop
• Free templates for banners and flyers
• Sketch to App Store - 45 images for the App Store per minute
• Mockups for Coolmockups iPhone 6 Design Showcase
• Cristiano Ronaldo PSD Website Template
• PSD: with UI for iOS 8 news app
• PSD sources of progress indicators
• Big set with UI elements in flat design from Creatticon
• Hundreds of photo-realistic high-quality mockups
• Vector Christmas Label Price Tag
• Three packs with vector round monochrome icons from Tibor Brink
• Five sets of flat and color design icons
• Vector travel logo template
• More than five hundred vector icons on hand-drawn esoterics
• Icon set of hand-drawn drawing icons (PNG, PSD, SVG)
• Decorative sans serif font SKINNY BASTARD from MARCELO REIS MELO
• MANIFESTO - decorative sans serif font
• This week's sans serif font collection: from FINS to LEAGUE SPARTAN

Demo

• Running Man (SVG)
• Text with the effect of the northern lights from yoksel
• Adaptive svg with parallax effect
• Top 10 Codepens of the Week
• The Triangles - a new triangle every day
• Motion pixie

Entertaining

• Google Glass: Why developers and users turned away from a revolutionary product
• The youngest Microsoft specialist has become a five-year Briton
• 8 useful hacks service YouTube
• Space Fleet Ilona Mask
• 14 experiments that teach and surprise
• Star Trek or Star Wars?
• 20 facts that could not be predicted 10 years ago
• Looking for a warm sound: do you need to warm your headphones?
• Wi-Fi sounds can be heard
• 15 IT companies that have changed their business model and are now worth billions of dollars
• How we ran Instagram - the story of co-founder Mike Krieger

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 .