The digest of interesting materials from the world of web development and IT for the last week №105 (April 13 - 19, 2014)

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

Web development

• 15 template engines for front-end development
• How to make Flappy Bird on HTML5 using Phaser
• Web Application Creation Book: A Practical Guide to Web App Success
• How to solve merge conflicts in git
• Single line credit card field pattern
• video-js - a component implemented using Polymer
• Shadow DOM view
• How to make off-canvas navigation
• SVG Animation with svg.js
• Advanced trajectories in animation
• Overview of the most popular stylegide generators
• Gulp Boilerplate V2: a simple gulp start template
• Web Components and You: Dangers to Avoid
• WEBPLATE - another static framework

CSS

• SVG design options
• background-position-x / -y will be part of the standard
• Twelve Little-Known Facts About CSS
• Typekit Practice - Web Typography Tutorials
• CSS Interactive Glossary
• Understanding Temporary Functions in CSS
• TLDW: TooLongDidntWrap - about solving the problem of line breaks with long words without spaces
• SVG Animation with CSS
• Extension for Brackets Editor - CSS Shapes Editor
• Organization of CSS code for preprocessors
• For those who start working with Sass
• How Sass 3.3 will help you solve problems with RWD
• How to use the Myth CSS preprocessor
• Off Canvas menu with CSS3 transitions and transformations
• New Jeet.gs. - mesh for people
• BASSCSS - another static framework
• Lannister limb animation

')

Javascripts

• Adventure game that is played by changing its Javascript code
• How-To: Substitute asynchronous HTML / JS code using JS
• The Birth and Death of JavaScript - a video with a performance by Gary Bernhardt
• Seven quirks of JavaScript, which I would like to know earlier
• Javascript puzzlers! - tasks with non-obvious answers
• jQuery: multiple AJAX and JSON requests, one callback
• Introduction to MEAN (MongoDB, ExpressJS, AngularJS, Node.js) - all JS application development
• Mixins, Forwarding, and Delegation in JavaScript
• The future of JavaScript animation with Famo.us
• The lesson implemented on Backbone took up 260% more code compared to the implementation on Angular.
• Seven tried and tested rules for Backbone.js for creating great web applications
• FileSaver.js - generation and saving of any types of files directly in a modern browser without accessing the server
• Data transfer in Google Chrome extensions
• Kernel Kendo UI is made free and put on GitHub
• Picker - color selection dialog
• VLEX - Vector Layout Expressions, a library for implementing applications with interactive vector graphics
• Tagster - a simple library for creating html lines
• scrollToBySpeed - plugin to control the speed of scrolling to the specified object
• taggingJS - cross-browser jQuery-plugin to add fields with tags
• Adaptive SVG with VLEX
• Writing the best JavaScript with Promises
• MotionDetector.js - JS library for motion detection

Web tools

• Five tools to create your own font
• Spine provides high-quality 2D animation for HTML5 games.
• Trianglify - JS library for generating abstract geometric background in SVG and CSS
• Creating a website using the Startup Framework designer

news

• Habrahabru - 8 years old , Happy birthday, Habrahabr!
• Rambler & Co plans to launch mobile TV
• Google developed an algorithm that runs CAPTCHA in 99.8% of cases
• Released WordPress 3.9 release “Smith” ( Known difficulties and problems with WordPress 3.9 )
• Schema.org goes to action
• Dropbox buys Loom and Hackpad services
• Facebook is ready to launch its payment system.
• In the output of Google and Bing, extended snippets will appear, containing LinkedIn profile data.
• Music recognition feature will appear in iOS
• Bing launches personalized info cards in the web version of the search
• Gmail has the ability to quickly add photos from Google+ Photos
• Updated rules allow Google to analyze user content.
• Google introduced the design of modular smartphones Ara
• "Zuckerberg will call" and TJournal unite
• DARPA closely engaged in the development of cyborgs

Browsers

• All major technologies implemented (or which are going to be implemented) in popular browsers with a convenient filter
• What's new in IE11 F12 after Windows 8.1 Update
• How to download and install Google Chrome without launching Internet Explorer

Sites with interesting design and functionality

• activetheory.net - cool portfolio with 3D transformations
• marvel75th.tristanfarneau.fr - retrospective of Marvel comics
• contactive.com - single page application presentation
• wybieramyklienta.pl - an unusual vertical site with an entertaining scrolling animation
• jamesorjamie.com - horizontal slide site
• makehair.com.au - unusual navigation animation and other interesting elements.
• Xbox gift card
• 30 great examples of fixed navigation in web design

Design

• Examples of using icons in web design
• Interesting examples of loading in web design
• Sharp corners of web design
• Call to action button design guide
• Google Designer: Details improve mood and usability
• Google intends to change the design of the icons of its Android applications
• Examples of good design contact pages.
• The psychology of the design of boxes of cereals and cereals
• Dot's dictionary is an illustrated graphic design tutorial.
• Five fundamental rules that every web designer must understand
• Detailed article on design "Designing in the Borderlands"
• How does modern design work?
• Photoshop Performance Optimization Guide
• Two and a half dozen lessons on creating retro and vintage compositions in Photoshop
• Ten things you need to know about Smart Objects in Photoshop
• A good call-to-action solves!
• How to mislead users by visualizing data
• Film cassette covers as a responsive design pattern
• Why users enter less data into forms if required fields are provided
• New features in Sketch 3
• Illustrations for Pinterest
• Ux cars
• Wikipedia Design Concept
• A proposal to improve the design of the Shift button in the keyboard iOS7
• How to successfully select combinations of fonts
• 17 web typography tips that will make your site more professional

A selection of free designer cookies

• Free brushes, ribbons for photoshop
• Free Famous Fonts
• iOS 7 UI Kit Photoshop Action Set
• A dozen floral textures for spring design
• Awesome UX kit - a set of twenty-six airframes for iOS7 (iPhone) and two brushes for Adobe Illustrator
• Mockups for Android Wear UI in PSD format
• Four and a half dozen round flat icons with long shadows
• A small set of vector icons from DealFuel
• A set of colored icons with a flat design on a household theme.
• Packing with vector icons (a little less than three hundred icons)
• Nine sets with icons: flat and contour, on the theme of weather, food and household signs, to diversify your library
• Nord - thin sans serif font
• Intro - thin and thick fonts from the family containing 50 styles and styles
• SIMPLIFICA - elongated sans serif font

Demo

• Responsive man
• Isotopic 256 chemical clone 2048
• DollyZoom.js - experiment with video effect
• 3D code page animation

Entertaining

• Evernote and Moleskine presented a synthesis of notepad and applications
• Google bought drone maker Titan Aerospace
• Google introduced the design of modular smartphones Ara
• Google developers accidentally hacked their own system
• Apple, Samsung and others will introduce a "death button"
• Why heartbleed went unnoticed for two years
• AIM - the story of the legendary messenger
• Total line: 3 errors when determining KPI for employees
• Mark Zuckerberg told about the failures and future of Facebook

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 .