The digest of interesting materials from the world of web development and IT for the last week №109 (May 11 - 17, 2014)

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

Web development

• The Art of HTML Semantics, Part 1
• Future API in 2014
• Properly implemented responsive images: a guide to using the picture element and the srcset attribute
• Picturefill 2.0: the perfect polyfill for responsive images
• Can emails be responsive?
• The mobile web is so fast that even Vin Diesel can't get on with it.
• Cool concept with transforming buttons
• Creative effects when loading and hovering for grid elements
• meter; HTML5 element
• Web Development with PhpStorm
• Extensions for Chrome, allowing you to run Gulp commands
• ImageMin app - image optimization (Grunt, Gulp)
• devcast.co - many videos with reports on design, development on JS, Python, Ruby and databases
• Introduction to Grids with the Zurb Foundation 5
• Behavioral Breakpoints: Beyond Media Queries
• How to start working with Bower
• Design guide for working with SVG, P1
• The coolest HTML5 Template
• Big Guide to label positioning in forms
• Web development sucks and it doesn't get better , by Danny Tuppeny
• Introduction to Polymer: A New Generation of Web Development , by Matthew McNulty
• Optimize the front-end development process from Christian Vuerings

CSS

• Chris Koyer updated the Flexbox guide
• How to use the pseudo-selector: target for an alternative page design
• Sloppy color variables in Sass
• CSS Shapes Polyfill
• Ideas for using animated CSS transitions that can be easily done in ten minutes
• Interesting text rendering options, each letter of which consists of halves of a different color on StackOverflow
• Pure CSS surround stereoscopic text
• Ideal underlined text with the effect of the effect
• WTF, forms? Friendly markup forms from mdo. (IE9 +)
• Gallery of cute css-shapes
• Pure CSS Preloaders using a single html element
• Ladda Buttons - Effects on Buttons from Bootstrap
• Pure CSS Golden Gate Bridge
• DynCSS - add dynamics to the CSS rules on your site
• Advanced Web Typography: Kerning
• CSS3 snippets code and tutorials for creating 3D effects
• StyleStats - Node.js site parser for collecting CSS statistics

Javascripts

• waSlideMenu.js - Multi-Level Scrolling Menu
• jQuery with CoffeeScript
• Native Promise Only (NPO) - polifil, close to the implementation of native ES6 promises
• Rethinking DOM navigation functions
• We work with Intl
• How Javascript Loading Works - DOMContentLoaded and OnLoad
• Understanding the Four Levels in JavaScript OOP
• Bootstrap Accessibility Plugin
• No more js frameworks needed
• Introduction to using IndexedDB
• Learning to write well-structured javascript
• Interactive maps created with D3.js, Three.js and Mapbox API
• Jest - painless unit testing JS
• rangeslider.js is a simple type = "range" polyfill with touch device support
• VanillaMasker - a library for masking input data
• Filtrex - simple, safe, JS-expression filter compiler for end users
• VVVV.js - programming language VVVV, for the description of visualizations, in your browser

Web tools

• Helping a startup: 40 free photo stocks
• Web 3D: how to work with 3D without leaving the browser
• Framer.js - a tool for creating interactive prototypes with animation.
• optimizilla - image optimization service
• waterpipe.js - abstract shapes image generator
• dumb.domains - stupid web address generator

Browsers

• Deep DRM injection or what awaits Firefox after Brendan Ike leaves
• Free Software Foundation urges Mozilla to abandon DRM module in Firefox browser
• The sum of the contest additions created for the new interface Firefox
• How to disable the new trendy Firefox interface and return everything as it was8
• Mozilla will try to force older Firefox browsers
• It’s time to go back to Firefox
• What is the impact of AdBlock Plus on Firefox memory consumption?
• 7 alternative browsers for iPad

news

• Microsoft made a number of improvements in Outlook.com
• Art. Lebedev Studio has released the application "Goodwalk", the Russian equivalent of Foursquare
• Twitter will hide tweets from unwanted users
• Gmail can change a lot
• Heartbleed vulnerability fixed only on half of servers
• Facebook launches new service for audience analysis
• Google Glass is available to everyone in the US
• Microsoft plans to expand its presence in iOS and Android
• Apple will speed up iPhone 6 output and add NFC support to your smartphone , and can also make a screen resolution of 1704x960 pixels
• Google introduces the "Knowledge Network" in their Maps
• Yahoo bought the developer of a secure messenger Blink
• Samsung is reducing Apple's lag in the tablet market
• Pinterest service went up to $ 5 billion after receiving $ 200 million investment
• In one line:
  
  • Evernote has 100 million notebooks.
  • Google will remove the information from the search requested by the user.
  • Gmail downloaded 1 billion times on Android devices
  • Russia has become the world's tenth largest smartphone market.
  • Tizen smartphones will soon arrive in Russia and India
  
  

