The digest of interesting materials from the world of web development and IT for the last week №120 (August 11 - 17, 2014)

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

Web development

• Web cartography and SVG effects
• SVG, Iconfonts vs PNG
• Development of a vector editor on JavaScript (complexity and ideas)
• Automation frontend - from simple to complex
• Gulp + Browserify and everything, everything, everything
• Create responsive web pages using Chrome DevTools device emulation mode
• W3C proposes an image description extension extension using the longdesc attribute
• Git, Bitbucket and you
• A simple example of what ARIA does and what it does not do.
• Understanding the coordinate system and SVG transformations (part 3) - creating new visible areas
• Problem with using HTML import in web components to manage dependencies
• Animated GIF WordPress Plugins
• A selection of CSS and Javascript libraries for creating animation effects.
• Video from HTML5DevConf Acceleration of Mobile Applications with GPUs from David Arel
• We improve the 404th page

CSS

• #DevTools trick: Ctrl + Click on CSS to find its source
• LESS? - opinion of the layman-maker-up or designer with the experience
• Introducing the CSS3 structure selector: first-of-type
• CSS Guidelines 2.0.0
• How does the CSS on Groupon
• Complete guide to grids
• Switchable SVG Icons
• CSS “position: sticky” - introduction and polifila
• Flexplorer - a sandbox for a visual demonstration of the work of Flex-properties
• shrthnd - shorthand CSS transformation
• Spring animations
• CSS use and abuse
• First CSS variable: currentColor
• How Much Is An Em?
• Parallax scrolling on pure CSS
• A strange trick with Baseline-Align Text to solve typography problems
• Bending sheet in 3D on pure CSS
• Tic-tac-toe on pure CSS (and HTML)

Javascript

• Dependency Injection. Javascript
• Top 10 Common JavaScript Mistakes
• Javascript - weird parts
• Self-confident review of popular JS frameworks
• Synthesizing the sound of thunder with JavaScript
• How to add animated transitions to pages using CSS and smoothState.js
• Quick insert YouTube videos using javascript
• HTML5 File API: Features and Support
• How to use the Network Information API
• Backbone directives
• Adding Clarity to Angular Scoping
• Explanation of isolated scope in AngularJS
• Angular Plasmid - DNA structure visualization
• Shift habits to write functions in the old way
• PerfBar - evaluation of metrics and site performance
• Marka - plugin for animated icon transformation
• Many ways to use ngClass
• Snapshot.js - NodeJS application for processing, sorting and filtering a huge amount of information
• Tablesaw is a flexible solution for adaptive tables.
• Amygdala - JavaScript REST Client
• JavaScript: digital clock with Johnny-Five + Arduino
• PojoViz - visualization of JS objects
• VIDE - a simple jQuery plugin for creating full-screen background videos
• DOM Compatator - JS library for analyzing and comparing two HTML strings (works in Chrome)
• Another jQuery plugin to set blocks of the same height
• VenoBox is another responsive jQuery lightbox plugin suitable for images, inline content, iFrames, Google-Maps, Ajax requests, Vimeo and YouTube

Web tools

• Moodboard - share your design ideas without registering
• New editor Slides.com
• Project Management Web Applications Available for Download
• Visual checklist for web designer
• Papa Parse - a powerful browser-based CSV parser

news

• Google fined UK reference networks
• The creator of the first pop-up window apologized to the Internet
• China's heyday: Baidu challenges Google
• Bill Gates, Tim Cook, the heads of Google, Twitter and Amazon are covered in icy water
• Intel: Discontinuing support for Windows XP did not affect the recovery of the PC market
• VKontakte will launch a separate messenger, music application and its Instagram
• KitKat's share of the market for Android devices for the first time exceeded 20%
• The presence of Microsoft operating systems on the market is declining
• Owner Tinder and Vimeo bought Ask.fm from the founders

Browsers

• Opera Developer 25 or Returning Bookmarks 2
• Microsoft wanted to rename Internet Explorer to disown the past
• IE 8 support will end in January 2016
• Promised regular IE updates
• Internet Explorer celebrates its 19th anniversary
• Details on the latest F12 developer tools in the August IE11 update
• Google Chrome will notify you when downloading misleading software.
• Chrome browser will get an account management system in the spirit of Chrome OS
• Chrome browser has learned to show previously viewed pages without an Internet connection.
• Power Comparison Chrome, Firefox and IE
• Alternative way to define the browser - using HTML5 canvas

Sites with interesting design and functionality

• volkshotel.nl - drawn animation and illustrations
• ThenNow - an interestingly implemented drag-slider comparing “Before and After” photos
• wander-lust.ro - a site with pleasant parallax and animation effects

Design

• How did you start using [x] in the design of graphical interfaces
• Improving Web Application UI
• Graphics from old games in web design
• E-book "Web UI Design Patterns 2014"
• Should we adhere to the principle of Above-the-Fold in design?
• What I learned in one year as a grocery designer
• What is product design
• Guide for designers on the concept of DPI
• Principles of website design from Google and AnswerLab
• thecreativeclass.tv - video interviews with people from the creative industry
• Intro Screen: A Beginner's Guide
• Five dozen business cards with super-creative design
• We draw a cheerful illustration of the summer traveler in Adobe Illustrator
• New vector graphics software Inkscape, a new version of which will be released soon
• Creating music style stickers in Adobe Illustrator
• Redesign the 'Get Info' menu on MacOS
• Proposed Adidas Redesign
• Illustrations of famous bald heads
• Typography without borders: four dozen lessons with typographic effects implemented in Adobe Illustrator
• FF Franziska font design

A selection of free designer cookies

• Pexels - new site with free photos
• Wicker bamboo photo texture
• Six generators for creating backgrounds with abstract graphics
• Website template in red-gray colors (PSD)
• Mocap with brand accessories
• Set of vector icons with retro cars
• A set of four dozen vector icons depicting household electronic devices
• Cutlery Icons - a set of icons dedicated to the kitchen
• Mondrian - decorative sans serif font
• BRIG - sans serif header font
• Hans Kendrick - sans serif font

Demo

• Space flight among asteroids in the Google Chrome Experiment
• css3 demo cube
• Hextris - an entertaining game and another time killer
• Pillow tetris
• The guys from Redmond offer an algorithm for processing video shot from the first person for the effect of Hyperlapse

Entertaining

• NASA first prints space camera on 3D printer
• Microsoft showed how to turn a regular camera in Kinect
• Warriors of the future. Fascinating and frightening robots Boston Dynamics
• Soaring bluetooth column in the form of "Death Star"
• 13 design objects that violate the laws of gravity
• Scientists have learned to listen to smartphones through the built-in gyroscope
• Why restarting saved Foursquare from imminent death
• "Mac vs PC" returns: Microsoft troll Apple in advertising its tablet
• How do think geniuses: 12 rules of life Stephen Hawking
• 10 home computers of the beginning of the computer era
• Pebble, OUYA and 7 more successful projects on Kickstarter
• Why the surveillance companies hate the iPhone

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 .