The digest of interesting materials from the world of web development and IT for the last week №151 (March 9 - 15, 2015)

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

Web development

• Evaluation of the popularity of open source licenses on GitHub
• The most needed plugins for Gulp
• Adding Audio to Web Applications (Adding Audio to Web Apps)
• Creating semantic sites with web components and JSON-LD (Creating semantic sites with Web Components and JSON-LD)
• Using splash windows in web applications (Increasing engagement with Web App install banners)
• Push Notifications on the Open Web
• What are WebComponents and why are they so important? (What are WebComponents and why are they important?)
• localFont - caching implementation in localStorage in seconds (localFont - Implement localStorage web font caching in seconds)
• Caching SVG sprites in localStorage (Caching SVG Sprite in localStorage)
• Transform your illustration into an interactive SVG (Transform your illustration into smart SVG)
• Effective physics in data visualizations (Fun With Physics In Data Visualization)
• ArchieML is a format developed by The New York Times for more structured text formatting. (structured text format optimized for human writability)
• Available Drag and Drop functionality for multiple items (Accessible Drag and Drop with Multiple Items)
• Improving image responsiveness with the picture element (Improving Responsive Images with the Picture Element)
• Optimizing SVG images (Optimizing SVG images)
• How to determine developer knowledge before hiring (How to Test Skills of Web Developer Before Hiring)
• Quick Guide to Using LiveReload with Gulp (A Quick Guide to Using LiveReload with Gulp)
• How to schedule work with APIs, JavaScript, and SVG (How to chart your hours with APIs, JavaScript, and SVG)
• A selection of tools and resources for working with SVG (SVG Tools And Resources You Might Want To See)
• API Driven Development ADD
• Google Fonts Files on github
• Web tools
  
  • App Store Screenshot Builder
  • skalacolor extraordinary color picker (skalacolor an extraordinary color picker for designers and developers)
  • shade - gradient generator with an emphasis on math shade v1.0.0 - mathematically derived gradient explorer
  
  

CSS

• Half a pixel?
• Best practices for creating custom elements , translated by css-live.ru
• Using CSS: target selector to create UI effects without using JavaScript
• Inline-block intervention (An inline-block intervention)
• Unchangeable CSS (Immutable CSS)
• The Truth About! Important (The Truth About! Important)
• What is the initial size of em-based media expressions? (Do you want to use em-based media queries?)
• Atomic CSS on Steroids
• Could CSS be too modular? (Can CSS Be Too Modular?)
• CSS3 Gradient Stroke (Creating Gradient Borders Using CSS3)
• Creative Gooey Effects
• How to start with CSS Shapes (How to get started with CSS Shapes)
• grunt-sassyclean - scans a project into parts that are never imported (grunt-sassyclean - that’s never imported)
• Blackhole - minimalistic, but flexible and powerful framework on SCSS / CSS (Blackhole - minimalistic SCSS / CSS framework)
• CSS SANS - a Sans font created by CSS
• Semantic Markup with Foundation 5 and Sass (Semantic Markup with Foundation 5 and Sass)
• SassyFlags is a small Sass library for adding any flag to your website (Simple Sass library).
• flipside - spectacular animation of buttons and dialogue
• Columns with the same height with Flexbox (Equal Height Columns Using Flexbox)
• The implementation of the tournament grid, implemented using flexbox

Javascript

