The digest of interesting materials from the world of web development and IT for the last week No. 107 (April 27 - May 3, 2014)

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

Web development

• Explanation http2
• The idea of ​​animated navigation between pages.
• Creating a RDP client on Yeoman and AngularJS
• How to find time for your projects
• Web Fundamentals - a tutorial on the basics of creating web applications running on various devices from Google
• Collection of sorting algorithms with excellent visualization
• Web Components - Presentation by Addy Osmani (Google)
• The SourceJS Odnoklassniki team’s front-end project is a tool for creating documentation for web components.
• Extend the Web with components
• Understanding content in email templates
• Representation of a full stack of JS Amber - project template with Ember on the client and Node on the server
• How to use Yeoman generator
• Chrome DevTools in-demand features that you may not have known about
• Why developers should learn design
• Responsive design starts with URL
• Interesting techniques for optimizing a WordPress site
• Getting started with Grunt
• Programming sucks
• CSS vs JS animation: what's faster?

CSS

• SDPHP: too long to fit in line
• We optimize Sass mixins
• CSS form 101
• Simple animated CSS3 transitions that delight users of your site.
• And once again about clearfix methods
• Paul Davis on Icon Fonts
• Latest videos from CSSConf Aus 2014 talks
• Panoramic overview with CSS
• What is the difference between Sass and SCSS?
• Flexbox: a new generation of layouts in CSS ready for use
• Incomplete list of CSS design bugs
• apppie - semantic and modular CSS toolkit

Javascripts

• JQuery 1.11.1 and 2.1.1 release
• Why we decided to move from using pure JavaScript to using TypeScript for Babylon.js
• this in javascript: how it works and where it can be misleading
• What you can and cannot do in JavaScript: some best practices for better language learning
• Cleaner class-based controllers in AngularJS
• Embular - a comparison of Ember and Angular from 6 parts
• Features that I would like to be told when I was studying Ember.js
• Intel Galileo Microcontroller Programming with JavaScript and Node.js
• gestureKit is a developer kit for adding gesture support to applications.
• autopolyfiller - polypre in the style of Autoprefixer, but for JS
• vis.js is a library for visualization, consists of three components: DataSet, Timeline and Graph (IE9 +)
• Using AWS JavaScript SDK in the browser
• Single-page applications with a micro library page.js
• Morrigan WYSIWYG editor
• JSZip - a library for creating, reading and editing zip-files with a simple API
• Velocity.js - accelerated JavaScript animation to replace $ .animate ()
• Isomer - library for creating isometric images in HTML5 canvas
• seen.js - rendering 3D scenes in SVG or HTML5 canvas
• Powerange - cool range slider in the style of iOS 7
• AngularJS 101: Zero to Angular in seconds
• Background color animation
• SVG injection with javascript

Web tools

• Avocode - Photoshop for the coder
• Placeit: place your application on the stage! - service for displaying web applications on various photos
• Icon Pocket is a new generation service for creating your own collection of icons accessible through a browser or graphic editor.
• Perfect Icons - a service for generating social icons using iconic schrits
• ASCII to PNG Image Converter
• Trello - for structuring and joint organization of anything
• Choose a tool for creating wiframes
• JSON to CSV Converter
• Instant Search for HTML Special Characters

news

• Microsoft made group video calling on Skype absolutely free.
• Coursera has created a translation center and is developing the Russian-language market.
• 8 important announcements from the Facebook f8 conference
• Facebook has introduced a new mobile button Like
• Google released Docs and Sheets apps for iOS and Android
• Few rumors about the future of Google+
• Android’s share in the US mobile market is close to 60%
• Yahoo will not default to support Do Not Track settings for browsers.
• Amazon has opened a specialized wearable electronics store.
• Microsoft intends to abandon the Nokia brand and is already looking for a replacement
• "Cheburashka" instead of the Internet and four more surprises for users of the RuNet
• Android for the first time became the leader in terms of mobile advertising traffic.

Browsers

• Firefox 29 release with redesigned user interface
• Firefox 30-beta and Firefox 31-aurora exit
• New Firefox 29 for developers
• Experts recommend refraining from using Internet Explorer
• Microsoft fixes 0day vulnerability in Internet Explorer for Windows XP
• AdBlock Plus will no longer support IE6 and IE7
• Latest statistics from Net Applications : IE11 has overtaken IE9 + IE10 in total, Chrome gained over Firefox

Sites with interesting design and functionality

• Sites with unusual navigation
• guillaumejuvenet.com - nice SVG animation
• the100meterscroll.com - stand -up with scroll
• michelemazzucco.it is a cute site with a minimum of design and smooth animation.
• papertelevision.com - full-screen site with background video, parallax and animation
• extradeluxe.be - a bright interactive site with a large number of effects and high-quality illustrations
• www.ting.in - a stylish site with parallax and animation of objects
• ondo.tv - a site with a non-standard design and behavior when scrolling
• aquatilis.tv - a cool site on the marine theme

Design

• What should be able to modern art director
• Strict web design
• Why users enter less data if there are required fields on the form
• Invitation Design Examples
• PayPal has updated the logo, launches a global advertising campaign.
• Rosmolodezh extends the competition for the logo "Seliger-2014"
• Jazz logos
• Create a drawing of Lego elements in Photoshop
• Lest I Forget - the story of the designer Christine Rode with examples of works from the age of 12
• 'JIF' is a format. 'GIF' is culture
• Twelve Principles of Animation
• How to create a text effect depicting letters created from the Lego constructor in Photoshop
• How to create an animated sprite with a pixel-art character using Adobe Photoshop
• Collaboration in large design teams using Adobe Fireworks
• How to create light and flexible UI in Adobe Illustrator
• Industry Leading Designers Share Three Favorite Fonts
• Using origami to demonstrate gesture-driven application interfaces.
• Codecademy Design
• New PayPal logo is not impressive
• Tab Patterns - a collection of patterns for tablets
• Triple Toggle Interactive Switch Concept
• Future Interface - a collection of frames from movies with examples of future interfaces
• Behind the scenes of creating a new design version of Firefox: Australis tabi

A selection of free designer cookies

• 25 solar action for photoshop
• Free clipart: faceted stones
• Several photo backgrounds with green spring background with bokeh effect
• Flat Vector iPhone 5
• Two dozen layouts for the demonstration of logo designs
• Packaging with several stylish icons dedicated to graphic design (flat design, long shadows)
• Feather - a growing collection of vector monochrome contour icons
• More than three dozen flat color icons on SEO
• Captain icon - more than three hundred vector icons
• Iconic fonts for your next project on Bootstrap
• Two dozen sans serif fonts that every designer should have: from Alegre Sans to stylish Nue
• Anke Sans - modern sans serif font
• Stylish handwritten font Resphekt with Cyrillic

Demo

• Cammy is a simple orthogonal projection camera built with AngularJS and D3.js
• Isosurface Algorithm Tester

Entertaining

• The most profitable mining cryptocurrency: what you need to know
• What should be the ideal length of content on the web
• Robots are coming. Robotics Industry Overview
• Steve Jobs topped the rating of the most outstanding people of the 25th anniversary
• 10 reasons to upgrade to Windows 8
• Support gestures ... keyboard from Microsoft
• Bluetooth 4.1 will get direct access to cloud technologies
• How does the Lytro Camera work?
• Video calls to Snapchat came about thanks to the secret takeover of a startup developer of WebRTC solutions.

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 .