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

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

Web development

• To GIF or not to GIF?
• 10 most popular video reports from 404fest 2012
• Published video reports from the first conference #fronttalks, held on July 5 with the support of #yasubbotnik.
• Features parsing block HTML-code screen access programs
• Switch from bootstrap 2 to bootstrap 3
• Electronic publications and web
• Mozilla Introduces Brick - An Extensible Web Component Library , Mozilla Brick - Internet analogue of ActiveX
• Super Markup Man - a game that will teach you HTML5
• Creating HTML5 animations
• HTML5 element "picture"
• HTML5 progress element
• Custom Elements - create new elements in HTML
• 10 Tips for Developing HTML5 Games
• Interview with David Walsh
• E-commerce theme for Bootstrap 3
• Hot Keys for Chrome Development Panel
• Themes for Chrome Developer Tools
• How to speed sites with responsive design
• Generating responsive images for srcset using Grunt
• Best Cloud Hosting and CDN services for web developers

CSS

• CSS Sprites vs. Data URIs : what is faster on mobile?
• Request animation frames for better performance.
• Interactive three-dimensional blocks with shadows
• Slide Up / Down on pure CSS
• Functional CSS (FCSS)
• Spite Animation with CSS
• Interesting implementation of the active state of the text field and its signature
• Multicolored Preloader
• Techniques for working with web fonts - methods, pros / cons, all that
• HTML Alchemy - Combine CSS Shapes with CSS Regions
• Add indent between list and float element
• CSS-animated transition from values ​​in px to auto value (not available in all browsers)
• Meet CSS3 multiple background + demo with animated background
• Sidebar Transitions from CodeDrops , various effects of leaving the menu using the off canvas technique
• Lea Verou 's CSS secrets based on her Deep CSS Secrets talk

Javascripts

• Make a "mindmap" on Javascript with local storage in the browser database
• Best JavaScript Practices
• ECMAScript Internationalization API
• 25 JS libraries and tools for creating interactive maps
• AdminJS - web application for backend on Ember.js
• Parallax.js - a script for creating parallax effect with support for mobile devices
• multifilter - plugin for displaying tabular data filtered by several fields
• intentionjs - plugin for dynamic HTML restructuring depending on the site display conditions
• AngularJS tutorial - creating a modern web application
• _select () - selection by clicking the text inside any DOM element
• _jspdf - A HTML5 client-side solution for generating PDFs
• WheelMenu.js create circular navigation with jQuery
• Creating a multi-level navigation in the style of the new Google Play
• Sigh, JavaScript - what will happen if you disable JS in the modern web

Browsers

• Browsers and the frequency of their fall
• Mozilla Introduces Plug-n-Hack Protocol
• A search in the Firefox Add-ons manager will only show fully tested add-ons.
• Tor offer to embed Firefox into browser as standard
• Opera 16 Final
• Opera: bookmarks are not our priority
• Google has released a plugin for IE, which will provide browser support for WebM video.
• Chromium Digest №11

Web tools

• GistBox - service for storing snippets code
• justdelete.me - delete your accounts on a variety of services
• One hundred and one service for receiving various Lorem Ipsum texts
• keycodes.atjayjo.com - key codes in a very visual form
• .psd fonts - a service that defines the fonts used in PSD

news

• Microsoft announced the completion of work on Windows 8.1 , and it has already leaked to the network , and here you can watch the video
• Breaking news about the future of Microsoft
• Skype is 10 years old , Skype is going to start video calls in 3D
• Amazon is going to build its own wireless network.
• Samsung has confirmed that on September 4, will present the Galaxy Note III and the smart watch
• Rumors: HTC is working on its own mobile OS
• China has undergone the most powerful DDOS attack in its history.
• HERE Connected Driving - Nokia navigation service
• Yahoo: Yahoo buys image search startup IQ Engines to improve Flickr and demonstrates new design of its services
• Web services:
  
  • Google seriously updated Maps for Russian users , and Yandex presented Ukrainian megarelities Yandex.Map
  • Baidu Total View service will allow you to stroll through the streets of Chinese cities
  • Mail.ru competes with Dropbox and offers 100 GB for free , but only to participants of the closed beta. REVIEW: CLOUD.mail.ru
  • Twitter acquired Trendrr analytical service
  • Microsoft has added OCR in SkyDrive photos
  • SkyDrive returns free limit of 25 GB
  • Tencent launches 10 TB of free cloud storage
  • Facebook revealed the statistics of cooperation with the world intelligence services
  
  

