The digest of interesting materials from the world of web development and IT for the last week №71 (August 18 - 24, 2013)

We bring to your attention another collection with links to news, interesting materials and useful resources.

Web development

• Adaptive emails
• Frequently asked questions about the attribute rel = "author"
• srcset: The srcset WebKit attribute guide on the img tag, and why srcset implementation is good
• Output element
• Bootstrap 3.0 - new design, mobile first and rejection of IE7 and Firefox 3.6 support discussing on Habré
• Vector image with raster folback for old browsers (SVG and image tag), additional SVG options with folback
• Ilya Grigorik's video on web performance optimization
• Facebook posts can now be embedded into all pages
• Definition and control of Touch events on the site pages
• WebP - Google Image Compression Technique
• Comparison and juxtaposition of tags ins, del and s
• New features of the latest version of Firebug 1.12
• We write code for Web Audio API , which will work in any browser (in fact, not)
• Creating a three-level adaptive menu
• How to create a custom WordPress weather widget
• Clank - HTML / CSS framework for prototyping native phone / tablet applications
• Brick - UI components for modern web applications
• pineapple.io - a big hub with lessons, tools and kits for web developers
• Exploding block on HTML / CSS / JS
• “Mobilizing the Web” - web developers roundtable (video)

CSS

• List with Russian letters
• CSS3 Pearl - calc () function
• Connecting non-standard fonts. Part one
• cssexclusive - useful CSS animation techniques with code and examples
• Tridiv - a service for creating three-dimensional objects using HTML and CSS 3D , An animation of a spacecraft made using Tridiv
• Semantic CSS with smart selectors
• About rem units
• High quality camera icon on pure CSS3
• Using CSS3 pseudo-classes and transitions to create interactive links and buttons
• CSS3 Animation Player
• extractCSS - recreating classes, IDs and inline-styles from html
• Demo showing the effect of physical curvature depending on the speed of the scrollbar
• Generating CSS grids on Stylus
• Another technique for nailing a footer to the bottom of the screen is using z-index and fixed

Javascripts

• ng-boilerplate - AngularJS boilerplate
• Speech Router - we use the Chrome API for speech recognition to create routers
• Module to Node.js to determine image size
• botdylan - automation of work with processes on GitHub using JavaScript
• ungit - UI for working with git on any platform
• offreg - jQuery plugin for adding stereoscopic effect
• NProgress.js - progress bar on both YouTube and Medium
• FlowType.JS - Proper Responsive Typography with FlowType.JS
• texteffects - funny jQuery text animation
• Google Cloud Storage - we start working with a sample application in JavaScript
• NoFlo - Visual Control Flows for JavaScript
• Animated heatmap with a timeline according to Google Analytics
• About using jQuery in tutorials

Browsers

• Published ranking of the most unreliable browsers
• Web browser stability test results
• Chrome web browser release 29
• Firefox in the style of Modern for Windows 8 will be released on December 10
• Sauce Labs: IE over the years worked worse and worse, but now the situation has changed
• Support for media formats in Firefox

news

• Steve Ballmer leaves the post of CEO of Microsoft , Shareholders positively perceived Ballmer's statement , the Head of Microsoft resigns. Optimistic version of the article
• Yahoo overtook Google on generated human traffic in the USA and closed its postal service in China
• Zuckerberg and partners launch Internet.org to give people cheap internet
• Google fell by two minutes - the volume of world traffic has decreased by 40%
• Web services:
  
  • The integration of Google Maps and Waze services has begun.
  • Vine audience tripled in two months
  • The largest zoos of the world appeared on Google Street View , the page itself
  • Google launches video calls with experts
  • YouTube can now turn off all ads.
  
  
• Smartphones:
  
  • Nokia Lumia 520 has become the most popular Windows Phone smartphone
  • Intel is preparing to launch new platforms for tablets and smartphones in 2014
  • Fundraising campaign for Ubuntu Edge is over
  • LG announced the world's first 2560 x 1440 LCD display for smartphones
  • The new iPhone will be golden
  
  

Web tools

• Pingendo - an application for prototyping responsive pages using Twitter Bootstrap
• Random User Generator - a service that allows you to generate data of a randomly made-up user (including photos)
• html2pdf.it is a great html to pdf converter

Demo

• Impressive WebGL examples
• WebGL demos created with babylon.js
• Visualization of classical music
• babbit - Eat carrots and beat the farmer!

Sites with interesting design and functionality

• Creative html5 sites
• New York Times Special Project: THE BLOOMBERG YEARS: RESHAPING NEW YORK scrolling effects, background video and concise design
• Cool sites that use video as a background or one of the key design components.
• niquewoodhouse.com/folio/ - Laconic portfolio with elegantly implemented navigation
• www.pixelis.fr/en - spectacular horizontal scrolling slides
• dziwoki.me - a technologically advanced presentation (html5 canvas, etc.) with a fun approach to scrolling animation
• madebyjoyce.com - nice one-page site with modern animation effects
• abbyputinski.com - interactive site-map

Design

• Bing holds a contest among users for the best photo of the city
• Understanding of letters
• Texts that will ruin the most beautiful design
• A selection of books as a gift to a web designer
• The iOS Design Cheat Sheet (iOS7)
• aboard.io - feed with fresh graphics aggregated from different RSS feeds
• typehunting.com - photo collection with typography
• 123rf.com - photo library with ROYALTY FREE license
• How to use photos in web design
• 35 Latest Photoshop Text Effect Tutorials
• How to add a vintage or retro style to your website
• Logo: Witty boxed logos, law firm logos featuring a piano

A selection of free designer cookies

• Textures: colored paper
• Vector: two dozen source stripes
• Sources: Modern Touch UI Kit
• Icons: packaging of icons on a theme : portfolio, football, statistics and music, sets with icons of social networks, icons of payment systems, with long shadows , a fresh dozen of icon sets with long shadows or a flat design
• Fonts: Map Icons - icon font with icons for Google Maps, Braxton - decorative italic font

Entertaining

• To birthday Mastdayki
• 5-minute drop in Google services reduced global traffic by 40%
• How does the frequency of the request affect the issue of Google
• In order to stop the stories about Edward Snowden, the British government destroyed the HDD in the office of The Guardian
• Google's dead number : why “20% on projects” no longer helps the company
• Google and the Arab Spring : how high-tech companies have changed the course of the revolution
• Give a man a fish, and he will be full all day . Offer him to learn programming, and he ...
• Facebook has squeezed $ 500 to a Palestinian hacker for an exploit that allowed anyone to post anything on the wall
• How it was: the fall of the BlackBerry
• People change their behavior online due to NSA surveillance.
• New Microsoft Advertising: Windows 8 is better for studying than iPad
• synthcats.com - photo of cats and synthesizers
• Steve Jobs' Funniest Video Moments
• Angry cat gave an exclusive interview to an Australian TV channel
• NASA discusses the concept of a warp engine and is preparing to create an Alcubierre bubble in the lab

')
Digest from last week .
Material prepared by dersmoll and alekskorovin