The digest of interesting materials from the world of web development and IT for the last week №93 (January 19 - 25, 2014)

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

Web development

• Web Components - the future of the Web
• Web Components is the only bright future for the web. Humble yourself
• Several uses of Sublime Text 3 that you could use
• Access iFrame content from another domain
• Record the complete layout design process by MCSS
• Adobe Edge Animate 3.0 - new items in the latest version of the editor to create animations
• Getting started with Gulp
• How to use Notification API
• GitHub Guides
• Alternatives to HTML5 input fields
• Top 50 Online Web Design Courses and Resources
• How to study even more in 2014
• Grunt.js: custom tasks
• SVG and JavaScript: what is possible and what should be considered?
• HTML / CSS / JS in terms of the human language
• Yo Polymer - A Hurricane Web Components Tour

')

CSS

• Styling SVG with CSS: features and limitations
• After ... no, no, :: before ... wait ... - about the semantics of the names of pseudo-elements in CSS
• Decss - a CSS framework for creating simple presentations
• LESS vs Sass? It's time to switch to Sass
• How to create an adaptive star rating on CSS and SVG
• Work with LESS in Chrome DevTools
• 10 SCSS Utilities I Can't Live Without
• CSS animation-fill-mode
• Flexbox for forms
• CSS Office Room
• Obvious Buttons - almost flat buttons for Bootstrap
• Mixin to create a bent corner
• CSS Gradient Animation Trick
• Styles for navigation points
• CSS Load Indicators
• CSS Regions are possibly harmful to the web.
• CSS Art
• You will be amazed to know how many colors support CSS
• SassyJSON: Talk to the browser!

Javascripts

• We write quality code on jQuery
• MutationObserver and MutationEvent
• JavaScript code conventions
• Video player for foreign language teaching sites
• Javascript promises
• Three fun text styling methods using Lettering.js
• JQuery 1.11 and 2.1 release
• Object Secrets $
• Prototypes are not classes.
• Asynchronous flow control with jQuery.Deferred
• Ten simple jQuery snippets everyone should know
• User Timing API
• Ember.js - An Application Framework For The Future
• A selection of fresh videos from NG-conf 2014 (Angular)
• How to add fields with auto-hints to forms using typeahead.js
• Contra - a flow control library similar to async, but more suitable for use on the client side, by Nicolas Bevacqua
• Jack In The Box - showcase CSS animations as you scroll the page
• Ifvisible.js - cross-browser library for determining whether a user is viewing a page or interacting with it
• Remote.js - a new way to wirelessly transfer information
• 5 methods of interaction between CSS and JavaScript, which you might not know
• JavaScript dependency injections
• JavaScript The Right Way - a guide for developers (for those who missed)
• Simple JavaScript Immersion
• Understanding Function.prototype.bind in JS
• Creating animations for tips cards with jQuery Tip Cards

Web tools

• Tools for converting to Data URI
• “Yandex. Transfer ” - helps to transfer contacts, SMS, call history and bookmarks from the built-in browser to a new smartphone.
• RSS reader using your Dropbox or Google accounts
• .psd fonts - a service that allows you to define fonts that are used in PSD
• CodePlayer - watch your code as a movie
• Border-radius generator
• JSON Generator

news

• China introduced its own national operating system , plus some more info
• Pavel Durov sold his stake in VK. Now officially
• Microsoft's revenues hit record highs , even though Windows 8 continues to lose ground.
• DHL and FedEx have ceased to deliver “goods for personal use” to Russia
• Instagram is growing faster than other social networks
• Google tests the Knowledge Graph page in search results
• Analytics: sales of wearable electronic devices in 2014 will exceed 10 million units
• 3D printer prints residential building in 24 hours
• Russian cryptocurrency Wishcoin will be the opposite of BitCoin
• World of Tanks in 2013 earned $ 372 million, ahead of revenue Lineage and World of Warcraft
• A botnet is fixed, including routers, TVs and even a refrigerator
• Coursera launched a new learning format
• Microsoft reported a record quarter

Browsers

• New beta Yandex. Browser 14.2: new download manager and view office documents
• Interview with Roman Ivanov: the first year of Yandex. Browser
• An error in Chrome allows attackers to listen to the user's conversations , Google denies
• Reported the purchase of popular browser add-ons to distribute malicious code
• The prize fund of the Chrome OS hacking competition will be $ 2.7 million

Sites with interesting design and functionality

• Sites with a forest atmosphere
• 25 sites with non-standard color combinations
• Sites with an interactive portfolio and summary
• 100 years of aviation - TheGuardian interactive infographics
• Fanboys - The Verge article with animated scroll effects
• Vimeo Annual Report 2013
• blacknegative.com - a site with unusual and creative sub-pages
• hugeinc.com - site with pages, slides and animations
• RockerCreative - a site with non-standard objects: a magnifying glass, interesting drop-down menus and sliders on each page
• builtthings.com - site with angular geometry and parallax
• kaipoche.co - an interactive site about the festival in Goa
• the-flutenizer.iregular.io/ - psychedelic site with an unusual design

Design

• War with the designer: where does good design come from
• Combination of fonts: tips and techniques
• Shutterstock named the main design trends of 2014
• The tools of the future in web design: the wreck of myths
• Trendy Buttons for Web Design
• Star Logos
• Draw a winter pattern in Adobe Illustrator
• Why Japanese web design stands out from others
• The logo should tell the story
• Inspiring web design sites using textures and patterns
• Mondrian - free vector editor like Adobe Illustrator or Inkscape, now open-source
• Ten things you need to know about the Crop tool in Photoshop
• A complete guide to color settings, color profiles and Proofing in Photoshop
• A complete guide to new items, which appeared in Adobe Photoshop 14.2
• GuideGuide is an extension for Photoshop that helps to work with guides.
• Competition for the creation of the best animated gifs with a winter theme
• Create wireframes with Illustrator and InDesign
• Design effective email notifications
• YouTubeKaleidoscome.com - the concept of a possible future YouTube
• Concept iWatch watches from Todd Hamilton
• 2014: the year we move to 4K
• How Quora attracts new users
• Font Nerd - iPhone application for those interested in design and typography
• Some joker made fake signs for the London Underground

A selection of free designer cookies

• A selection of ice textures
• Over a dozen PSD to replenish your library
• Resources for web designers for December 2013
• The Camera Collection - pixel images of cameras
• Bootstrap 3 Vector UI Kit
• Flat and Round Icons Set - Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)
• Two dozen flat and round social network icons
• Ten calendar icons
• 177 flat contour icons (AI + PSD)
• Ilepixeli icons
• A collection of cool fonts from the depths of Behance: from Alegreya to Corduroy
• Friday Fonts # 7: From Sabado to Savu Condensed
• KAIJU - decorative sans serif font
• Smiley icon packs

Demo

• Low poly 3D model on WebGL
• 3D hover-aware cube
• Flashlight effect
• Collection of cool HTML5 demos and experiments

Entertaining

• Apple Company 30 years
• The evolution of Mac computers
• How to IT-specialists to avoid "burnout"?
• Olympic Games: Why Pavel Durov left VKontakte
• All business VDurove
• Vine Video Store marked the anniversary with a selection of the best commercials
• Pope and Patriarch Kirill disagreed on the Internet
• For advertising Old Spice created fake sites of "stupid" goods
• Facebook predicted the disappearance of air in response to an article about its disappearance
• Palette - modular controller
• LSO Play - we watch concerts, watching musicians
• Bill Gates lost to Magnus Carlsen in chess in 9 moves
• Bill Gates starred in a viral movie dressed as a chicken

Go
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 .