The digest of interesting materials from the world of web development and IT for the last week №97 (February 16 - 22, 2014)

Despite everything , we bring to your attention a selection with links to useful resources, interesting materials and IT-news.

Web development

• How to get a good layout from typesetter
• Adaptive letters? You are welcome!
• Ten reasons for our transition from icon font to SVG
• Responsive frameworks: just because you can, should you do this?
• Future of responsive images
• How to use sectional elements in HTML5 (header, footer, main, section, article, etc.)
• The fall and rise of SVG - how SVG has become more popular
• Using HTML for Rich Media ad units (SVG / JS)
• Seven style guides to help improve your web developer skills
• Understanding Modal Windows in Bootstrap
• Puzzle about the available link to the current page
• Making links available: 15 golden rules for developers
• We start the project with INIT and Grunt
• AngularGap - a framework for creating mobile applications
• Panda.js is an HTML5 game creation engine.
• A small selection of snippets: Tweet For Code # 2
• Adaptive social buttons
• Creating a full-screen effect "Scroll-Jacking"
• 8 options for adding adaptive navigation to the site
• Editing Sass and Less in Firefox Developer Tools
• .Htaccess guide for developers and web designers
• WebGL with Three.js - Lesson 1

CSS

• Cult cargo CSS
• CSS architecture
• Why sass?
• How line animation in SVG works
• Type Quest - a portal dedicated to the possibilities of modern web typography
• Stackicons - Icon Font and Sass
• Zen Grids - responsive mesh built with Sass
• Susy - adaptive mesh on Sass
• We study Sass by refactoring
• Compilation of free Sass videos from the latest SassConf conference
• The easiest way to create a styllgide with Sass and Compass
• 3d tilt in css
• Beginner CSS with Dreamweaver
• 9 alternatives to bootstrap
• The Magic Circle: CSS Challenge
• Hocus Pocus, CSS Aliases

Javascripts

• Definer.js - simple modular system
• Init.js: Why and how to develop JavaScript with Full-Stack
• Working with ES5 JavaScript array functions in modern and old browsers
• Ten HTML5 APIs worth seeing
• What every JS developer should know about floating points
• Determining the end of CSS animation using JavaScript
• ES6Fiddle - we test ECMASCript 6 online
• How to use handlebars
• Yeoman Monthly Digest # 3
• Ember.JS - what is it and why should we worry about it
• Recommendations for a better structure of Angular App applications.
• Localization of Angular JS using the Require JS i18n module
• Lrinfinitescroll - module for AngularJS
• Introduction to Component JavaScript Package Manager
• Deploy your HTML5 web components using vanilla JS
• How to make a toy with a flying bird using Phaser
• Creating an application with charts using the Google Charts API and AngularJS - Part 3
• DozerJS - the basis for creating a REST API
• Molecule - a framework for creating HTML5 games
• JavaScript FrameBuster Snippet - protect your site from loading in iframe
• What is CoffeeScript and does it suit you?
• Dug.js - A JSONP to HTML Script
• Copy to clipboard using jQuery

')

Web tools

• 78 Google Web Fonts Families
• keyframer - a tool for creating CSS3 animations
• Services for placeholders-images

news

• Whatsapp:
  
  • Facebook buys WhatsApp for 16 billion dollars
  • Why whatsapp is so expensive
  • Facebook merge with WhatsApp boosted BlackBerry stock value
  • The logo and corporate identity of the Yandex-Kit mobile application suite
  
  
• Yandex.Kit - an alternative view on Android
• Yandex has released its own Android firmware, Yandex.Kit
• Chrome web browser release 33
• Shopping:
  
  • SlickLogin is another Google acquisition
  • Google bought Spider.io to protect advertisers from cheating ads
  • Apple bought the development company TestFlight
  • Google bought a startup SlickLogin, developing a technology of sound authorization on sites
  • Apple is starting a deal with Tesla?
  
  
