The digest of interesting materials from the world of web development and IT for the last week No. 90 (December 29 - January 4, 2014)

We bring to your attention this year's first compilation with links to useful resources, interesting materials and IT news.

Web development

• Fresh videos from FrontTalks - frontend conference in Yekaterinburg, on the 23rd of November
• Sprites for animations
• Boilerplate or Bootstrap - what to choose when creating a project?
• Web platform: five technologies to look forward to in 2014
• What is a DOM?
• Interviewing front-end developers
• A brief introduction to snap.svg
• The best snippets, hacks and tips on WordPress for 2013
• Why do we still need Web-safe fonts
• HTML5 Desktop Applications with Node-Webkit
• SVG optimization: the basics
• SVG drawing animation
• A simple strategy for deploying a static site on git
• Improve your development process with Yeoman
• Bower - where to start
• Cross Domain Images for Canvas
• The severity of the initial page rendering
• Reduce file size using HTML5 video instead of animated gif
• TODC Bootstrap - Google-style Bootstrap Theme
• Mobile traffic

CSS

• CSS Color Blending Modes - Next Big Event in Web Design
• Creating a flip effect with CSS3 transforms
• Why CSS can be the most difficult language

Javascripts

• Development of tile games in JavaScript (Robbo)
• Optimization of function calls from workers (web-workers)
• From Backbone.js to Marionette.js
• Postponed loading in JavaScript
• Fluidbox - Opening images on your page without interruption
• DOM transition animations
• Load modules on demand with AngularJS
• Creating an alternative to setInterval with auto-correction
• Create a bulk Nyancat in 30 seconds (Three.js)
• Random promises (about promise)
• A simple script that builds a list of data in JSON
• brainy.io - creates a server for your application on Backbone
• Planetary.js - an interactive globe for the web
• wordcount.js - calculate the number of bytes, characters, words and the longest string using the HTML5 File API
• ogv.js - OGG Theora and Vorbis decoder video
• Color Thief - a script that creates a color palette from images
• Ocrad.js - a library for text recognition in images
• ngDialog - modal and pop-up windows for applications on Angular.js
• Ducky - validation of these objects

Web tools

• Viewdocs = Github + Markdown
• code2013 - chart of the popularity of programming languages
• makeappicon - generation of icons for iOS and Android applications with one click
• uifaces.com - avatars for use in designs
• Passweird - password generator
• Unify - checks for support for Unicode characters in browsers and devices
• Animated gif resizer
• SVG Shapes Collection
• Web Developer Checklist

Browsers

• Alpha edition of Otter Browser, a Qt5 web browser with Opera 12 style interface
• Mozilla migrated Firefox interface adaptation under Modern UI Windows 8 until March
• According to StatCounter, Google Chrome finished the champion in 2013
• Meet the Shadow DOM in Firefox
• What impressions does the panel develop in the browser for ordinary users?

news

• A hardware implementation of the VP9 video codec is introduced, whose support will appear on ARM, Intel, NVIDIA and Samsung chips.
• Winamp seems to have managed to sell, but not Microsoft
• YouTube has added an option to select the quality of Ultra HD , and at CES 2014 it will show video broadcasting in 4K using the VP9 codec
• NSA introduces vulnerabilities to computers before they are sold
• NSA elite hackers can hack Wi-Fi networks 13 km away
• The United States prevents the establishment of a network of ground stations GLONASS on its territory
• Antarctic researchers will be able to use mobile phones
• Vine got web profiles
• Sony will cut staff Sony subsidiary EMCS
• HP fires 11% of staff
• China intends to send a new probe to the moon

Sites with interesting design and functionality

• Selection of winter sites , Web design for dessert and Fiery web design
• http://www.intacto.com/2013flatvsrealism/ - an amusing mini-story of flat design wrestling with skepticism
• http://www.chick-fil-a.com/Food/Handcrafted - horizontal site with scroll effects
• The most beautiful sites of 2013 according to crazyleaf
• 2013: all year in interactive articles from the NY Times
• Line25 Sites of the Year: The Best Designs of 2013
• sequence.co.uk/christmas2013 - Stylish Christmas Website
• ascap.com/100 - historical timeline site with a lot of media content
• Another festive website with lots of animation.
• aleeforoughi.com is a beautiful site with a quality parallax effect
• philippehong.com - a site with a cool page turning effect
• soniaby.com - a site with a collection of clothes, which in some places uses items that are not standard for online stores

Design

• Do not rely on color when designing interfaces
• What to expect from web design in 2014
• How to make maker-up happy? 13 tips for web designer
• Trends and assumptions: what does the future look like for web design in 2014
• The best web designs 2013 (according to Web Design Ledger)
• Webdesign Talks Top 2013 Website Designs
• What changed in web design last year (and what will happen next)
• Best Illustrator Lessons for December 2013
• The best lessons on Photoshop in December 2013
• Useful typography lessons to improve your skills
• How to go expensive leading to excellent web design
• Pocket Guide to Typography
• I Love Ligatures - ligatures gallery
• VICE VERSA - concept of using diagonals in the design of applications for smartphones
• We Draw Christmas Balls in Adobe Illustrtator

A selection of free designer cookies

• Brush Fireworks for Photoshop
• 25 New Year stencils
• Icons8 App - 2800 icons + an application that allows you to conveniently paste them directly into Photoshop or Xcode.
• Firefox makes Fira Sans font free
• UI kits in PSD format for mobile and web applications
• White Stripes UI Kit
• Over six dozen PSD flyer templates
• Source codes for web designers for December 2013
• Top 20 resources from 2013
• Useful templates for printing
• Psd Template Twish Template
• Packaging with medical photo-realistic icons
• Vector outline icons (144)
• Set of Subway icons in PNG format
• Fonts suitable for web designs with an emphasis on typography
• Fairview - sans serif font and Papyrus - retro serif font
• Five dozen useful fonts: from Zantroke to Bigmouth

Demo

• enjoyyourprivacy.com - demonstration of the importance of information security of mobile devices
• thecolorsoftwitter.com - the colors mentioned in tweets
• snwbx.com - a 3D browser editor for making snowmen

Entertaining

• FaceRig - character animation in real time
• The brightest events of 2013 in the field of information security
• Russia vs USA for IT professional: easy choice
• 2013 - technological failure?
• Eric Schmidt from Google made predictions for 2014
• Ultrasound allows you to move objects in the air
• The best visualization of scientific data for 2013
• 8 engineering trends of 2014
• Top scientific discoveries of 2013
• 10 failures of crowdfunding in 2013
• Screenshots with snippets of code from various films

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