The digest of interesting materials from the world of web development and IT for the last week №104 (April 6 - 12, 2014)

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

Web development

• Delayed loading for responsive web design
• Debug asynchronous javascript using Chrome DevTools
• Git + book = GitBook
• Simple color contrast testing in the browser
• Decompose the Web into components or write everything in JavaScript
• The history of creating a web application for the campaign Unicef
• AVOW is a simple open source Continuous Integration system that has already become history.
• Create a button that turns into a round progress indicator
• 15 responsive and lightweight static frameworks
• How to use gumby extensions
• Methods for aligning blocks in height from Paulund
• Create a stylgide

CSS

• Beautiful state animations with animation-play-state
• Nth-child and nth-of-type
• CSS and SVG masks
• Goodbye compass
• Font Size Idea: px at the Root, rem for Components, em for Text Elements
• BBC site style guide
• mdo / css-perf - test pages for evaluating typical CSS code performance
• Spectacular typography implemented using background-clip: text (only works in webkit)
• 5 static libraries with CSS effects
• Advanced Web Typography: OpenType Feature Overview
• Frosted Glass Effect with CSS Filters
• Grid Frameworks for Sass
• Responsive Typographic Modular Scale with Sass

Javascripts

• Organization of js code for juniors
• Expand the project database in JavaScript
• ES6: Jump, the water is already warm!
• Implementing private and protected data in javascript
• Maximum call stack size
• JavaScript Knowledge Interview Guide
• A quick primer on JavaScript for Meteor
• ExpressJS 4.0 release: new features and update from version 3.0
• VideoGL - plugin for creating video players with post-processing filters and 3D
• Demo javascript ocr
• Sticky Alerts : jQuery plugin for creating sticky messages
• CutJS is a lightweight, fast, interactive HTML5 Canvas drawing engine for developing games.
• JayData - JavaScript Library for Unified Data Access
• Cleverstack.io - toolkit for modular web application creation on Angular and Node
• AngularStrap - AngularJS 1.2+ directives for Twitter Bootstrap 3
• Create the game "2048" on AngularJS
• Scratching hands in refactoring the application code on AngularJS
• Basics for working with routers in ExpressJS
• Ten steps to create a WinJS application blank
• Touchy - jQuery plugin to customize touch events
• Font-To-Width - a script for fine-tuning fonts that allows you to fit text into the desired width of the container
• Creating an interactive background that reacts to the movement of the mouse cursor

Web tools

• Dropbox offers to store all photos of the user in a single gallery Carousel
• Carousel - a mobile gallery application for showing photos and videos from Dropbox
• Lavish, Bootstrap like a King - create a color scheme for Bootstrap from a photo
• RegExr - study, create and test regular expressions
• Six tools to optimize your images

news

• Winxp
  
  • April 8 discontinued support for Windows XP
  • Initiatives to migrate Windows XP users to Chrome OS
  • Thousands of sites are still hosted on computers with outdated versions of Windows.
  • Microsoft released the game "Escape from Windows XP"
  • Goodbye Windows XP!
  • About Windows XP and IE6
  
  
• Heartbleed bug
  
  • Critical vulnerability in OpenSSL 1.0.1 and 1.0.2-beta
  • Implications of OpenSSL HeartBleed
  • Heartbleed: what vendors say
  • Vulnerability in the OpenSSL package endangered two thirds of all servers on the Internet
  • Life after Heartbleed: how to protect yourself on the Internet
  • The author of an error in OpenSSL stated that he did it without malicious intent
  • Google saved most of its services from Heartbleed vulnerability
  
  
• NFC technology can now be used to connect to a secure Wi-Fi network
• UCP plans to sue Durov at least 500 million rubles and Telegram
• Microsoft showed Windows for cars
• Project Hera will bring more HTML5 to Android
• Presented by Blend4Web, an engine for creating browser-based 3D applications
• High-quality images and other information about LG G Watch smart watches
• Top 10 most respected in the world of IT-companies: Google is ahead of Apple
• Mozilla project introduced tools for studying the power consumption of mobile devices
• Google told developers how Ara modular smartphone will work
• The project of modular smartphone Project Ara is open to third-party developers.

Browsers

• Mozilla Persona and Firefox Account services are vulnerable to OpenSSL vulnerability.
• Launch of Chrome 34 web browser
• Chrome 35 Beta: more control over touch events, Shadow Dom without prefixes and more support for ES6
• ie6death.com - site dedicated to the death of IE6
• Enterprise Mode for IE11 - Slideshow Report with Build 2014
• The most hated browser in the world has finally died

Sites with interesting design and functionality

• Fixed top menu examples
• Sites of legendary music groups
• The effect of color film in web design
• creaturetechnology.com - interactive slide carousel
• Scroll sites can be beautiful
• mckl.webtype.com - design with emphasis on typography
• zubrowkafilmcommission.tumblr.com - creative effects in the design of tumblr-page
• .elliotcondon.com - creative implementation of the main page in the form of a timeline

Design

• Product Design Digest February-March 2014
• Australian designer created a new Comic Sans
• Interface Firefox OS 2.0 will be much more attractive
• Twitter radically updated the design of user profiles
• Colorful logos for your inspiration.
• Following flat design: “Post Flat”
• The right way to ask iOS users for permissions for an application to use device features
• Dark Web Design Examples
• Creating a voluminous citrus text
• Creating a seamless pattern using fabric texture in Photoshop
• Drawing technique for beginners: a three-point perspective
• Lessons on drawing animal characters in Illustrator
• Seven sins of designers
• Why you should get excited about emotional branding
• IPad Pro Design Concept
• Inside the Monument Valley game: How 'Impossible' sketches have become awesome games
• History of design for the gallery Carousel (Dropbox)
• Current UX automotive media devices
• Principles of Animated Design Ui
• FOOD TYPE - typography of edible materials
• Chicks and Types - illustrations of girls and typography

A selection of free designer cookies

• Ethno free resources
• Free flat UI elements
• Multiple sets with background images: tree, abstract geometry, blurred and pixelated backgrounds
• Brushes to Illustrator
• Grunge brushes for Photoshop
• UI Sets in PSD Format
• Fifteen PSD T-Shirt Templates
• Three and a half dozen packages with fresh icons (mostly flat design)
• Sets of photo realistic icons
• Comic Neue - a stylish font based on Comic Sans
• Densia Sans - elongated sans serif font
• Moderne Sans - sans serif poster font
• Portica Regular - decorative minced sans serif font
• There are hundreds of funny vector icons depicting human figures in various situations.

Demo

• FormInvaders - shoot down more forms!
• HTML5 TETRIS with source code and description
• Walk through the night Marcel
• Tajmahal on CSS

Entertaining

• Pavel Durov began the struggle for control over Vkontakte
• Jobs' Secret Plans: The War With Google, The Clouds And A Cheap iPhone
• Microsoft introduced a prototype of Windows in the car
• Revenge of the Gay, or How We Lost Brendan Ike
• Teens, Mobiles and the Future of Social Networks
• Pitfalls of thinking: the main enemies of the right decisions
• Worm Apple: what employees scold the company for
• High-tech quotes are flying down.

')
Go

Competition from ITStuff

According to the results of the competition, announced last week, the habrayuzer STEVER became the winner. Congratulations!
The contest is officially declared complete. Thank you all for participating.

Digest from last week .
Material prepared dersmoll and alekskorovin .