The digest of interesting materials from the world of web development and IT for the last week №131 (October 20 - 26, 2014)

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

Web development

• SVG Animation Guide (SMIL)
• XNG: Solving GIF problems via SVG
• Tags of the week from DevShelf.us , hub articles on web development: the best articles on the topic of SVG and GruntJS .
• WebStorm 9 release: support for Meteor, React and JSX, as well as Gulp integration and other buns
• An example of an FE development process
• Chrome and Android are pushing HTML5 further
• Google and html / css code quality
• An updated, supervised selection of materials on optimizing web productivity
• Creating a one-page application using web components
  
• SVG Optimization for the Web
• More efficient and organized process of working with SVGs
• ZorroSVG - replacing heavy translucent PNGs with JPG with SVG mask
  
• SVG and colors in OpenType fonts
  
• How does SVG Shape Morphing work
• Top SEO Myths and Misconceptions
• HTML5 Rockstars: an interview with the developer Foot Chinko
• Squeeze the Web - Detailed article on MSDN blogs dedicated to optimizing web content.
• Top 10 Codepens of the Week # 11

CSS

• Fast loading of web fonts on responsive sites
• Resilient animation effect when changing slides with SVG
• Does the file with styles for printing slow down your site?
  
• "Axiomatic CSS and Lobotomized Owls" - About the usefulness of the selector * + *
  
• CSS last-line: control the beauty of the last lines with the help of “widows” and “orphans” when printing and not only
• CSS, about which you know nothing, part 1
• CSS {all: initial} for resetting left styles that appear after connecting various widgets
• About the Base64 SVG feature
• Accordion "or a drop-down menu on pure CSS (works on hidden checkboxes)
• CSS post-processing with Pleeease
• Create a typical style guide.
• Improving Media Queries Writing with Sass
• Debugging Sass Maps
• REM Sass Mixin with fallback pixel
• For those who were not aware of: The background can be positioned all the way and indented: background-position: bottom 30px right 30px
  

Javascript

• PassGenJS. We generate passwords in Javascript with the indication of reliability
• Expressive JavaScript: Higher Order Functions
• BlackHole.js with leaflet.js maps
  
• We study Javascript by going through the bones of Backbone.js
• Advanced use of objects in javascript
• How to apply filters and effects to an image using javascript and canvas?
• Starting to learn React.js
• Announcement of the opening of the Node.js Advisory Board
• Nginx has big plans for javascript
• Visualization of data using JavaScript (electronic online book)
• Data binding using Object.observe
• Introduction to HTML5 Speech Synthesis API
• WebRTC Made Simple
• Filter Flexbox: Dynamic Image Gallery
• JavaScript compatibility checker - check which browsers support your JS code
• Using Backbone for html5 canvas
• Basic Anatomy of Ember Applications
• Using React.js to draw dynamic SVG images
• Simple JavaScript plugin development using gulpjs
• Table of Contents (TOC) Generator - automatic content generation
• Making a Twitter feed in real time using Node and React.js
• Run ServiceWorker without breaking the web
• Javascript and ui in netflix

Web tools

• Mailbox Designer
• removephotodata.com - remove private meta-information (geolocation, time, date) from the photo in a simple and fast way
• BADA55.io - colors for geeks

news

• New Mail - Inbox from Google
• Gmail added user authentication with Security Key
• Ubuntu is 10 years old! The new release of Utopic Unicorn is available for download.
• In Russia, tablets generate at times more traffic than smartphones
• Microsoft is preparing for the release release of "smart" hours?
• "Rostelecom" will create a "Communicator" - the Russian equivalent of Skype for 73 million rubles
• Google shares fell after quarterly report
• Google will open the store "parts" in the style of the Play Store for modular smartphones Ara
• Microsoft has admitted love for Linux
• Sundar Pichai now controls almost everything in Google
• Official: Nokia Lumia smartphones will be renamed Microsoft Lumia

Sites with interesting design and functionality

• Sites of famous artists
• photoworld.com/photos-on-the-web - a vertical site that allows you to estimate the number of photos uploaded to Instagram
• Time Machine - site-time machine, with the appropriate design and timeline
• exhibitions.guggenheim.org/zero - a site with completely non-standard navigation
• mintdesigncompany.com - handmade website design with author's illustrations and animation.
• fight4pride.ca - interesting effects of guidance and creative solutions for animation in the slider
• twofold.com - a site with a nice scroll animation
• alectia.com - nice effects and transitions between pages
• impossible-bureau.com - site of the week, portfolio, using impressive design solutions
• nomoresnooze.com - technically advanced promotional site
• New promo site Far Cry 4 is very well implemented (in some places)
• www.montere.it - a site with nice animations

Design

• Size Marks is a Photoshop script that turns a rectangular selection into a dimension label. It helps the designer and front-end engineer to prepare the layout for the layout.
  
• Logos of the best restaurants in the world
• A comprehensive guide on parallax scrolling: best practices, examples and lessons
• Jonathan Ive Chat with Graydon Carter
• Interview with illustrator Robert Iza
• Psychology in web design: how colors, fonts, and space affect your mood
• End of applications as we know them.
• Identity Conference The Chicago Wiggle
• Identity for MIT Media Lab
• Positioning SVG in sprites
• Monodraw: the birth of icons for the application
• Pixelmator for iPad - a new graphic editor.
• Photoshop vs Sketch
• Lesson: turning summer into autumn in Photoshop
• Create an icon font with Illustrator and IcoMoon
• How to use UI design patterns
• Sketches for iOS (sizes iPhone4 - iPhone6 ​​plus)
• The state of web design in China
• Making your first prototype with Framer
• Font combinations: ten sites for inspiration
• Affordable design for alternatively seers: color contrast tips and tools
• 11 cloud tools for web designers

A selection of free designer cookies

• Stylish backgrounds for your design.
• IOS device mockups for Sketch.app
• Eight sources of free ui-elements
• PSD with load indicators
• Seven mokapov smartphone and laptop in PSD-format
• Yosemite Dock Icons
• Music Player Layout (PSD)
• Labels in vector format dedicated to All Saints Day
• A collection of graphic resources dedicated to All Saints Day
• Icons with touch gestures
• SVG icons introduced in Material Design by Google
• Halloween icons: more than fifty icons for All Saints Day
• Lulo clean outline bold - sans serif font
• Curely - handmade decorative font

Entertaining

• Ubuntu 10 years. Developer Memories
• A miniature 3D printer will cost $ 189
• Best at Medium: How to set up a startup and not ruin your life
• How do they work in Google office
• How do Google data centers look from the inside?
• Flying skateboard from “Back to the Future” conquers Kickstarter: $ 250,000 for a couple of days
• Work from nine to five is hopelessly outdated
• Windows 10: A dozen of the most requested features.
• 10 top Android 5 chips

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 .