• Animations against lags or the best battle that was not
• Translation of the book "Expressive Javascript" in pdf
• V8 experimenting on javascript modes
• Do you write javascript code in javascript Take the test and learn your skill!
• Modern JS-developers tools (The Modern JavaScript Developer's Toolbox)
• Advanced JavaScript without breaking the web (Advancing JavaScript without breaking the web)
• Experiments with strengthening JavaScript (Experiments with Strengthening JavaScript)
• Bringing together JavaScript editing and live testing (Bringing together JavaScript live editing and testing.)
• Introduction to fetch () (Introduction to fetch ())
• HTML5 Local Storage Revisited
• Taming the asynchronous monster with ES7 (Taming the asynchronous beast with ES7)
• Creating the globe on WebGL and JavaScript (Building the Earth with WebGL and JavaScript)
• Testing HTTP mocks in NodeJS (HTTP Mock Testing in NodeJS)
• Node.js in brief: Node.js basic programming (Node.js Succinctly: Basic Node.js Programming)
• essential-react - the minimum skeleton for building React applications using ES6 that can be tested (essential-react - a minimal skeleton for building testable React apps using ES6)
• Why I recommend EmberJS regarding AngularJS (Why I recommend EmberJS over AngularJS)
• Create your own two hundred lines version of AngularJS (Build Your own Simplified AngularJS in 200 Lines of JavaScript)
• Iframe-resizer - automatic resizing of iframes (iFrame Resizer)
• datakit - a lightweight data analysis framework (datakit - a lightweight framework for data analysis in JavaScript)
• Motion detection using the Doppler effect (Motion sensing using the doppler effect)
• rmodal.js - a simple modal dialog without dependencies (rmodal.js - a simple modal dialog with no external dependencies)
• sapo.js - interactive procedural texture generator (sapo.js - interactive procedural texture generator)
• Javascript Learning Tracks - Want to start learning Javascript and not quite sure where to start? Look for inspiration in these notes.
• Book your first application on Meteor (Your First Meteor Application)
• Opening EmberConf 2015 (EmberConf 2015 - Opening Keynote)
• Video from the conference EmberConf 2015 (EmberConf 2015)

Browsers

• Sync Opera bookmarks between iOS, Android and computer
• Browsers from Russian IT companies: an unbiased review attempt
• Pseudo-elements, viewing promises, raw headers and more - Firefox 36. Developer version
• Breaking the relationship with Internet Explorer 8

Sites with interesting design and functionality

• Cool French Frontender Portfolio Portfolio
• Sites for your inspiration
• stupid-studio.com - a site with an interesting slider and animation effects.
• extraordinary.pwc.com - an interactive site with a three-dimensional effect
• Wrist watch
• connectpaste.com - vertical scrolling site with pseudo-interactivity

Design

• Five plugins to improve work in Adobe Illustrator
• Fascinating typography in web design
• How to work as a freelance designer and travel (How to Work as a Freelance Designer and Travel)
• I think of interfaces as sets of jobs (Thinking of interfaces as sets of jobs)
• New design spotify
• Screencast: UI Animation Overview - Web Navigation (Screencast: UI Animation Reviews - Web Navigation)
• New logo and identity for Fugue (New Logo and Identity for Fugue by Sagmeister & WalshRegeneration Nation)
• Doing design for medicine (Designing for Medical)
• Evolution of Alfred (The evolution of Alfred App)
• How to reduce the size of your PSD-NIS (How to Reduce the Size of Your Photoshop PSD Files)
• Quick Tip: Improve Your Digital Drawings with Quick Reference Layers in Photoshop (Quick Tip: Improve Your Digital Paintings With Adjustment Layers in Adobe Photoshop)
• Creating a fantastic landscape in Photoshop (Create a Fantasy Landscape Matte Painting in Adobe Photoshop)
• How to Draw Infographics with Blender and Inkscape (How to Create a Saturn Infographic With Blender and Inkscape)
• Three experts express a handwritten typography boom (3 Typography Experts)
• “What is kerning, mother fonter?”

A selection of free designer cookies

• Free Notebook Textures
• Grunge paper textures (Free High Res Grungy Paper Textures)
• Geometric photo masks (Freebie: 4 Geometric Photo Masks)
• Two dozen high-quality website templates (20 Free High Quality Website Template PSDs to Download)
• Seventeen Mockups T-Shirts (17 Awesome Free PSD T-Shirt Mock-ups)
• Ten vintage retro badges in PSD format (10 Free Vintage Retro Badges (PSD))
• Apple Watch Paper Wireframes
• UI Sets (A Roundup of Free & Beautifully Designed UI Kits)
• Dream Icons
• Mockups of devices in formats PSD, AI, SVG - flat and real (READY-TO-USE PSD, AI & SVG FILES FLAT & REAL)
• Six dozen round icons with a flat design on a household theme (60 Free Round Flat Icons (AI, SVG, PNG))
• Adaptive Outline Icons (100 Responsive Line Icons)
• Metro style UI set (Metro Flat UI kit - Freebie)
• Dotter World Map Vector - Freebie
• Casino Site Template (Online Casino PSD Template [Free Download])
• Food & Drink Icons - Freebie Icons
• Multimedia outline icons set (Free Icon Set: “Linear Multimedia Icons” by FreeVectors.net)
• Kanji - decorative sans serif font (Kanji - Free Font)
• Diaria Pro - serif font

news

• Apple:
  
  • Text translation Apple Spring Forward
  • Apple Watch, the rejection of USB and the new MacBook: the results of the presentation of Apple
  • ASUS: “Want to buy an Apple Watch? Have you lost your mind? ”
  • Battery can be Apple Watch “Achilles' Heel”
  • Apple Watch for Business: Will smart watches be able to conquer the corporate segment
  • One problem with Apple Watch
  
  
• Google Code closes and invites everyone to go to GitHub
• Apple Medical Research Kit
• Google has facilitated the development of sites with web components and JSON-LD
• Why USB Type-C is very cool
• YouTube launched support for 360-degree video
• According to the results of 2014, Samsung became the leader of the smart watch market in 2014.
• Google announced the release of the update Android 5.1
• Because of the strong dollar, global PC sales will fall by 5%

Entertaining

• TeleGeography World Wide Web Map. 2015 version
• A week in the history of IT - March 9–15
• The story of the rise and fall of Fab.com - an online store worth $ 1 billion, sold for $ 15 million
• Four famous IT products that their creators hated
• 8 photographers tried to work in Photoshop 1.0
• 16 unusual facts about Google
• BAFTA awarded the best games of the past year
• Robert Downey Jr. awarded a 7-year-old child with a bionic prosthesis in the form of an Iron Man glove

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 .