• Skydrive officially renamed to OneDrive
• Yandex net profit in 2013 amounted to 13.5 billion rubles
• Microsoft will have its own Siri - Cortana assistant
• Microsoft has made working with Word and Excel easier in Office Online
• Satya Nadella: Microsoft will become a cloud company
• Microsoft and DocuSign will give Office 365 users the ability to use a digital signature
• Microsoft launched Office Online, formerly known as Office Web Apps
• Visa and MasterCard use Android KitKat to simplify mobile payments.
• All users are transferred to the new version of Google Maps
• Facebook page will be a gravestone

Sites with interesting design and functionality

• Travel and travel sites, famous auto companies , mobile apps and blurry backgrounds
• weecom.com.br - colorful and well animated site
• Selection of trend sites with hipster design
• webeffectual.com - smooth animation in sections when scrolling
• markcollie.com - the cute modern Mark Collie website
• baystreetbiergarten.com - a stylish conceptual website
• circlesconference.com is another stylish site with interesting design solutions.
• Inspirational Grid Based Website Design
• delhi-timeline.in - powerful site with timeline, parallax and animation
• vembryrsig.hallbarahav.nu - unusual design and interactive
• theroyalstudio.com - site with a highly conceptual design
• It's just space

Design

• Ideal 404 error page, or how to keep the user on the site?
• How to make Gimp look like Photoshop
• Draw a simple Mac icon in Adobe Illustrator
• Create a vintage stencil in Adobe Photoshop
• Principles of good design
• Creating an effect of illustration made in watercolor and ink in Photoshop
• Interview with Eric Dima-ala - a specialist from the VFX industry
• The complete guide to working with adjustment layers - Invert, Posterize, and Threshold
• Learn the secrets of the work of professional designers.
• The history of the redesign of a Japanese website
• Design Details: Google Search for iOS
• Ink - a plug-in for Photoshop to display the documentation for the layout
• Discussion on the topic: why the mouse cursor is not a direct arrow but angled
• How designers can create interactive prototypes using Illustrator
• Golden ratio + modular scaling + adaptability
• How to create style guides in Adobe Fireworks
• Design responsive forms - twenty inspiring solutions
• Briefly about typography in design: what is special about it and why does it matter?
• TYPEFIGHT - typography battle
• typographicposters.com presents an excellent overview of typographic posters
• GUIFFF - animated gifs from the depths of Dribbble
• Funny logos

A selection of free designer cookies

• Sans serif free fonts
• PSD with the design details of the user profile in the admin part
• Vector vintage elements for infographics
• Ten actions to Photoshop to create retro photo effects
• Four dozen sets with contour icons (Line Icons)
• More than a hundred social icons in the form of a black comment icon with shine
• Seven and a half dozen fonts in retro style: from Deftone Stylus to Top Speed
• Friday Fonts # 10: From Chopped Kilogram to Stylized Penultimate
• Streetwear - a stylish fat retro font
• Mink Type - a font of hand-drawn letters.
• Nine useful fonts for your design: from FRITZ & RODUS to Bom Retiro

Demo

• Ocean on WebGL
• Quakejs
• ViziCities - 3D visualization of city maps in the browser
• History of olympic logos in an animated presentation
• ThreesJS - a small browser clone of the game Threes
• Merry year of the horse - designer horses

Entertaining

• Top 10 Most Breakthrough Technologies of 2013 and Startups Based on Them
• What exactly do I hate some marketers for - or go shopping as an IT pros
• Goodbye, bitcoin! Cryptocurrency rate fell below $ 100
• Infographics: how different selfies in Moscow, New York and Berlin
• New revelations of Bill Gates: 8 questions to the founder of Microsoft
• Google Glass: beautiful and ... useless! Really, what is the use of cyber points?
• This is already too much: Flappyoin cryptocurrency
• Why Tim Cook sucks
• Samsung tugs on Apple again
• Traveling to National Parks with Street-View Technology
• Zuck showered whatsapp money

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 .