The digest of interesting materials from the world of web development and IT for the last week №144 (January 19 - 25, 2015)

We have not gone anywhere and still bring to your attention a selection with links to useful resources, interesting materials and IT-news.

Web development

• What happens after you type google.com in your browser and hit enter?
• Why we can not really make responsive images using CSS or JavaScript
• Live Font Interpolation on the Web
• How to educate yourself web development
• What is a virtual viewport?
• Time to check the use of data by your application. Average page for mob. devices now weighs 1 MB
• Create screenshots from video
• "Front end and back end" - Ppk on the differences between them.
• Questions for interviewing for the frontend developer position
• Create your own SVG icons
• HTML6 or HTML.next Ideas
• LumX is the first responsive front-end framework based on AngularJS and Google Material Design specifications.
• Marko is an extensible language for creating templates.

CSS

• Full customization of select without using JS
• What's New in Level 4 CSS Selectors
• We start to deal with Myth, the preprocessor of the future.
• Draw an animated scene using css
• CSS Animation Performance
• Creating a productive and responsive site on "pure CSS"
• Effects ideas when adding purchases
• PubCSS: Formatting Academic Publications in HTML & CSS
• Learning Sass with CodePen, Part 1 , Part 2
• CSS Extend Rule - from a collection of interesting ideas on CSS decoding
• ATOMIC CSS - Thierry Koblentz slides from Yahoo! with FED London 2015
• A Vision for Our Sass
• cssplus is a strong, fast and cross-browser Flexbox-based template.
• Centering and cropping images with a single line of CSS (object-fit: cover)
• Using the fit-content property in CSS
• Meet LibSass
• The final version of the implementation of long shadows using Sass-mixin
• image-rendering: pixelated
• Super fast adaptive markup with Jeet
• Manhattan is a lightweight and customizable CSS grid.
• Getting started with the Skeleton CSS framework

Javascript

• Calculate factorial on Church numbers
• Flexible event management in jQuery - jquery.behavior plugin
• A simplified Git implementation of JavaScript is being developed as part of the Gitlet project.
• PhantomJS 2.0 is scheduled for January 23
• Writing a game on ReactJs using webpack + react-hot-loader
• Top 10 CodePens of the Week: JavaScript January Edition
• Fake data generation for your javascript application using faker
• Javascript errors and how to fix them
• Debugging Javascript [a bit] more than console.log
• Traveling around the country testing client-side applications using JavaScript
• ECMAScript 6 equivalents in ES5 - Addy Osmani Reference
• ES6 javascript - less weird parts
• font-character-inspector - an inspector of unicode characters associated with an icon font
• Custom Events and Ajax Friendly Page-ready Checks
• Getting literals with ES6 Template Strings
• Fetch API in action
• Creating well mannered websites with page visibility API
• Auto-complete forms using jQuery and Web Storage API
• AngularJS Depth Features
• angular-websocket - a module that connects the client part of the application to the server
• View NumGL - WebGL libraries for fast image and video processing
• mingo - JavaScript implementation of the MongoDB query language
• Plugins:
  
  • Tuxedo.js - framework based on React, Flux-architecture and CommonJS modules
  • marty.js - a library for managing states in React applications
  • mozaik - toolbar on nodejs, react, d3, stylus for building cool dashboards
  • canvg - SVG parser and visualizer in Canvas
  • WheelNavJS - creating a navigation wheel (SVG)
  • pwstabs - jQuery plugin for creating functional tabs with adaptive design
  • terminal.js is a library for terminal emulation for browsers and node.js
  • amalia.js - HTML5 video player with meta data visualization
  • blockrain.js - simple addition of tetris to the site
  • Slalom - rapid prototyping of touch-interactive components with physical properties
  • Matter.js is a physics engine for the web.
  
  

Web tools

• Hipster Logo Generator
• PencilBlue - CMS on Node.js
• Raster image converter in jpeg, jpg, gif, png formats to Svg vector format
• Tint UI - Trend Color Pipette Library

Browsers

• Chrome 40 web browser release
• Chrome 40 came out with the blocking of all NPAPI plugins
• Spartan: the same IE11, only from the side
• New panel for developers in Firefox, episode 37
• What's New in Firefox 35 - Details for Web Developers
• Virtual reality has appeared in Firefox Nightly , Web VR appears in Firefox Nightly
• Firefox will cut "referrers" for privacy
• Google invites Firefox users to change default search and start page
• UBlock ad blocking system available for Firefox
• Microsoft will release Windows 10 with two browsers simultaneously

