The digest of interesting materials from the world of web development and IT for the last week No. 73 (September 1—7, 2013)

We offer to your attention another selection with links to news, interesting materials and useful resources.

Web development

• HTML5 and drag & drop multiple objects
• Math in pictures
• Comparing and contrasting ins, del, and s
• DevTools Snippets - a collection of snippets for use in Chrome DevTools
• 3D in browser: WebGL vs. CSS 3D Transforms
• HowToCode.io: working with fonts (video)
• Sliding Horizontal Layout
• Internationalization API tips and tricks
• Detailed crib with information about favicon
• Technique Progressive Enhancement is still fast and relevant , although there is an opposite opinion
• Custom Elements - Web Components Gallery (created using Polymer)
• ChocolateChip-UI - a framework for creating mobile web applications that look natively in iOS7, Android Jelly Bean and Windows Phone
• uikit - a review of the relatively new frontend framework
• frontify is a web specification engine for interactively describing design elements and generating style guides for the frontend.
• Bootstrap Grid Builder - to build a grid under Bootstrap 3
• Comparison of the performance of components of Bootstrap from version to version and explanation of how this was done
• About the implementation of dots in the text
• Interview with Lea Verou
• The authoritative magazine "Smashing Magazine" is 7 years old

CSS

• Full Flexbox Tutorial
• -ms-filter generating bugs. Be carefull
• Making hyperlinks is not so simple!
• We start writing CSS - an interesting overview article with the introduction of the concept OrganicCSS
• Having fun with SASS and icon font.
• Designing For Emotion With Hover Effects
• Master of the: nth-child
• Create CSS3 - convenient CSS3 snippet generator
• Using Native Variables in CSS3
• Volumetric button on CSS3
• CSS3 Ping Pong Animation
• CSS3 Rating Stars

Javascripts

• Dave Matwin: jQuery create personality
• Release Ember.js 1.0
• Getting started with Grunt
• Pen Editor - edit the content while on the page, Grande.js is a similar editor but with a smaller set of options
• dsjslib - a collection of data structures and utilities (written on Node.js)
• hopscotch - a framework for creating page guides
• jTap - event of a click for touch devices
• favico.js - add labels, pictures and animations to favicon
• heapbox is another replacement for the standard <select> component
• Transformation of images from mouse movement and touch events
• JSModeler - JavaScript-framework for creating and visualizing 3D models
• Physics "R" us - physical 2D engine
• Bobun - UI-oriented backbone library
• Backbone Eye - Firebug add-on for debugging backbone applications
• Ember Inspector - addition to Chrome for debugging ember-applications
• Visualization of javascript processes over time using DevTools Flame Charts

Browsers

• The most popular browsers in Eastern Europe
• Google Chrome Anniversary - 5 years
• Epic Browser : a secure browser based on Chromium
• THEHKING: Firefox vs Chrome

Web tools

• Prototypo - developed service for creating your own fonts
• compileonline.com - compiling code of almost any language
• Embed Responsively - makes adaptive third-party components (YouTube / Vimeo / Dailymotion video, etc.)
• Compressnow - image compressor with some settings

news

• Nokia + Microsoft =?:
  
  • Microsoft buys Nokia Devices & Services division for $ 1.5 billion cheaper than it bought Skype. Goodbye, Nokia - long live Microsoft - the death of the former legend
  • Microsoft told about the success of cooperation with Nokia , the details of the transaction and their plans, and Ballmer confirmed that Elop is a candidate for the post of head of Microsoft
  • Nokia smartphones will no longer be
  • I Nokia . My story of the most beloved brand in life, History of Nokia (1865–2013), 10 iconic Nokia models
  • How everything was in fact , as well as the process visualization
  
  
• Samsung:
  
  • Samsung introduced new devices at IFA 2013 , a detailed review of the presentation
  • Samsung Galaxy Gear with your own eyes : the future has already come, A look at the Samsung Galaxy Gear is not Montana !, launching applications
  • Samsung Galaxy Note 3 , Samsung Galaxy Note 3 with my own eyes
  • All new SAMSUNG products in 4 minutes
  
  
