The digest of interesting materials from the world of web development and IT for the last week №132 (October 27 - November 2, 2014)

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

Web development

• HTML5
  
  • W3C Consortium Approved HTML5 Standard
  • Road to the "top five" (on the status of W3C Recommendation for HTML5)
  • The HTML5 standard has reached W3C recommendation status . + W3C Animation Video on Standard Work
  • What are the biggest challenges for HTML5? . Developers share their opinions
  • HTML5 is ready, but two groups are still fighting for the future of the web
  
  
• Top Sublime Text Plugins
• HTML generation: more convenient than helpers and pure HTML
• 84 percent of developers use open source software.
• Video of reports from the last conference of the Web Standards community held in Minsk
• Video from the conference Modern Web Conference 2014
• SVG filters. Part 1. Basic concepts and types. Apply to images to create graphic effects.
• Halloween Making a horror movie character from a regular doll using svg-filters.
• Create an animated SVG icon using Snap.svg
  
• Supervised list of materials on Web components
• Resize and crop images with Canvas
  ')
  
  
  
• Forgotten in adaptive image specifications: image-set ()
• SuperStatic - static web server with pushState support for HTML5 applications
• Templates, design and ideas for animation of site elements in separate selections on Codepen
  
  
  
  
• Guide to creating even better and faster WordPress sites
• The book “Pocket Guide To Writing SVG” becomes free and goes to Open Source . The guys from css-live.ru undertook to translate the book, and now the translation of the Introduction and Chapter 1 is available.
  
• themosis - a framework for WordPress-developers
• Take control of CSS / JS loaded with WordPress plugins
• A selection of tutorials on Google Chrome DevTools

CSS

• Create a grid using Susy
• CSS trick to support SVG in older browsers
• "Anti-hero" layout in CSS - "display: table"
• Specificity Graph
• Drop-down lists with information for various field types
  
• Another selection of creative hover-effects on CSS for blocks with image and text
  
  
  
  
• Animation of shapes in CSS with the effect of flowing drops
  
  
  
  
• SVG Fallback on pure CSS
• The easiest way to make columns of the same height (Say hello to Flexbox)
• Cubic Bézier Sass Reproduction
  
• Tutorial on creating full-screen CSS3 menu and demos with examples
• cssplot - graphics on pure CSS
• RGBChallenge - a game to guess one of three colors using RGB code

Javascript

• Native smooth scrolling with JS
• Expressive JavaScript: The Secret Life of Objects , E-Life Project
• TypeScript and the path to version 2.0
• jQuery 3.0: future generations
• jQuery 3.0 and jQuery Compat 3.0. What is the difference and difference from the current versions?
• Meteor 1.0 released
• Canvassing - a book about working with HTML5 canvas
• Understanding Delegation Events in JavaScript
• Static typing in JavaScript - initiatives in Microsoft TypeScript, Facebook Flow and Google AtScript
• Presentation by Tim Taubert on the introduction to the WebCrypto API
• ES6 modules today using 6to5
• Web component integration with AngularJS
• JS and Electronics: Intel Galileo : stand-alone managed rover programmed using javascript, javascript on a flash drive
• Ember Evolution: A Look into the Past, Present and Future
• React.js: Let's get to know Flux, React architecture , and also awesome-react - a collection of resources dedicated to this library.
• AngularJS
  
  • Angular-JS.in - supervised list of guidelines for Angular
  • Using Yeoman with AngularJS
  • Angular KickStart - scalable build to speed development on Angular
  • All about filters built into AngularJS
  
  
• Walkway.js - animation of SVG images drawn with lines and path elements
• 5 libraries and APIs for manipulating HTML5 Audio
• A few thoughts on bower
• Why we should stop using Grunt & Gulp
• Work with phone numbers in JavaScript
• nomejs is a powerful library for working with HTML5 geolocation and geo-information
• We use HTML5 File API for local work with files in the browser.
• Looking for the perfect JS framework

Web tools

• Coolors - color palette generator
• Overview of the most popular editors for working with external APIs
• Front.in - another sandbox for HTML / JS / CSS code
• An extension to Chrome that adds links to repositories in GitHub when viewing a package or bower files

news

