The digest of interesting materials from the world of web development and IT for the last week №99 (March 2 - 8, 2014)

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

Web development

• How to use HTML5 sectional elements
• JSDuck - documentation generator
• Now in WebStorm there is a multi-persistence
• Nine services for learning programming
• Grunt and WordPress: Part 1. Introduction to Grunt , Part 2. Customize Grunt for your projects
• Detailed introduction to Custom Elements
• Rethinking responsive svg
• Customizable elements for custom applications - web components built using Mozilla Brick and X-Tag
• Read the documentation, faster
• Mobile HTML5 has never looked so cool
• How to use visitor statistics to make decisions about improving mobile sites
• Introduction to Gulp.js
• Tasks for Grunt and Gulp to optimize performance
• Builds for different environments on Grunt, Gulp or Broccoli
• Build with Chrome - how to create an application for Chrome - Lego Designer and adapted for mobile devices
• Five best frameworks for creating mobile web applications: Sencha Touch
• WebGL using Three.js - Lesson 2
• The browser cache is Vary broken

CSS

• Magic Circle: CSS Puzzle
• Sass 3.3 released , Working with BEM is now even easier.
• CSS3 gradients
• Icon navigation bar built using Flexbox
• Five techniques used when working with responsive web design
• Typesettings is an em-based typography tool (Sass).
• Imacss - a library and application for converting images to dataURI in your CSS
• Shake - library with shaking effects using CSS3 animation
• Abstract rotating animation: circle, square, triangle, dolphin (all effects are visible in Chrome)
• Agile - CSS3 engine for creating animations and simple games
• Sassline - align text on a grid with Sass and rem
• Simple but cute effects for a stack of images.
• Create rubber layouts with HTML5 and CSS3

Javascripts

• Javascript without this
• Stop writing for loops. It's time to use Underscore.
• Let's make gulp javascript project
• Partial JavaScript application with bind ()
• ECMAScript 6 - an overview of features by Luke Hoban (Microsoft)
• ECMAScript 6 features and tools from Casper Beyer
• Unraveling Your JavaScript with Browserify
• Inkling Habitat: how the application for creating e-books in JavaScript from 100,000 lines was built
• JavaScript promises - library comparison
• Mastering access to the DOM (100 lines in JavaScript)
• Access tables in Google Drive with Node.js
• cha - allows you to make chains of tasks to improve readability and support
• Sticker.js - a library without dependencies, allowing you to add a sticker effect
• ScrollMagic - jQuery plugin for magic interaction with page scrolling
• RowGrid.js - an adaptive grid of images arranged in rows
• jQuery fontIconPicker - a plugin for creating a component with an icon selection
• Pizza Amore - a graphing library from Zurb
• Interactive Cheat Sheet by AngularJS
• For, While, and Do ... While loops in javascript

Web tools

• Free HTML5 Font Editor
• MyFonts allowed to download any font
• Type Finder - an online tool for choosing a decent font.
• Animatron - online animation editor
• iwanttouse.com - checking support in technology browsers
• IconPocket - we think it's time to express your feelings to your icons.

news

• Over $ 1 billion already raised on Kickstarter
• New Yandex.Disk interface. How did we do it and why in general do it
• Mozilla has developed a more efficient way to compress JPEG files - mozjpeg
• Bill Gates became the richest man in the world again.
• Windows 7 is retiring this year
• Microsoft will notify users about the termination of support for Windows XP
• Research Mail.Ru Group: Apple vs. Android, Mobile vs. Desktop
• AdBlock and AdBlock Plus distort the work of Yandex services
• Launched the world's largest solar power plant
• Skype Skype video calls to Outlook.com are publicly available and have HD support.
• Android 4.4 KitKat holds only 2.5% market share
• Personnel permutations in Microsoft. Again
• Mozilla Terminates Persona Identity Service Development
• Facebook has a new design, but not as innovative as expected.

Browsers

• Stable Opera 20
• SurroundWeb - Microsoft 3D Browser
• Chromium will show the text if the font is loaded for a long time.
• Soon in the stable build Chrome will appear built-in support for voice search
• The beta version of Chrome 34 for Android allows you to stream videos from the Internet to Chromecast
• Firefox tightens restrictions on displaying plug-in-related content.
• Internet Explorer still controls more than half of the browser market.
• Dell charges $ 27 to preinstall Firefox

Sites with interesting design and functionality

• Cool domestic sites
• A hell of a dozen colorful websites
• A selection of sites with a flat design
• behind the banner - interactive futuristic presentation of the work of the banner system
• Collection of stylish landing pages
• wearetheswan.com - a cool example of the irregular use of parallax
• satchmi.com - interesting structure of the site page
• tacospillet.no - prepare tacos!
• dingzhou.co.nz - minimalistic site
• tomlrn.com - a site with cool effects and unusual navigation
• redvolucion.gov.co - horizontal colorful website
• exsus.com - interesting solutions with scroll animation

Design

• Large typography in web design
• Where did the mantra about simplicity in interfaces come from
• 3D typography for your inspiration
• How to present your team on the site
• Adobe Illustrator Flower Tutorials
• Interview with designer Hillary Coe
• Misconception about the parallax effect in web design, causing problems
• Creation of prototypes with transitions between sketches and the ability to view the client
• Typography tips from Erik Spiekermann
• Rough realities of work in their own design business
• Common UX bugs that kill your design
• Gmail redesign concept
• A quick design in Illustrator - fourteen tips on how to create interfaces in minutes
• How to learn Adobe InDesign for free
• The complete guide to working with video in Photoshop - export video
• Creating a glowing text effect in Photoshop
• Logos for inspiration: black, white and gray
• Nineteen Hipster Logos, Redesigned for Corporate America
• Honest Logos

A selection of free designer cookies

• Photobank Getty Images allowed free use of images
• Floral brushes for Photoshop
• Free Vector Greeting Card for March 8
• The best resources with brushes for Photoshop
• Colorful Flat Lightflat UI PSD
• Four dozen outline icons from Sympletts
• Ten sets, each containing more than a hundred flat icons
• Two dozen fantastic set with icons
• Hangloose Icons Set (over 50 icons)
• Adam sans serif font based on Futura
• Pesaro Light - Serif Font
• Friday fonts # 12: from Stalemate to Bellerose

Demo

• Starry Sky on Canvas. Constellations
• Apple CarPlay
• Cool iPhone5s Ads
• Animated square markers in SVG
• ShadowPainter - pixel by pixel animation
• Interactive Iconic Guide
• If the moon were 1 pixel in size
• JurassicSystems - Jurassic Park system in browser
• Checkout is the best solution for payment forms on the web and mobile devices.
• Eye on WebGL

Entertaining

• Monthly digest of interesting IT projects on Kickstarter №1
• Kickstarter and nervous breakdown
• Only developers of the 90s remember this.
• One year in the life of the project Answers @ Mail.ru
• Seven people on whom the Internet depends
• The ten richest IT businessmen in the world according to Forbes magazine
• Announced the first waterproof reader - PocketBook Aqua
• A Microsoft engineer accessed FBI phones via a hole in Google Maps.
• The largest Bitcoin exchange Mt.Gox declared bankruptcy
• The secret of the most popular selfie ever
• App-Pokalipsis of our time
• Every tenth American considers HTML as a venereal disease
• As I typed on a Ralph robot 3D printer

Go
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 .