The digest of interesting materials from the world of web development and IT for the last week No. 87 (December 7 - 14, 2013)

Web development

• Adaptive design - Vitaly Friedman, Smashing Magazine and Vadim Makeev, Opera Software
• Simple site deployment to a hosting from the Git repository
• Svable - simple SVG generation on the server
• WordPress 3.8 "Parker" released
• BEMup in St. Petersburg: Dynamic BEM site on Node.js
• The Mozilla Developer Network Updated
• Why do I need to use the role = ”contentinfo” attribute for the footer?
• Checklist to improve mobile websites from Google developers
• Monster Madness - creating games with Emscripten , and also How to write a game with Three.js
• Why we should use Continuous Integration and Continuous Deployment
• WebGL with Three.js: Shaders
• IOS restriction on decoding 3 megapixel images
• We use Terminal in the updated Chrome DevTools
• Why worry about availability
• AbsurdJS or why I wrote my own CSS preprocessor
• Screencast by Chris Koyer on getting started with Grunt
• Grunt for people who think that Grunt is something strange and complicated
• Social Sharing Links
• Survival Instructions in Web Fonts
• The Responsive Hover Paradigm
• How to use geolocation in HTML5
• Middleland frontend
• This is where the HTML6 concept is offered.

CSS

• The first implementation of CSS variables in Firefox
• Table Cell and Position Absolute
• CSS3 3D transform with animation for multiple frames
• Using transitions with CSS gradients
• CSS for developers
• Something you probably didn't know about the z-index property
• How to add a stroke for text (-webkit)
• Increasing menu, initially looking like a stylized icon
• Excellent presentation: Unfolding the box model - Exploring CSS 3D Transforms
• Updated position: fixed
• Taking calc () to a new level: fixed sidebar width in adaptive layout
• Use CSS Regions with CSS Shapes to improve readability of articles.
• Universal CSS stylegide generator for Grunt
• Zebra with nth-child and hidden strings
• CSS animation to display progress on the buttons
• (maybe not) The final list of non-CSS specs CSS features

Javascripts

• The future of data-binding is Object.observe ()
• Dynatable - HTML5 + JSON interactive tables
• Survey results: DailyJS JavaScript Developer Survey 2013
• Clarifying this in JavaScript
• List of pitfalls in JS for beginners
• Feathers - Make your apps fly! Creating REST and real-time API
• Do not be afraid of directives in Angular.js
• How to make a simple gallery with a filter on jQuery
• Allofthelights.js - jQuery plugin that turns off the light for better video viewing
• voix.js - a library that allows you to add voice commands to your site, application or game
• Type Rendering Mix - JS-library, rasterized fonts, which will reduce the difference in the thickness of the text in different operating systems
• Headroom.js - hide header when scrolling
• Knwl.js - finds dates, email addresses, links and other useful information in the text
• Reproduce cool animation for the menu from iOS7
• Approaches for writing good jQuery code (part 2)
• A dozen useful jQuery snippets
• cheet.js is a handy tool for embedding Easter eggs into your website.

Browsers

• Firefox 26 release
• Firefox 26 blocks all plugins by default.
• 300ms delay disappeared from Chrome 32 for Android
• Using HttpWatch with IE11 and Windows 8.1
• CSS variables in Firefox 29
• The list of desires on adding functionality to browsers from Steve Souders

Web tools

• 900dpi create static sites using Dropbox and CSS
• Code.org - Total Programming Training
• MiniCodeEditor - code editor for HTML / CSS / JavaScript, consisting of 175+ bytes
• Bullet-proof buttons for email newsletters , as well as background images
• anitype - animate your typography
• hackertyper - feel like a hacker

news

• Google buys robot manufacturer Boston Dynamics
• Valve has published the first public release of SteamOS , and here is how it looks
• Central Bank of Russia approved the official sign of the ruble
• Topics of the year in Yandex search
• Gmail will display all images.
• Instagram has private messages
• Google has opened an online art gallery and allowed to add its own images in Street View.
• The largest US IT companies unite against the National Security Agency
• Facebook can add a "sympathize" button
• Snapdragon 410 - the first 64-bit processor from Qualcomm
• Canonical has concluded the first agreement on the release of smartphones with Ubuntu Touch OS.
• Coub has released a mobile application
• Instagram introduced photo messenger
• Twitter shares rose record
• The online trading service on Odnoklassniki turned out to be unclaimed, and it was closed
• Yandex.Money launched a city payment service

Sites with interesting design and functionality

• A selection of sites in cold tones
• Great examples of using background video in web design
• oneiota.com - smooth animation of the background and other design elements
• oneiota.com/espl - a cute presentation site with animations
• voomy.ua - a creative approach to navigation on the site of the IT-park Voomy
• A selection of two dozen sites dedicated to hotels
• Selection of sites with the effect of parallax scrolling

Design

• Increase productivity at home: 10 powerful tips for freelancers web design
• Selection of retro logos
• 80 useful lessons for creating icons in Photoshop and Illustrator
• New WordPress 3.8 Design
• How to make a cut-out digital snowflake in Adobe Illustrator
• The history of the origin of popular characters in user interfaces
• Can we get rid of lorem ipsum?
• Pantone unveiled 2014 color
• Beyond Ink - Podcasts for Designers
• Compare the search results for images in Bing and Google
• Time to redesign all tickets
• "Santa" Brand Book
• Famous stories visualized with 4 icons
• Two ways to create slow motion video in Photoshop
• How to make color adjustments using Adobe Camera Raw
• How to make a holiday animated gif using stop motion photos

A selection of free designer cookies

• Sites with free brushes
• Top PSD last month
• Christmas materials for web designers
• Christmas graphics psd files
• Three dozen vector trees
• E-commerce PSD Icons
• Vector christmas icons
• Smallicons - A set of small icons with household themes
• Set of Oceanica vector icons with a nautical theme
• Ecology Vector Icons Set
• The best fonts of 2013
• Exo 2.0 - sans serif font, with Cyrillic and technological style
• Minuscule - decorative font containing lowercase letters
• Selected Friday Fonts: From Kronen to Parley

Demo

• Noisli - a generator of changing backgrounds
• Traveling through the castle in Edinburgh using Photosynth technology
• TheChristmasExperiments - New Christmas Experiment Every Day
• @ cheeaun's life - all life on the same timeline

Entertaining

• Curiosity 2013: lake, geology, radiation
• How I bought a 3D printer
• Bitcoin: basic principles of mining
• On the web, you can now check if the mail has been cracked.
• The implementation of the Mars One project for the colonization of the Red Planet will begin in 2018
• Bitcoin - a view from the financiers
• The CIA monitors you through the game console , and the NSA monitors the online gaming community of players.
• Twitter ranked Facebook on top list for work
• The results of the year on Facebook and from Twitter
• Review YotaPhone - the first pancake smartphone
• Colonel Meow and the Angry Cat Meet in Hollywood
• Cancellation of links: what to expect from the innovations of "Yandex"
• 10 major IT security incidents of 2013 - expert opinion
• YouTube service shared information about the most popular videos of 2013
• The most popular gaming videos of 2013 on YouTube
• Key moments with Reddit (5 billion views monthly)
• SEO Marketing 2013 : Old vs. New Methods
• ekisto.sq.ro stackoverflow, github and friendfeed in the form of cities

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 .