Sites with interesting design and functionality

• Sites in cool colors , but rather colorful sites
• Sites of educational institutions
• Interactive 404th page.
• 25 sites with non-standard shapes and angles in the design
• hyper-m.jp - an interesting design concept with a pseudo-3d effect
• alessioatzeni.com - entertaining 3D animation effects
• Interestingly implemented gallery
• liplover.ca - vertical female website with pseudo-interactive and parallax
• benoitchabert.ca - an unusual interactive site with parallax effects.
• wilsonsideral.com.br - another vertical parallax site
• trophees-du-bar.com is another parallax site, this time horizontal
• landerapp.com - scrolling site with interesting animation
• flyjetedge.com - airline website with non-standard effect

Design

• Application interface: our mistakes and 16 tips, how not to repeat them
• Why error messages are evil
• Quora app redesign history
• Battle of graphic editors: Photoshop CC vs. Sketch 3
• 11 Facebook Redesign Concepts
• All Photoshop shortcuts are collected in one interactive application.
• Ghost buttons in web design: a new trend + examples of sites with such buttons
• Designers from New York looked at the flat design from a new angle
• How to make the right decisions regarding design
• Placeholders in forms are harmful
• Design principles: space and communication based on images
• Resume Infographics Style - the Art of Promoting Yourself
• Ten principles to help improve user experience when working with mobile and web applications
• How mobile devices, including ultra-compact, can affect web design
• Fourteen things I learned by working on the design of Disqus by Joshua Sortino
• Prototyping with Origami from Facebook
• The complete guide to working with colors in Photoshop - point colors
• How to create the effect of ketchup-written text in Photoshop
• Creating a color palette based on the color of the photo
• YouTube channels with Photoshop tutorials
• So what is the snag with horizontal and vertical control elements in Bezier curves?
• Trends logos in 2014 in the world
• Interactive reference with samples of typography Discover.typography. by Hoefler & Co
• The best fonts from Google Web Fonts , as well as recommendations for their use and selection of the font pair
• Pixel art without garbage: week 1
• What should learn beginners and inexperienced designers
• 10 tips on kerning and metrics

A selection of free designer cookies

• Free Symbols for Illustrator
• ka • ku - Photoshop plugin for translating text layers into another language
• Top Image Resources
• Photo-texture with the image of denim
• PNG and PSD with fresh UI images and layouts
• A set of vector graphics Audio Session Kit, depicting the instruments of the recording studio
• More than three dozen hipster badges with vector sources
• Set with outline vector icons LineIcons
• Linea - set of vector outline icons
• Set of vector icons dedicated to business and finance.
• Set with round social network icons
• The latest version of Font Awesome 4.1 has 71 new icons.
• Source Serif Pro - Classic Adobe Serif Font
• Decorative Hovel Sans Serif Font
• Reckoner is a sans-serif decorative font family with plain and bold.
• Fonts of the week: from Baron to Track

Demo

• Rainbow octopus on canvas
• Typography from "physical" objects
• WordChain - a crossword game
• WorldUnderWater - visualization of the most famous places in the world after the global flood

Entertaining

• What to read on the weekend. Digest news of the gaming industry
• High-speed robotic arm
• ANTVR: An interesting competitor to the Ocululs Rift with a hybrid controller included
• 40 most innovative companies of 2014
• 30 interesting facts about Mark Zuckerberg on his 30th birthday
• 10 unusual things that can be printed on a 3D printer
• 10 revealing facts about the real world of Silicon Valley
• In California, they nevertheless passed a bill on the mandatory kill-switch option for smartphones
• Great smartphone war
• Overview of the most interesting crowdfunding projects for the week
• OutRunner is capable of speeds up to 32 km / h
• Myths about the work of non-technical staff in a startup
• The coolest reports from iForum 2014
• Why Google headhunters don't care about your diploma
• Created flexible electronics, which inside the body becomes soft
• Why Silicon Valley has ceased to be a technological mecca

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 .