The digest of interesting materials from the world of web development and IT for the last week No. 91 (January 5 - 11, 2014)

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

Web development

• Augmented Reality Game: Technical Review
• Developing multiplayer games using Node.js and Socket.IO
• Presentations on CSS and HTML5 and recommended for viewing
• Chrome extension over the weekend
• Imposition of textures on Twitter Bootstrap 3 (part 1)
• Gulp, Grunt, whatever . Gulp - a new popular thing
• Web standards killed HTML stars
• Best practices for automating web performance with mod_pagespeed
• Shaped hover effect with SVG
• Five steps to create a responsive letter using Ink
• 10 reasons why in lonelyplanet.com switched from icon fonts to SVG
• Rapid responsiveness - productivity techniques for responsive web design
• When to use Button
• 20 useful online courses and tutorials for web developers
• Labels: managing user expectations
• Top trends for developers from 2013, as well as what to focus on in 2014
• Game Workshop: Let's write a small military space together (with the help of Three.js)
• North - best practices and concepts in web development
• The best works of 2013 on CodePen
• The best videos from the conferences of 2013 according to Rodney Rehm
• Getting started with the WebP image format.
• Short presentation: “Getting Started with HTML5”
• How to start working with Foundation 5
• Several snippets that fit into a tweet

CSS

• REM, Fallback and Support
• CSS Shaky Animation
• Typecsset demo - v0.2.0 - a small Sass-library for setting up typography on the project
• Flexible CSS cover images
• OOCSS vs OOSCSS
• Analyzing the process of adopting CSS standards based on data
• Standardization of CSS properties
• Smooth animation with the ability to stop using the animation-play-state
• Fragmentation of masked and cropped content: - Part 1 , Part 2
• Lea Verou CSS Buttons

Javascripts

• Creating previews of images on the client: the fight against voracious browsers
• Inheritance of directives to Angular Light and other "buns"
• Scripting with jQuery
• A CRUD JavaScript Class
• We fix headings and columns in the table when scrolling
• Fifteen features that you need to know about arrays in JS to become a master
• JavaScript closures
• Delete trailing comma using js
• Components in Ember: detailed description
• Label_Better.js - plugin on jQuery to improve the visualization of labels of input fields
• Slip.js - simple reordering of items in the list for touch devices
• angular-deckgrid - mansory-like grid for AngularJS
• [be] lazy.js - a script to ensure that different versions of responsive images are loaded using the lazy process loading

Web tools

• iconizr - a service that will generate an icon font set from your SVG drawings
• googlemapbuilder - an online customization service for embeded google maps
• GlyphSearch - service for searching icons among iconic fonts on Font Awesome, Glyphicons, IcoMoon and Ionicons
• ConfCal - calendar of ongoing conferences in the world
• Web Developer Checklist
• Colors - the color palette for the modern web

Browsers

• Alpha Otter Browser
• Comparison of memory consumption in Firefox, Chrome and Internet Explorer
• Net Applications: Chrome almost caught Firefox popularity
• Chromium learned to store cookies in encrypted form
• Despite auto updates, older browsers are still a problem.

news

• Pinterest has acquired visual search technology
• Yahoo launches News Digest - the first application based on Summly
• A major addition to Windows 8.1 can be announced in March.
• Performance comparison for VP9, ​​H.265 and H.264 encoders
• Initiatives to promote Firefox OS for TVs, tablets and personal computers
• Google launched the Sightsmap site, which reflects the most photographed places on Earth.
• In iOS 7.1, the bug that existed in iOS for the last 4 years has been fixed
• The developer of the Russian "screen out of the fog" decided to close
• CES 2014
  
  • The review of novelties from Lenovo , Asus , Acer , Intel , Razer
  • Meet the Intel Edison - SD-sized computer
  • Intel announced support for Steam Machines and announced Dual OS officially + response from AMD
  • New rival Google Glass from Epson
  • NVIDIA Announces Mobile Tegra K1 Processor With 192 Core
  • Four new tablets from Samsung
  • Pebble introduced the second version of "smart" watches
  • Samsung introduced a new line of Android-tablets
  • Valve introduced a dozen options for third-party Steam Machine
  • Tobii and SteelSeries present the world's first mass oculographic device for gamers
  • Exhibition Award for Best Products - Brief Innovation Overview
  • Cloud News from Los Angeles
  • New Yahoo! Services presented at CES 2014
  • The coolest new CES-2014 in photos
  • The main trends of the exhibition CES 2014
  
  

