The digest of interesting materials from the world of web development and IT for the last week №126 (September 15 - 21, 2014)

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

Web development

• Principles of writing code
• Static sites: customization and optimization
• Input - a new font for programming
  
  ')
  
• Web components in the implementation of Polymer from Google
• HTML5 is almost a W3C recommendation
• StackOverflow introduces new functionality: JS / HTML / CSS launched snippets
  
• A detailed overview of the innovations for web developers in iOS 8: WebGL, CSS Shapes, IndexedDB, Navigation / Timing API and more.
  
• Beta Than Ever - release of Dribbble API v1
• Introduction to SVG Animation with SMIL
• Content sticking to the top of the viewport after scrolling (Scroll-Then-Fix Content concept)
• Bootstrap vs. Foundation: which framework is better?
• Making modal windows better for everyone.
• pageres - generation of screenshots of sites in various resolutions
• A look at the light sources in SVG
• Datalist support in Mobile Chrome
• Understanding and measuring events using the Chrome DevTools timeline
• Random images using Flexbox & JavaScript
• How is HTML5 different from HTML4? Updated the W3C document with all the details.
• Tips and tricks for working with Chrome's developer tools

CSS

• Getting started with CSS Shapes. Detailed article on html5rocks
  
• Safari and Opera follow the example of Chrome introduce support for CSS Shapes
• View CCSS (Component CSS)
• Trello CSS organization
• CSS audit: we carry out code inventory
• Effects for Off-Canvas
• Draw with CSS using a single div
• Learn about the style manuals for FrontEnd.
• The next solution for styling selects on pure CSS
• Creating Web Layouts with Susy
• Introduction to Icon Fonts with Font Awesome and IcoMoon
• Joining the Sass Revolution
• CSS Performance Tooling , presentation by Addy Osmani
• Selection of slides from the last Berlin conference CSSconf

Javascripts

• Surrealism on javascript. NodeJS Development Tips
• The Graphic Language Development Team has submitted the official p5.js JavaScript library.
• Presentation with impress.js - simple and elegant
• Kefir.js - a new library for functional reactive programming (FRP) in JavaScript
• Javascript Debugging - Console
• Five typical tasks on javascript, which allow to decide on interviews
• jQuery for beginners - data types and selectors
• Introduction to React's Facebook Library
• New templates for event handling in JavaScript
• Node.js Best Practices
• Best jQuery practices
• WinJS Everywhere - WinJS 3.0 release
• Using substitution in strings in javascript
• Adaptive and infinitely scalable JS animation
• AngularJS: one step at a time
• melchior.js - module loader
• Fitter Happier Text - a script that converts items with text into an SVG that occupies the entire width of the container
• Paths.js - SVG path generation for geometric shapes
• jQuery.localizationTool.js - a library for simple and fast localization of one-page sites
• Panels - Off Canvas jQuery Plugin
• Selection of slides from the JSConf Berlin Conference

Web tools

• SVGCircus - animated preloaders
• Online generator stylergad site
• GitHut - interactive language information on GitHub

news

• Mail.Ru Group bought 48% of VKontakte from UCP and gained full control over the social network
• Microsoft has confirmed the purchase of the developer Minecraft for $ 2.5 billion
• Alibaba holds the largest IPO in history and raised $ 21.8 billion
• Google 2.0: Larry Page spoke about the company's plans to create a high-performance airport and city
• Google and Dropbox have established Simply Secure to develop open security technologies.
• Facebook, Dropbox, GitHub, Google and Twitter have created a group to improve open source projects.
• The presentation of Windows 9 will be held September 30
• Google showed the first ultra-cheap smartphones Android One
• Apple reports new iPhone orders
• Yandex launched a recommendation system in Yandex.Music
• In VKontakte, more than 200,000 accounts have been blocked due to the hacking of Yandex mail, Mail.ru and Gmail.
• 3 new tablets and 2 e-books from Amazon
• Self-deleting posts may appear on Facebook
• Microsoft introduced the keyboard for mobile devices on iOS, Android and Windows

