The digest of interesting materials from the world of web development and IT for the last week №68 (July 28 - August 3, 2013)

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

Hot seven

Brainstorage

The creators of Habrahabr launched a beta version of the Brainstorage career social network , which is a recruiting resource and a network of professional contacts at the same time. Also, a short interview about this startup with deniskin

We work with Google Maps

Many people know that the Google Maps API allows various modifications to maps depending on the needs of developers. For example, this is how you can change the custom icon of the standard marker on Google Maps, and this is how you can use the HTML5 geolocation API . From the more complex - you can add custom overlays to cards

Image Filters

We offer you a brief overview of current methods of applying filters on images using HTML5 and CSS3.

Creating 3D games with Three.js and WebGL

Modern web technologies make it relatively easy to create three-dimensional games. As an example, you can look at the process of creating a clone of the game Pong , where the developer used the power of the Three.js library, as well as WebGL

Colors: links, books and tools that will make your life easier

Color is a very important element of the project, and the choice of the best color palette for the project should be allocated a separate time. In addition to understanding the theory of color, you need to have an idea of its color psychology. Reflecting on this, the authors of this article decided to collect some tips, book recommendations, links to interesting articles, as well as some tools and applications that will make your life easier when it comes to color.

Android Fragmentation

The company OpenSignal conducted a global survey of Android , where it counted more than 11.8 thousand Android devices from different manufacturers, with different firmware versions and screen sizes. This once again confirmed the claim of "the most fragmented OS that ever existed."

"Anti-piracy" law

"Anti-piracy" law came into force, the first lawsuit under the new law, the analysis of anti-piracy law on the bone. Anti-piracy law may affect Ukraine , although it has not yet “fired” in Russia

Web development

A brief overview of image filtering methods using html5 and Css3
Choosing a solution for images in responsive design.
FireBug * Console API
Mozilla project introduced Minion , a platform for automated code security testing.
Start testing a draft version of IETF HTTP / 2.0 server, from MS Open Tech
Ten things you need to know about accessibility
We work with Google Maps: Google Maps API and custom overlays , Geo-location HTML5 API and maps from Google. Add a custom icon instead of the standard marker on Google Maps.
Mobile and adaptive cross-browser testing techniques
Creating websites for Geezers
uikit is another static front end framework
Five-minute review of new JavaScript API in HTML5
Cropping images to canvas
Export SVG to the web using Illustrator CC
Creating a simple offline HTML5 web application
Interview: Tantek Çelik (Mozilla) talks about microformats (video) , Interview with BRUCE LAWSON (Open Web Standards Evangelist at Opera) as well as Mark Boulton about grids and responsive design
Responsive web design: 6 experts, 4 questions
Presentation "MAKE YOUR WIDGETS SING WITH ARIA"
Selection of resources for constructing regular expressions
Web Literacy standard - a small Mozilla competency map showing key web skills
Websites vs. Web Applications: Expert Opinion

CSS

Custom scrollbars in webkit
Hover effect CSS masks
Bootstrap CSS Sprite : syntax sugar for ‹img /›
Minimal code set for CSS Transition
Centering in all directions
Pseudo-elements: before and: after in practice
CSS Testing Techniques, Tools, and Guides
Content tabs on pure CSS
Paul Irish talks about the flat design of the new version of Bootstrap, drawn 50% faster than the previous gradient version.
Official documentation for working with CSS preprocessors in Chrome DevTools
Creating CSS cube
Creating a multi-level automatic list using CSS counter
Creating a site menu in the style of GOOGLE NEXUS
Atomic design with Sass
A Sass / Compass version of Normalize.css
Funny podcast with Chris Coyier
How to create a responsive ad unit

Javascripts

JavaScript tracing, debugging, profiling - filling gaps
Video course on AngularJS
Plugins:
- jQuery Transition Events Plugin
- owlcarousel - adaptive carousel with support for touch events
- squishy - plugin to automatically resize text
- animatescroll - plugin that allows to scroll any part of the page.
- A selection of jQuery plug-ins for responsive navigation
- Succinct - jQuery plugin for cutting out extra words and adding to the end of the ellipsis
Animation: Animation using requestAnimationFrame , Animation of curve drawing with d3.js, SVG and property stroke-dasharray , Dynamic CSS Rendering Animation , Animation of line drawing in SVG
Grunt: setting up the process of working with Grunt.js, Optimizing images using Grunt (plugin grunt-contrib-imagemin)
Creating a game with Three.js and WebGL
7 basics from JS that many developers don't use
The classList API
Art-Directed Adaptive Images With SVG and JavaScript
Modules in ECMAScript 6: the future is now
Backbone.js Deconstructed part one
he - special character coder / decoder
Orangevolt Ampere - framework for creating wizard applications

Sites with interesting design and functionality

solis.it is a relatively simple but stylish music site.
100ansdetour.fr - site dedicated to the Tour de France, with active use of animation and SVG
kitchenprague.com - creative tiled website with GIF and CSS3 animation
vespillo-lefilm.com - custom navigation and nice animation
fontstage.de is a large stylish one-page website with high-quality illustrations and effects.
thetownthatcameinfromthecold.com - CSS animation, parallaxes and sounds in the background