The digest of interesting materials from the world of web development and IT for the last week №154 (March 30 - April 5, 2015)

We offer you a selection with links to useful resources, interesting materials and IT-news.
Today again in a slightly abbreviated format.

Web development

• Improving xaml: Bindable Converters, Switch Converter, Sets
• The main pitfalls when using cache in HTML5 applications
• 205 cheat sheets for developer
• Making web forms easier to fill out
• What actually happens when a user types google.com into a browser
• Little non-obviousness in SVG patterns: in the wake of transformation-invisibility
• MakeUP, a tool from 2GIS to control the quality of the layout and compare it with the design
• SVG sprites, 4 uses
• Frontflip Podcast : Flux, code hot reload and reading correct books in childhood. Danya Abramov
• Google Optimization Guides : The Visualization Process , Content Optimization , Rendering Performance
• Detailed overview of tools for documenting UI interfaces and creating live style guides. (Living Style Guide Tools In-depth Overview)
• Modern Tooling - a document with the results of discussions about modern tools used to work on web standards
• Prism - a spectacular slider using Canvas for effects.
• The SVG Canvas, Coordinate System, And Viewport
• Create an improved interface using SVG (Building Better Interfaces with SVG)
• Let links be links (Let Links Be Links)
• Tutorial: create an NPM-driven site
• npm semver calculator
• Video from a recent meeting of Frontend.fi: Harry Roberts, Matias Beinens, Andrea Giamarci
• We work with SVG, a lesson from Sara Soueidan , slides
• Ana Tudor's Favorite CodePen Demos
• Demo on codepen, where animated heart is made up in real time

CSS

• Media queries: width against device-width
• Understanding the border-image of CSS3 (Translation of a CSS3 article Border-Image Explained by the css-live community)
• Loading CSS without blocking the render (Loading CSS without blocking render)
• Presentation of CSS performance by means of the browser
• Introduction to CSS property will-change (will-change Property)
• Yes, you can make these text effects with CSS (Yes, You Can Actually Make These Text Effects In CSS)
• Getting refactoring with CSS Dig (Starting a Refactor with CSS Dig)
• Useful Compass Features for Web Development
• BEM 101
• Animation Hamburger CSS Icons (Animating CSS-Only Hamburger Menu Icons)
• Responsive Sprite Animations with ImageMagick and GreenSock
• Pintsize - static template on Sass
• April Fools CSS Expressive Generalizations and Gadgetry Level 1

Javascripts

• Introduction to d3.js
• Even more jQuery?
• BABEL 5.0.0 Released
• Auto-formatting JS-code style (Auto-formatting JavaScript Code Style)
• Poor, misunderstood innerText (The poor, misunderstood innerText)
• Redact.js - a simple way to achieve a smooth performance of 60 FPS (60 FPS performance!)
• Lory - minimalistic slider on pure JS with touch events support (Touch enabled minimalistic slider written in vanilla javascript)
• The cunning bug with length in iOS 8 breaks the iteration of objects in jQuery and Underscore (iOS 8 insidious length breaks jQuery and Underscore object iteration)
• lunr.js - Simple full-text search in your browser
• Compilation of JS libraries for creating graphs and charts
• Event based jQuery element resize
• Dom-Animator.JS is a fun js-library that adds ascii-animation in DOM comments. Just a small Easter egg for those who inspect your code.

Browsers

• A first look at Project Spartan - Microsoft's browser future
• The release of Firefox 37 , + some of the interesting innovations of the 37th version for developers
• Exit Firefox 38-beta and Firefox Developer Edition 39
• Demonstration of Browser.html, an experimental browser with HTML5 interface
• Pixel Perfect 2: The return of the popular add-on for Firefox Developer Tools
• The IE team has answered a number of questions on one of their Twitter pages.
• Spartan Browser: drawing mode , img srcset attribute support , developer tools
• The current balance of power in the battle of web browsers
• Samsung will launch a browser for all platforms.

Sites with interesting design and functionality

• 7 beautiful storytelling sites where you can hang for a few hours
• Kitchen
• Lucky sites of the week according to Line25
• fibersensing.com - site with nice background animation
• melanie-f.com - a site with parallax, animated typography and background music
• Flying over a transforming dynamic landscape

Design

• Translation of the first sections of the official Google specification for Material Design: Introduction , Objects in three-dimensional space , Material properties , Environment . Translation done by the community css-live.ru
• Mystical guidelines for creating UX (Mystical guidelines for creating great user experiences)
• How One Button Can Speed ​​Up Your Password Recovery Page (One Button Can Speed ​​Up Your 'Forgot Password' Flow)
• 10 methods for optimizing forms for mobile devices (10 Methods for Optimizing Your Forms for Mobile Devices)
• Excellent examples of design sites with good corporate identity (Great Examples of Website Design featuring Corporate Identity)
• Understanding the Golden Ratio in Designs
• UX design is not what you think. (User experience design is not what you think).
• How to tell a color story: the psychology of shades (How to tell a color story: The psychology of shades)
• 10 “Tried and tested” practices for smooth navigation on mobile sites (10 'Tried And Tested')
• Using the Web as a Designer Without Losing Your Mind
• How to draw a stick figure: a complete guide (How to Draw a Stick Figure: a Complex Guide)

Entertaining

• April Fool's Jokes 2015
• 14-year-old Windows XP still has more users than Windows 8 and 8.1 combined
• Cloud service OnLive closes in April, Sony bought 140 patents of the company
• Fight and search: why Yandex loses Google the battle for Russia
• The most honest programming language rating
• Featured on Medium: 5 Lessons I Learned in 6 Years of Work in SoundCloud
• Microsoft and the Internet of Things: From Smart Watch to Smart Metro
• Is it true desktops are dying
• Who are biohackers?
• 3D printing and prosthetics: how technology helps in creating artificial limbs
• 55 free online programming and management courses from Stanford, Harvard, Berkeley and others
• How the IT companies joked this year on April 1st

Go
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 .