The digest of interesting materials from the world of web development and IT for the last week No. 74 (September 8-14, 2013)

We offer to your attention another selection with links to news, interesting materials and useful resources.

Web development

• Creating and styling a progress bar in HTML5
• Review and classification of CMS by categories (2013)
• Responsive Web Design:
  
  • 7 ways to improve the design process of responsive design
  • Adaptive website redesign : 4 SEO factors
  • Adaptive website with AngularJS
  • Adaptive navigation on complex sites
  • RESS is a new generation of Responsive Web Design with a server-side fork.
  • Work with responsive images
  • Web Performance 2.0 - about current performance problems of RWD sites
  
  
• Qt switches from WebKit to the Blink browser engine and Chromium technology
• Dungeons and Developers : a talent tree for RPG-style web developers
• Introduction to the development of HTML5 games , phaser - a framework for creating HTML5 games for desktop and mobile
• uibox : a library with convenient search by HTML, CSS, JS components
• Semantic UI is almost an alternative to Bootstrap
• A huge collection of links to the topic of front-end development
• Demonstration of Live Edit in PhpStorm
• Is WebRTC ready yet?
• User-Agent detection, history and checklist
• 7 Tips for Git Newbies
• Chrome Developer Tools: Web Developer's Best Friends
• Clone UI iOS7 using HTML / CSS / JS
• Parallels between human health and site health
• HTML5 video on mobile - small introduction

CSS

• Layout letters, a set of snippets
• Shade: long shadows of a trendy flat design on CSS
• It's clear about CSS Masking and Shapes Modules or the future revolution in content design.
• Semantic CSS with smart selectors
• Copy CSS from layers | CC, CS6
• Explanation of sizes in CSS
• A selection of tools for cleaning CSS
• CSS Fixed Positioning and Mobile Zoom
• Presentation {position: sticky}
• About vertical text with CSS: text-combine-horizontal
• Lumia 800 on pure CSS
• 4 Ways to Create Modular and Scalable CSS
• Rubber slider with parallax effect on CSS3
• Client text search on CSS (well, almost)
• Custom Radio Button Styles
• Interactive CSS Clip Paths

Javascripts

• Experience with GruntJS
• Dissatisfied with javascript speed? - Wait a year and a half, and it will pass!
• "Accelerate" the opening of a heavy site
• JQuery basics test
• Lets Code Javascript! More than a hundred JS video tutorials
• Cross-Domain messaging with postMessage
• We start to deal with the History API
• Introduction for beginners in three.js
• We deal with the operator => in ECMAScript 6
• peerCDN ™ - JS, which promises to dramatically speed up your site and improve throughput by 90%.
• How to get the correct screen size of android
• Social-cms-backend - using REST API and Angular.js to create social networks
• Perimeter.js - library for adding elements with the state of guidance of the active area with an optional stroke and adjustable size
• jQuery Plugins:
  
  • SMINT v2.0 - sticky menu with navigation, which will be just right for single-page high sites
  • Audero Smoke Effect - add smoke effect with jQuery
  • animo-js - a tool for working with CSS-animations
  • animatescroll - jquery plugin for page scrolling animation
  • jInvertScroll - Library for creating sites with horizontal layout and parallax effect
  • QuestionMark.js adding information about hotkeys
  • Notify Better.js - js-plugin for dynamic manipulations with Favicon and Title
  • jQuery Mapael - jQuery plugin for creating dynamic vector maps
  • velge - tag management widget
  
  

Browsers

• Introducing the new Coast browser
• The new generation of Chrome apps
• Chrome against all: will the Google browser force out Microsoft and Apple?
• In IE11, JPG images load 45% faster.

Web tools

• Color Palettes of the Web - service for the analysis of color palettes sites
• cloudconvert - file converter of any formats online
• Bootstrap Magic - creating your own theme based on Bootstrap 3 (done using Angular.js)
• Generate WP - tools for wordpress developers

news

• Apple:
  
  • Apple introduced the iPhone 5S, iPhone 5C and the release of iOS 7 , another review , and A small video review
  • Thoughts and observations from the presentation of the iPhone 5c and 5s , Thoughts on the new iPhone 5 ″ with both the Russian es and es as a dollar ”
  • Apple presentation: all expectations are met for the first time
  • Comparison with other manufacturers' flagships
  • After the presentation of the new iPhone, Apple fell by $ 24.5 billion
  • Nokia flattered iPhone 5C
  
  