• 29.10 .2014 - the Internet 45!
• Global Network is 45 years old. How it all began
• Yandex has released an application for typing voice Yandex.Diktovka
• End of an era: Microsoft stops selling Windows 7 licenses for the consumer segment
• Designer Artemy Lebedev received 34% anekdot.ru after returning the site to the founder Dmitry Werner
• Twitter and IBM Announce Partnership
• Apple's share of the tablet market has fallen below 23%
• YouTube will allow users to disable ads when they purchase a paid subscription.
• Microsoft implements Skype in a browser using WebRTC
• Microsoft unveiled a $ 199 Smart Bracelet Band and a Health Data Collection Platform
• Google's first prototype of Ara shows signs of life
• Android creator Andy Rubin leaves Google to create an incubator for technology startups
• Goodbye Google, hello, Lenovo: Motorola changed ownership
• Youtube started to support 60 fps, first examples
• Tablet market: Apple is falling, but remains first, Samsung is catching up

Browsers

• Who are Google, Mozilla and Microsoft friends with? Or is SHA-1 a thing of the past?
• UC Browser v10 - every day we open a new one!
• Yandex.Browser is now for Linux
• Net Applications: IE11 is the first browser in the world

Sites with interesting design and functionality

• A site that allows you to explore our galaxy in a browser
• ideus.biz - a creative web studio portfolio site, with animations on CSS3 and Canvas and using BEM
• Microsoft Band Promo Site
• A selection of relatively fresh sites with an impressive parallax effect.
• ogicart.pl - vertical site with smooth scroll animation and parallaxes
• builtbyg.com - site with a non-standard text loading effect
• Jam3 - an interactive website with canvas animation and lots of effects.
• blog.webbb.be - non-standard site layout and modern effects
• wonderfruitfestival.com is a colorful vertical site with an interesting design.
• lighthousebrewing.com - another vertical scrolling site, with parallax, animations and fun design

Design

• Cross-platform interface and platform interface
• How to create a style guide for web design
• Fluffy typography
• Laconic web design
• BBC Mobile Accessibility Guidelines
• Design in detail: Inbox from Google
• How Gmail attracts new users to Inbox
• Product Design Interview @ Facebook - Julie Zhuo
• What web designers can learn from Google’s Material Design concept
• Guide to clever pop-ups
• IOS Redesign Piazza Apps
• Works of designers with their own tombstone dedicated to All Saints Day
• How to draw a neon illustration of a skull-style girl portrait in Adobe Illustrator
• Playing with the Blend tool and tracing to create a simple illustration with a cat walking along the fence in Adobe Illustrator.
• Sweden has its own font

A selection of free designer cookies

• VELOSITEY PHOTOSHOP EXTENSION - creating prototypes of website design in seconds
• Free source for Halloween photo manipulations
• Several stock photos of modern architecture
• Pixel patterns with transparency to overlay on images
• Four background patterns with flat design
• Apple Watch PSD Design Concept
• Flat Vector Mocap iPhone 6
• Set UI Coloristic
• Vector calendar for 2015 with a flat design and abstract geometry.
• Swish - decorative sans serif font
• Set of vector icons dedicated to winter
• More than six hundred vector silhouettes of people, animals and household items in one package
• Android icon template for .sketch
• Packaging with flat SVG icons
• Pack of over a hundred hand-drawn vector icons
• Icon Set with Flat Design Ballicons 2 (PSD, SVG, PNG)
• Chelsea - decorative sans serif font
• Cargan Light - serif font
• Ten high quality fonts: from Brela to Libre Caslon
• Two dozen fresh fonts: from Neris to Bebas Neue

Demo

• SculptGL - Practice Sculpting with WebGL
• InspiroGraph
• Write a message to a friend on the pumpkin
• Tis - Tetris in 4 KB code
• Autumn leaf fall with WebGL
• windows93 in browser
• Magic implementation of the walking castle on codepen
• Top 13 Codepens of the Week # 12: Halloween Edition

Entertaining

• 20 unexpected discoveries made through data analysis
• Interesting interview with Tim Cook at WSDJ
• How to help science right now
• Zuckerberg's plans for 10 years: leadership among instant messengers and computing platform for Oculus
• Foursquare without Swarm: What turned the division into two services
• Apple, Tesla, Samsung, Yandex, HTC, Rambler and Amazon - the history of the origin of the names
• What did Tim Cook do with Apple
• Google will close Gmail in the next 5 years - Computerworld columnist

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 .