Browsers

• Opera 25 Beta: Bookmarks and New Express Panel
• Debugging in Chrome and Safari from Firefox Developer Tools
• The Cosmos mobile web browser is introduced, which allows you to organize a communication channel via SMS
• Chrome for Android has hidden functionality that displays answers to questions as you type them.
• Dimensions - Chrome extension for adding meters
• New features in Firefox Developer Tools: WebIDE, Storage inspector, jQuery events, iframe switcher and trivia
  

Design

• Interview with designer and illustrator Anna Alexandrova
• Turbodesign: 8 Tips for Designers for Productive Work
• Icon hamburger in web design
• Fallacy of the week: The logo can not cost a penny
• Working with kerning in Adobe Illustrator
• The designer created abstract objects based on numbers.
• Incredible work in the style of matte painting
• Interview with illustrator Dave Perillo, aka Montygog
• Optimization for 0.33% audience
• Apple watches show that Jony Ive took seriously typography
• The history of the creation of iOS applications Tiiny
• The laws of very bad dashboards
• Effective simplification of navigation, h 3: Interactivity in design
• 5 examples of basic behavioral patterns for mobile navigation
• BRIEFBOX - short practical advice to designers
• Apparently, a flat design was just a temporary trend.
• Using textures in web design
• How to use visual stories to create a delightful UX
• Three old UX patterns (and how to fix them)
• Lesson: creating an interactive infographic for Adobe Edge Animate
• Prototyping tools: move from working with Fireworks to working with Illustrator
• Nine fonts to be avoided in 2014
• Logo designs of character icons from TV
• IOS 8 design concepts
• Create Interactive Infographics with Adobe Edge Animate

A selection of free designer cookies

• Apple Watch, fully vector including case and strap
• Official Apple Mockups
• Two and a half dozen mokapov with iPhone 6 & iWatch
• Five Best Mockups with Vector iPhone 6
• Vector UI Kit for iOS8
• More than three dozen GUI: edition of the end of summer 2014
• Mockups for logos on the background of rusty metal phototextures
• Free hand drawn vector clipart
• Stylish set of vector icons “Retro Fashion Icons” by Vecteezy
• Set of outline food icons vector
• Icon set for iOS 8 Jellycons applications (PNG, Sketch)
• UltraIcons - set of outline vector icons
• A set of round icons Gallericons with a flat design in PNG / Sketch formats
• For fans of typography: three dozen decorative fonts, from QG to Mondrian
• Luthier - serif font by Adrià Gómez
• Voga - serif font

Demo

• A beautiful experiment with many particles and fluid imitations in WebGL
• Jenga - Physijs
• disintegration

Entertaining

• Week after Apple presentation:
  
  • 10 major innovations iOS 8
  • iOS 8: review of innovations
  • First look at the Apple iPhone 6: Joni, get around!
  • IPhone six, day one - impressions of the Russian owners of new smartphones from Apple
  
  
• Codemonkey - an exciting learning programming for kids
• Simplify: psychological techniques to improve project efficiency
• What are the salaries of the staff of the largest IT companies in the world: Apple, Google, Facebook
• Housing problem: How Google employees lived in a parking lot near the company's Californian office
• This is a hoax to get classes - the reaction of social networks to buy VKontakte by Mail.Ru
• The German virus Harkonnen Operation has worked undetected for 12 years - a new record?
• Local Motors has printed an electric car on a 3D printer
• Half empty set - analysis of databases with passwords from Gmail, Yandex and Mail.ru mailboxes
• New chips for the Internet of things will be autonomous and ubiquitous
• True or False: 6 high-profile statements by the creator of Minecraft
• 10 most powerful supercomputers on the planet
• Who is who: Smart watches
• New videos with Windows 9 features are published on the Internet.
• A visual comparison of the spacecraft ever appeared in science fiction films, TV shows and games

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.

Upd: added a poll - is it worth adding screenshots to some materials, as in this issue, or is it too much and will only add extra mileage to the scroll

Digest from last week .
Material prepared dersmoll and alekskorovin .