Sites with interesting design and functionality

• First person web design
• Shopify in 2014
• Creative portfolio
• Aerolab - a portfolio with good typography and concise animation
• blitzagency.com - a vertical site saturated with three-dimensional transformations
• gianlucabocchi.com - site with creative animation effects
• homunculus.jp - the Japanese are able to surprise even with sites

Design

• Video. Material Design Basic Principles
• 12 basic principles of animation
• Organize it completely - Anton Lyubushkin shares his experience of organizing work with large layouts and non-standard use of new features of Photoshop.
• 10 Android applications in Material Design style that are already available on Google Play
• UX Consultant: Why Facebook and Instagram News Feeds Are Wrong
• Tumblr is testing a social network for the interaction of brands and artists.
• Why does a web designer need an old monitor?
• Create a brush drops in Adobe Photoshop
• Pattern for knitted sweater Adobe Illustrator
• 10 trends in web design that will change everything in 2015
• Four major trends in website design in 2015
• Ninety-year-old Silicon Valley Designer
• How attracts new users Duolingo
• Challenge redesign: Dropbox for Android
• Is visual design getting flat?
• UX Reader - MailChimp Book
• Reviewing prototyping tools
• Is minimalism the best strategy for your site?
• One hundred and one inspirational quote for designers
• Examples of mobile application color interfaces
• Guide to improve the accuracy of design mocaps
• Web design with hand-drawn creative typography.
• Fifteen steps to better usability (and happy users)
• Creating an isometric pixel-art image of a building in Adobe Photoshop
• How to create an animal portrait effect in Adobe Photoshop
• Font pairs from the Google Fonts collection
• Pokemon and brands

A selection of free designer cookies

• Brushes smoke for photoshop
• Free hand drawn icons
• Two dozen plug-ins for photoshop
• Photos of cities
• Collection of new and free fonts for January 2015
• Dozen brushes for Photoshop depicting broken glass
• Valentine's Day Vector Banners (AI & EPS)
• Avant UI Kit (over one hundred items) in four PSD files
• Set with elements of Apple Watch UI
• Vector map of the world and North America (AI, SVG)
• Creatt Icon Set (PNG, AI, SVG)
• Set of vector icons dedicated to education (PSD, AI, EPS, SVG)
• Online store basket flat design template
• A pack of almost four dozen icons with a flat design.
• REFUGE - decorative sketched handwritten font in vintage style
• Slash - villainous sans serif header font

news

• Windows 10: The Next Chapter
  
  • New Windows 10 and other fantastic news from Microsoft
  • A video of the Microsoft conference is available for viewing on YouTube to everyone.
  • Microsoft integrates Skype in Windows 10, making it an analogue of Apple iMessage
  • Microsoft’s Virtual Future: HoloLens Holographic Helmet and Windows Holographic Platform
  • Microsoft introduced the virtual assistant Cortana for Windows 10
  • Microsoft: the end of the black bar?
  • Microsoft announced Office 2016 and Office for Windows 10
  • In Microsoft told about the free upgrade to Windows 10
  • Microsoft Windows 10: promise - does not mean to marry
  • Review from Logvinova : The revolutionary Windows 10 for free, HoloLens - an incredible helmet of augmented reality. Battletoads.
  
  
• Microsoft has joined the Student Developer Pack and some other GitHub Education news.
• Google is planning to work with SpaceX
• Facebook made of whatsapp virtual cellular operator; Google is on the way
• Google: The Internet will soon disappear
• YouTube's advertising revenue is 80 times less than that of TV channels.
• Mobile software market outperforms Hollywood
• Last year, Facebook lost 9% of active users , and Facebook’s contribution to the global economy was estimated at $ 227 billion.
• Google processes at least 1 trillion requests per year
• HP has become a leader in the notebook market

Entertaining

• How Moore's Law Destroyed Google Glass
• In China, with the help of 3D-printing erected a "five-story building" and a huge villa
• What can be printed on a 3D printer?
• Video of the day: Boston Dynamics radically reworked the Atlas robot

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 .