The digest of interesting materials from the world of web development and IT for the last week No. 88 (December 15 - 21, 2013)

Web development

• Video from Web Standards Days in Moscow
• How do you optimize your images? Meet ImageOptim-CLI, a new tool for batch image compression.
• Getting started with GitHub Pages (plus Jekyll as a bonus)
• The task we want to solve with responsive images
• 5 .htaccess snippets borrowed from HTML5 Boilerplate
• Kickoff - a lightweight static framework for creating scalable adaptive sites
• Navigation, when clicked away the page in the background with a lead in perspective
• Roughly speaking, only one of the eight sites is responsive.
• Overcoming the speed barrier with Bootstrap
• The many facets of responsive design
• Why am I doing something for the web
• Generate HTML for responsive email design
• Windows applications for web design / web development, without which I can not live
• Creating interface elements with non-standard geometry using SVG
• Client to read messages from GitHub
• Stylized menu icon - reduced menu
• About variables in CSS and abstractions in web languages
• The truth is about using multiple H1 tags in the HTML5 era
• Checklist for optimizing performance from Paul Lewis
• Using ARIA to improve SVG accessibility
• Training course: Explore and Master Chrome DevTools

CSS

• New CSS postprocessor Myth
• CSSComb 2.0 released
• Happy 17th, CSS!
• Experiments with the CSS3 background-clip property: text
• Best static frameworks 2014
• CSS4 - Selectors Level 4
• Download indicators c help CSS animations
• Visualization of mathematics without js

Javascripts

• Cat purring in javascript
• I know jQuery. So what?
• The future of javascript MVC frameworks
• Choosing a JavaScript MVC framework (September but current article)
• Gamepad API (Chrome, Firefox)
• Vim.js - Vim port on JS
• Your JavaScript Level
• Native support for Promises in JS
• Introduction to touchSwipe
• Advanced cross-browser push menu on jQuery
• jQuery Audit - Chrome extension
• Adaptive Backgrounds - jQuery plugin that extracts dominant colors from high images and applies them to the parent block
• WebFont Loader is a tool that allows you to control fonts connected via @ font-face.
• Switchery - iOS 7 style switches on JS
• Updated information on Fullscreen API
• slow.js is a small script that allows you to slow down the CSS animation by pressing the specified keys
• Create a Flipping Awesome 3D Gallery with jQuery Flipping Gallery
• Angular services and useable patterns
• Koa - a new generation framework for node.js
• 2013 Node.js Timeline
• How Source Maps Works
• Get object property names using Object.getOwnPropertyNames and Object.keys
• Kinetic Scrolling JavaScript: Part 4
• Suggestion to use data attributes to store the state of elements instead of CSS classes
• Javascript router in 20 lines of code
• How to use the HTML5 Vibration API
• bitcoinprices.js - a library for displaying amounts in bitcoins
• lr-notifier - notifications for Angular.js

Browsers

• New optimizations in Firefox have reduced the gap in JavaScript performance and compiled languages
• Start of beta testing of Firefox 27 and creation of aurora-branch of Firefox 28
• In the new version of Yandex. Browser, the Quick Call feature has been added.
• The new version of the browser Opera Coast improved the work with PDF files and the built-in music player appeared
• Some versions of the Apple Safari browser store passwords in the clear.
• On modern.IE laid out a virtual machine with IE11
• DevTools digest for December 2013
• The new engine for the implementation of animation in Blink will increase the performance of CSS animations and transitions
• New Firefox Development Panels

Web tools

• onmobile.iwanttouse.com - what would you like?
• Marvel - prototyping for designers (PSD and images from your Dropbox are required)
• Exercise machine for exercises on a set of non-standard characters for programmers
• The Sprite Generator (beta) - a service that creates sprite animation from a set of images

news

• Yandex dedicated the page to the player Winamp , Farewell, WinAmp
• Winamp will continue to exist with the new owner
• Oppo N1 is the first smartphone with CyanogenMod approved by Google
• CyanogenMod - $ 22 million and future plans
• The main achievements of Mozilla in 2013
• Mail.Ru Cloud - 1 terabyte for free and forever

Sites with interesting design and functionality

• Devil's dozen sites with minimalism web design
• Selection of landing pages in flat design
• Flat design against skeomorphism
• fixedagency - a site with parallax, animations and smooth scrolling
• Real Voices. - creative effect for changing slides
• Jackdaniels christmas page
• Visual history of computers
• curadmir.com - a site with a non-standard approach to animation and a large number of background videos
• highway-one-roadtrip is not just another vertical site
• julekalender.vitusapotek.no - cool animation site
• Personal page of front-end developer and web designer
• tryvertty.com/ - site with non-standard geometry and unusual slider
• Dolox Inc. - one-page vertical site, full of animations
• alldayer.mkgeeknight.co.uk - site with a convenient layout and parallaxes

Design

• New Year's web design
• Beautiful icons for iOS , the value of which reduces the popularity of flat design
• 25 winter logos
• Collaborative Designer Guide
• Color Template
• Reasons to use video as a background in your designs
• Easter Egg in Font Awesome Font
• Why responsive design is important
• The best fonts of 2013 according to WedDesignerDepot (Melody Weister)
• Why negative is positive in web design
• Present and Future of Adobe Fireworks
• Christmas calendar with illustrations of various professionals who depicted forms
• Fonts have feelings too.
• Christmas jiffas 2013
• The complete guide to working with corrective layers in Photoshop - Channel Mixer
• Ten classroom lessons on photoshop with a Christmas theme
• Creating volumetric text from ice using Modo and Photoshop
• The Dinosaur Pet Guide (poster)

A selection of free designer cookies

• Free clip-art character 2014
• Best PSD 2013
• Social Kit is a free Photoshop plugin with the basic design elements of the main profile pages in popular social networks.
• Simple Line Icons (Ai, Eps, Svg, Psd)
• FooseShoes Online Store Design Source
• Flatastic Mobile UI Kit
• Flat Christmas: packaging with flat icons for all platforms
• Calligraphic font from Eraslan Efas
• Five hundred monochrome icons with a stylized image of people in everyday life
• Set of food icons
• A large set of more than four hundred pieces of graphic materials (source, UI elements, fonts, icons)
• High-quality vector graphics with New Year and Christmas theme.
• “Russian” fonts both with and without Cyrillic (Latin with national styling)
• Selected Friday Fonts: From Strange Days to Baron

Demo

• Demo with metasharikas for three.js
• New demo from the Adobe Web Platform
• 404 - File not found - well, with a broken query, the web server was brought to depression
• clock clock - Digital clock with animation of numbers consisting of a clock
• Paper christmas

Entertaining

• Interview with Bobuk aka Grigory Bakunov, director of technology distribution at Yandex and radio host T
• Stopovers of the future, or why Google bought Boston Dynamics
• Downtime conspiracy: why hide the reasons for the hang of large IT systems?
• 10 best timelapse videos in 2013 according to Vimeo
• Nine high-profile Internet fakes of the year
• Results of 2013: the impact of Google on the industry
• Myths and legends around video games
• Snowden: NSA watched users using Google cookies
• Why Bing is better than Google search engine
• Yandex has learned to show the course of bitcoin in search results
• Where to buy bitcoin?
• How to delete the history of their movements from Google?
• Google Zeitgeist 2013
• The moment you can breathe
• Cubli - a cubic device that can jump, keep balance and move

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 .