The digest of interesting materials from the world of web development and IT for the last week №143 (January 12 - 18, 2015)

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

Web development

• List of YouTube channels for web development training
• 8 things I would like to know at the beginning of my career
• Top 20 CodePen 2014: Part 2
• HTML5 Video: snippets, subtitles, and dynamic thumbnail frames
• Create a chat application with a material design using Polymer and PubNub
• How to use Yeoman to build your next web application
• Creating SVG sprites
• Auto-hide sticky cap
• MailChimp Pattern Library
• Screenshots from CSS Tricks: Three Ways to Animate SVG
• Learn Version Control with Git : A Beginner's Step-by-Step Guide
• Say hello to WebRTC
• Create responsive sites with Foundation
• About the correct use of the Lang attribute
• Using WEBP / JPEG 2000 / JPEG-XR / APNG now using Picturefill and Modernizr
• is-progressive - a module for checking the type of JPG image compression
• WordPress Periodic Table
• import.io - extracting data on the site in real time in seconds
• Content filtering is a nice animated filter panel with CSS and jQuery.

CSS

• Report on the use of CSS in 2014 (statistics)
• CSS on large projects - a brief analysis by Chris Koyera
• An abbreviated version of the entry properties CSS Background
• Extra map function in Sass
• RTL CSS Management with Sass and Grunt
• flexbugs - a community- driven list of bugs in the current flexbox implementation
• What's new in CSS Selectors 4
• Getting started with Myth: the future preprocessor
• Strategies for maintaining low CSS-specific
• Vertical centering with CSS Flexbox
• Responsive design with Bootstrap 3 Grid System
• OOCSS / Atomic CSS is an "anti-pattern" for responsive design.
• CSS demos, experiments and useful snippets to learn from
• Qualitative implementation of a realistic switch with CSS
• Component-Driven CSS Frameworks

Javascript

• CSS based internationalization using javascript
• It is finished! io.js Version 1.0.1 (Beta stability) released! , Fedor Indutny about io.js , and some more details
• Node-webkit renamed to NW.js
• Material Design and AngularJS
• Simple site parsing with SlimerJS
• All ways to iterate an array in javascript
• We write fast and economical JavaScript code
• A large list of materials for studying Meteor.JS
• JavaScript constructors
• Javascript Core Links - Managed List with JS Javascript Links
• JavaScript Interactive Tutorials
• Writing a CSS parser in JavaScript
• The art of creating architecture based on promises
• 2015: the end of the monolithic JavaScript framework
• Peter-Paul Koch on the problem with Angular
• Projects 6to5 and esnext merged
• Getting started with NativeScript
• React Quick Start Guide
• Why Panda Strike wrote the fastest JSON Schema validator for Node.js
• ECMAScript 6: sets - combining, intersecting, difference , HTML templates in ES6 using template strings , One JavaScript: avoiding versioning in ECMAScript 6
• 3D Curtain Template
• Why I traded Angular for React
• Creating a multi-step registration form using React
• Why one AJAX is not enough. (about WAMP protocol)
• Minimap - preview a page in miniature with navigation on it (similar to the corresponding panel in Sublime)
• insignia - a plugin that allows you to create a field for entering tags with customizable design and functionality
• Z3d - interactive 3D graphics drawn with Three.js
• Cquence is a small library for animating banners or advertising.

Browsers

• Firefox 35 release
• Firefox 35: video calls between browsers and other innovations
• And once again about the updates for developers in Firefox 35
• Firefox 36-beta and Firefox Developer Edition 37 Exit
• New year - new browsers!
• New technology Google will take care of the automatic inclusion of "incognito mode" in the browser
• Microsoft Spartan: one browser for all versions of Windows 10
• How to take screenshots in Firefox
• New tool for managing animations in Firefox 37

Sites with interesting design and functionality

• harukimurakami.com - Haruki Murakami's Creative Website
• homunculus.jp - spectacular hover effects
• 3d visualization of climbers climb path
• wonderfulcolorado.com - winter animated site
• craftedbygc.com - site with a mature design and non-standard elements
• agence-belle-epoque.fr - full-screen scrolling site with typography animation
• mashvp.com - non-standard scrolling direction
• Welcome to Snowflake City with horizontal scrolling
• forneverproductions.com - cute parallax

Design

• Blog design: what it should be
• 02 Links for UX-specialists
• Minimalism in web design
• Flat illustrations in web design.
• We draw mock-up for iPad in Adobe Photoshop
• Top Tumbler Design Blogs
• Web design trends that will rule in 2015
• Board for the mood (or how to concentrate inspiration)
• Direction of mood: setting the tone for your design
• A complete guide to symbolism
• Mocap Guide
• Illustrations for Medium
• Testing of various options for the design of the search field in the header
• Why we got rid of the hamburger icon in the iPhone application
• Fifteen landing pages with outstanding UX
• Rapid prototyping of iOS application design with Pixate
• For inspiration: applications using Material Design
• Create a glamorous poster dedicated to cinema in Adobe Illustrator
• We draw vintage Macintosh in Adobe Illustrator
• Ten of the most popular web fonts of 2014 according to Typewolf
• Inspiring examples of style guides on the interface

A selection of free designer cookies

• More than one hundred free vector hearts
• Free Cyrillic and Latin fonts in your collection
• Action for Photoshop, creating an engraving effect
• Three dozen brushes for photoshop with watercolor strokes and stains
• Set of outline icons dedicated to e-commerce
• Set of monochrome icons of social networks Picons
• Set of monochrome vector valentine's day icons
• Three dozen sets with vector icons: monochrome, outline, with a flat design
• Four and a half dozen retro and vintage fonts: from the caption Streetwear to the decorative Trocadero
• Wild Spaces - Retro Serif Font

news

• Rating of programming languages ​​by popularity on GitHub and Stack Overflow
• Facebook has opened machine learning modules that use GPUs to speed up
• Facebook site and application at Work get started
• Samsung hired apprentice Johnny Ive as head of design
• Windows 7 is preparing for retirement
• Elon Musk will build a testing ground for hyperloop
• Spiral 2 - the first commercial model of Project Ara
• Media: Simultaneous translation and augmented reality will appear in Google Translate
• YotaDevices is working on a dual-screen tablet.
• Simultaneous translation and text recognition features have appeared in Google Translate.
• How an extra second will affect the Internet and navigation systems
• Elon Musk invested $ 10 million in research on the safety of artificial intelligence
• Google closes the Glass Explorer program, and Google Glass can become a commercial product.

Entertaining

• Former Google employee: Many developers will leave the company after receiving awards in 2015
• The story of Elon Musk and his companies: From proximity to bankruptcy to the colonization of Mars
• Elon Musk spoke about the creation of the Internet space on the model of "Cheburashka" for $ 10 billion
• Can two graduate students overthrow Google - discussion on Quora
• Digest IT jokes 2014
• Best on Medium: How I got into YCombinator and became disillusioned with start-ups
• How GPS works
• How the phone of the future was seen in 1981
• How 3D projections violate the laws of physics
• In the name of progress. What scientific events did 2014 remember?
• 5 curious facts from the history of legendary computer games
• 9 films about gamers, geeks and hackers for gamers, geeks and hackers
• 20 events of 2014
• gorescript - WebGL 3D shooter

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 .