• KitKat:
  
  • Google Android 4.4 will get the code name KitKat
  • Official Android KitKat creative page from the Android team
  • Not less creative page KitKat 4.4 from the bar
  • KitKat, or How Parkinson's Triviality Law Helps IT Press Survive
  • Funny, but very real forecast about the future versions of Android
  • Nokia trolling about this
  
  
• Corporations:
  
  • Apple sent out invitations to the presentation on September 10
  • Kodak is afloat again, not bankrupt
  • New Yahoo! logo
  
  
• Snowden has shed light on the cryptographic hacking situation. Everything is bad
• Amazon announced a Kindle Paperwhite sample 2013
• Qualcomm Toq - the right smartwatch , Sony SmartWatch 2 will go on sale by the end of September, and 10 smartwatches are as good as the Samsung Galaxy Gear
• Sky began broadcasting football matches in 4K format
• Google conducted a virtual simulation of moving balls in the stratosphere for the Loon project
• Google is preparing to confront the equipment market
• The founder of the file-sharing service Megaupload Kim Dotcom (Kim Dotcom) announced the imminent launch of his own political party in New Zealand
• Windows 8 is gaining weight in the desktop OS market, and Windows Phone 8 will receive a new mode of placing tiles on 1080p screens
• 14 new languages ​​appeared in the Yandex.Translate service, now the service speaks 33 languages
• Bing launched a fully updated video search

Demo

• HelloRun - game on WebGL
• All buildings of Holland on one map
• Live zipper simulation on canvas
• Cool effects and demos that can be used in web design

Sites with interesting design and functionality

• Sites with horizontal scrolling
• bienvillecapital.com - nice responsive website
• wearemovingthings.com is a cute, responsive website with good patches of light animation.
• Info-Quest - one of those sites that will tell you a story
• fillet.com.br - site with abundant use of the effects of parallax animation

Design

• Adobe Systems offers a subscription to Photoshop and Lightroom half the price.
• Web design 2013: traditions, innovations, basics
• Interview with illustrator Varya Kolesnikova
• Civil font and Cyrillic Kish - an essay about the history of civil font and the creation of a modern Cyrillic font, taking into account historical forms
• "Dark schemes": how the interfaces of websites make us do what we do not want
• Design weekend in Abrau-Durso
• The winner of Yahoo's 30-day logo selection contest , and finally introduced a new logo
• Ideas for custom site navigation
• A large number of materials and samples for work with a flat design
• Inspiring and creative contact forms
• Beautiful sites in the design of which is used the image of water
• Vibrance - understand the settings of the adjustment layer in Photoshop
• Best Adobe Illustrator Lessons for August 2013
• The best lessons on photoshop for August 2013
• Photoshop tutorial: adding rain to a photo
• Logos: Inspirational logos , umbrella logos
• A button that leads to nowhere - an easy way to check the relevance of a feature before it is implemented
• In addition to the flat - differences in the design of the components of the OS mobile devices
• Mobile Design Kit

A selection of free designer cookies

• Useful brushes for designers
• Sources: PSD with Bootstrap 3.0 UI framework, iMac, iPhone, iPad PSD templates , Mobile Design Kit - 15 popular device mockups in PSD boxes, infographic PSD templates , Flat / Skeuomorphic UI set
• Icons: five dozen sets with contour icons, contour icons in iOS7 style, a set of contour icons Streamline, Ballicons - a set of round and flat icons, FitFlat - a small set of flat icons, sets containing flat icons of social networks , including long shadows, a dozen sets of icons with long shadows
• Fonts: South Rose - decorative serif font, SANOTRA - expressive decorative font

Entertaining

• 15 little-known facts about Google
• Indian government is going to ban an official from using Gmail
• LG's End of the World
• Communication development history
• Determine the language of the ear
• A brief history of Skype: a decade of revolutionary service
• NASA intends to begin in 2020, 3D printing of structures in space
• Programmers: Russians, Indians, Chinese, and Canadians (old but relevant article)
• About the benefits of an interview in Google Glass
• The nightmare of a web developer (video)
• Nymi - a device that allows you to authorize for various systems, by translating into a code, the biometric parameters of your unique heartbeat

')
Digest from last week .
Material prepared by dersmoll and alekskorovin