• Google+ posts can now be embedded in any site
• Samsung will equip smartphones with 64-bit processors
• Samsung talks about key Note 3 and Gear features for 18 minutes
• Yandex has launched the function of the visual search for images
• Galapagos Islands from Google Maps
• Service Steam Family Sharing - the ability to play with the whole family
• In “Yandex” appeared the search for the downloaded image
• Microsoft will introduce the next generation Microsoft Surface tablets on September 23
• Microsoft and Adobe have released updates for their products, September 2013
• RTM-version of Windows 8.1 became available to MSDN and TechNet subscribers
• The daily audience of "VKontakte" exceeded 50 million people
• Over half a year, 50 million new users came to Instagram

Demo

• Rain Effect in Canvas
• Pixelized hover image
• Arrow concept for slider
• An interactive clip that turns a Facebook profile into a bird
• Just a Reflektor - an interactive clip from Vincent Morisset, created with the support of Google to demonstrate the work of modern web technologies.

Sites with interesting design and functionality

• The Geeks on the Front Lines - the implementation of unusual design moves in navigation using HTML5 technologies, as well as technical details of creating a project
• pacorabanne.com/invictus/ - parallax effects, shine, timelines and drag and drop support and keyboards
• whatsmynvme.com - stylish hover effect and tile design
• speed-motion.com.ua - impressive scrolling effect of collecting structure
• abbyputinski.com/ - site with animated illustrations
• house.pl/kampania - non-standard approach to the site layout
• mindworks.gr - parallax effects and non-standard geometry
• kircher-burkhardt.com - a site from a new generation of corporate sites
• startsmall.eu - creative website with parallax, animation and nice illustrations
• nouvelleoctavia.fr - site with the effect of immersion
• A visual demonstration of the effects of drugs during the ride
• alchemy-digital.co.uk - creative implementation of the title slider
• Selective sites using smooth parallax effects.

Design

• Show Wacom what you can do
• Heavenly web design
• Photoshop:
  
  • Create a delightful child illustration in Photoshop
  • The official presentation of Adobe Generator for Photoshop CC
  • Phothoshop 14.1 Overview
  • Adobe advanced Photoshop using Generator’s potential
  
  
• Three practices of web design for the upcoming iOS7
• Review of fresh materials, July-August 2013
• Phonebloks - concept phone assembled from blocks
• Examples of mobile design templates
• Steps you need to perform in various mobile devices to install a web application
• The iOS Design Cheat Sheet 7
• RWD is not only about screen sizes
• 10 design concepts that every developer should know
• Anatomy of colors in web design: white as snow
• Google is getting flat too
• Designer's doubts about the coolness of the new Yahoo logo
• Type Night - a collection of hand-drawn typography
• High-quality gif-animation illustrations
• Photo Editing - Exposure Adjustment with Lightroom and Photoshop
• Collective PSD: How to work with PSD in teams
• Examples of stylish online shopping designs
• standin.io - a conceptual plugin that allows you to export the design and functionality of working prototypes directly to mobile devices
• Basic principles for creating cool character illustrations

A selection of free designer cookies

• The best sites with 3D models
• Rock textures
• Photoshop brushes collections with scratches
• Sources: iPhone 5S Psd Vector , 3-4 iPhone 5S Psd Vector , Piatto - landing page in PSD, Gusto letter template in PSD format, PSD templates for web designs using bokeh effect
• Fonts: pixel and fonts imitating figures in the scoreboard , from nhanced Dot Digital-7 to Fixed_v01, Corduroy Slab - header slaf-serif font, Born - serif font
• Icons: a set of more than 800 icons for iOS7 in PNG format, icon sets for your online store, Brainy Icons - icons on the theme of education, icon sets

Entertaining

• How Denis Kryuchkov created, sold and bought out "Habrahabr"
• The future of the gaming industry with hi-res 3D scans of people and Oculus Rift
• 10 useful things you need to know about your Dropbox
• What all IT professionals guess, but they are afraid to admit to themselves
• IFA 2013: Sony proposed the original hybrid tablet and laptop on Windows 8
• 101 quotes from the founders of cool startups
• Google Chromecast overview , and one more
• Electric cars: yesterday, today, tomorrow
• British intelligence announced a contest for hackers
• In China, they will plant for lies on the Internet
• About Morse Code
• Like a Rounded Corner - a song from web developers with the last Smashing Conference 2013

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