Demo

• shadertoy.com - WebGL demos (better not to run on weak computers)
• Mix WebGL, CSS3 3D and HTML
• Map Layout
• Cute loader with CSS animations

Sites with interesting design and functionality

• reunitetheriver.com is a one-page social project site with nice animation and expressive cartoon design.
• neotokio.it - a pleasant portfolio with a custom screensaver and navigation
• pixelstadium.com - a site with interactive parallax effects.
• junduffy.co.nz - non-standard site layout and design for stores
• lordandtaylorfirstlook.com is another non-standard site-shop with interesting parallax effects
• rosendaluppsala.se - full-screen site with animations, drag-navigation and austere design
• abbyputinski.com - a graphic website with an interactive map and many animated elements
• http://beoplay.com/Products/BeoplayH3 - a spectacular one-page promo site with parallax effects and a motion effect inland
• reunitetheriver.com - informative one-page website on canvas
• kennedyandcastro.com - stylish horizontal site
• summer.tcm.com - a site with non-standard movie navigation.
• canva.com - site with interesting elements - from background video to parallax

Design

• How colors in online store design affect sales
• Dark Side Web Design
• Sites in yellow for your inspiration
• Photoshop and Illustrator CS6 hotkeys
• Working with video in Photoshop - creating animated text
• Lessons on creating creative effects for photos in photoshop
• Inspirational typography examples
• Logos of bars and pubs
• The idea of ​​redesigning a boarding pass for the plane
• Color extraction technique with transparency in Photoshop
• More than fifty lessons on web design
• Best wedding invitations
• Business cards with an unusual design
• Distinctive features of great UI design
• Good design is not only a beautiful picture.

A selection of free designer cookies

• Sets of actions for Photoshop, brushes with stains for photoshop
• basiliq - a set of vector forms for photoshop, for creating prototypes of mobile or web applications interfaces
• Fresh PSD Templates, Icons, UI Sets
• Sources: UI sets with a flat design, SmoothBerry - a set of UI with a flat design, components of online stores, templates for creating infographics, templates for the main pages of the site
• Icons: Free icons , set of romantic subscription icons , sets of flat icons including, social networks and credit cards, set of round icons , icons of washing conditions, social icons with long shadows, six dozen flat icon sets
• Fonts: fresh fonts , mostly decorative, from Lighthouse to CF Spaceship, best fonts for creating vintage logos , from Pacifico to Engagement, calligraphic fonts , from Calligraphy Unicase to Illinois Shakespeare Festival, two and a half dozen decorative quality fonts from Baron to Nougatine, Nighttime Funny Decorative Serif Font

Entertaining

• Google Glass: next year Google may sell Google Glass through the network of popular Best Buy stores, Google Glass will not receive a 3G module, Siri learned to make fun of Google Glass, sometimes sarcastically
• Ballmer: AllThingsD: Steve Ballmer's resignation from Microsoft was accelerated under the pressure of the board ,
  As Ballmer missed the ebb and flow of technology ,
  The virus that killed Microsoft ,
  In defense of Steve Ballmer
  
• DARPA opened a new stage in the development of the program "universal soldier"
• Miniature model of the human brain grown in the laboratory
• Six of the most shameful conspiracies in high technology
• Box office films fall due to the closure of Megaupload
• Video with gold and cream iPhone
• 20 startups who want to change the world
• In memory of Steve Jobs - miniature first Mac (reduced by 3 times)
• In memory of RIP Neil Armstrong - the first man on the moon died a year ago
• Interesting maps of the world
• My new Mac Pro
• Freaked out

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