Sites with interesting design and functionality

• Web design in the fashion industry , with retro elements , websites of creative agencies , as well as a selection of automotive sites and 15 web sites in the style of comics
• Jewelry Sites
• Energetic sports website designs
• Powerful site redesign nytimes.com
• Yearly results for MailChimp in numbers
• meetyourmx.com - creative site dedicated to the new TV series Almost Human
• vimeo.com/player - vimeo page with scroll effects

Design

• NYT website redesign: 7 major changes
• Interesting inventions, useful for designers, artists and not only
• Trends and results:
  
  • Great web design trends for 2014
  • Last year's results from Dribbble (Yearly Replay 2013)
  • Now 2014. Is web design dead?
  • The most popular fonts of 2013 according to MyFonts , as well as the Best fonts of 2013 according to typefacts
  • Twenty hottest trends in web design, which should be followed in 2014
  • The best 11 logos of 2013 for which JustCreative readers voted
  • Ready for 2014? Look at the latest trends in web design.
  • Over a hundred of the best Photoshop lessons for 2013
  
  
• Using color psychology to create an effective pricing table
• Seven simple mistakes you may be making
• Where are the best designers taking photos and graphics
• Optimize the design process
• The history of the creation of the icon "Made in Britain"
• Presented the official font of the Olympic Games 2016
• Minimalistic logo for inspiration
• Examples of using white text in web design
• Introduction to the concept of Brand Style Guide
• Tips for using white background in web designs and Web designs with a dark background
• Photoshop:
  
  • The most useful plugins for Photoshop
  • Creating a radiant text effect in Photoshop
  • Creating a simple typographic portrait in Photoshop
  • Creating a mesh mask in Photoshop / Illustrator
  • Set up Photoshop to create a mobile app UI
  • Tutorial on creating animation using Timeline in Photoshop
  • Using Smart Objects in Photoshop to create dynamic sprites
  
  

A selection of free designer cookies

• Mockup files for business cards
• Original free fonts
• The best free buns for designers for December
• PSD Brochure Templates
• Portfolio PSD Template
• Two dozen textures with peeling paint or surface
• High resolution sand photo
• More than three dozen sets with icons with a predominantly flat design
• Three dozen fresh sets with icons
• Set of over a hundred outline icons in AI and PSD format (author: Katarina Stefanikova)
• Pack of seventy flat icons from Robin Kylander in PSD and PNG formats
• Odin Rounded - concise sans serif font
• Select Tattoo Fonts
• Space icon font Infinity
• Two and a half dozen header fonts (bold fonts)

Demo

• Top 10 HTML5 Games of 2013
• Voxel mars
• Photosynth - a service for creating pseudo-three-dimensional video scenes on a set of photos
• Mobile Devices + Twitter Use - a map that displays millions of tweets from users of mobile devices (view in Chrome)
• colAR App - we print out the coloring, decorate it and with the help of the application we admire the augmented reality
• Simulation and render of 262,144 particles using GLSL
• GLSL Transition

Entertaining

• How can an IT specialist save his finances?
• How to subscribe on the Internet
• Fantastic series
• Valve and her money machine: an interview with Gabe Newell
• Memes 2013
• More tech trends: what year 2014 is preparing for us
• Jovan Savovich (creator of Dirty and Leprosorium): “Projects must live by themselves”
• Gaming platforms 2013: version of Steam
• Zuckerberg is better to know - Facebook decides for users that they are interested.
• Skype is still a sieve
• 8 unusual ways to use the camera of your smartphone
• The fall of VKontakte: shock, awe and other user reaction

')
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 .