Links for the week

Sketch VS Photoshop http://bit.ly/13mdOUt

When Infinite Scroll Doesn't Work · UsabilityPost http://bit.ly/157b0gy

A new responsive design process | Feature | .net magazine http://bit.ly/UMesLI

BEM: “Block”, “Element”, “Modifier”

The Evolution Of The BEM Methodology http://bit.ly/YHOU0a
Part 1: A New Front-End Methodology: BEM http://bit.ly/R1L0uy
Part 2: A New Front-End Methodology: BEM (Blocks Reiteration) http://bit.ly/Xu9pMD
Part 3: A New Front-End Methodology: BEM (File System Representation For A Block) http://bit.ly/YhJYRr

Front end standards http://bit.ly/U47BqM

Beyond jQuery http://bit.ly/Y3AeJg

Selectors: Select This! http://bit.ly/TUvRAs

Using White Space For Readability In HTML And CSS | Smashing Coding http://bit.ly/XnhZ2L

AutoCompleteJS » Home http://bit.ly/XOAZ6l

Navi.js Content Switcher for developers http://bit.ly/YE45r9

numerizer Parse numbers in natural language from strings http://bit.ly/13moeU1

w2ui New JavaScript UI Library http://bit.ly/Zuc9iZ

HTML5 2D renderer pixi.js revealed http://bit.ly/11ZID65

Links for the week

Maintain Consistency With a Website Style Guide http://bit.ly/ZvbEBm

30 Beautiful Landing Pages Optimized for Converting Visitors into Users http://bit.ly/WmMt1n

Pixelapse Is Where Your Designs Live Version Control + Backup + Collaboration http://bit.ly/15KLmzw

Build responsive emails http://bit.ly/15N6Goa

Spacebar bug in Adobe Photoshop http://bit.ly/XDAmgR

Upcoming Web Design Events Mid 2013 http://bit.ly/ZLyqcg

What Should You Know About Content Before You Design? http://bit.ly/ZLyVmG

The Five Elements Of Modular And Adaptive Content http://bit.ly/XIzc3K

Collie - High Performance Animation Library for Javascript http://bit.ly/YRERFC

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. http://bit.ly/ZETS2A

JavaScript Events And Responding To The User http://bit.ly/O76KYi

How They Did It: Inception Explained and Mailchimp’s 2012 Year in Review http://bit.ly/VKKp6b

The Problem Of CSS Form Elements http://bit.ly/XGa8u3

SIDEWAYS – jQuery fullscreen image gallery http://bit.ly/15l8bbR

Media Query Snippets - list of media queries even by devices http://bit.ly/Z0pHwK

Fixes for Mobile Safari Zoom-Orientation bug http://bit.ly/YDvQAj

Lea Verou, "More CSS Secrets: Another 10 things you may not know about CSS" at W3Conf 2013 http://bit.ly/Wk6VFz

Lunr.js is a small, full-text search library for use in the browser. It indexes JSON documents and provides a simple search interface for retrieving documents that best match text queries. http://bit.ly/12goVmL

Links for the week

Traversty — headache-free DOM collection management and traversal http://bit.ly/UfxR2C

Using Underscore.js's debounce() to filter double-clicks http://bit.ly/Z0xmku

jQuery.Deferred is the most important client-side tool you have http://bit.ly/TV8aYD

Zynga Scroller Accelerated panning and zooming for DOM and Canvas http://bit.ly/TVdlYy Very Cool.

jQuery.signalRamp.js is a lightweight jQuery plugin that synchronizes UIs across all subscribed clients. Leveraging SignalR and SignalGrr as a SignalR proxy server, http://bit.ly/VWO6aE

How To Write Maintainable jQuery Applications - Intelligible Babble - Leland Richardson http://bit.ly/WpPyia

Conditionizr: the conditional free legacy, retina, script and style loader http://bit.ly/VaS4tU

Solving vs. Fixing Bugs http://bit.ly/10n32jI

Choose the right PHP framework | Feature | .net magazine http://bit.ly/TBWeg4

ScrobMaster allows you to attach events to scroll points based off registered DOM elements. http://bit.ly/U2vYrE

Asynchronous JS: Callbacks, Listeners, Control Flow Libs and Promises - Sebastian's Blog http://bit.ly/V6SWNX

A scalable real-time backend for your web app http://bit.ly/TCpCTm

The goal of Meteor is to provide a simple and fast way to develop web applications. Let's see if it is as good as it seems. http://bit.ly/10ntedZ

Analytics.js The hassle-free way to integrate analytics into any web application. http://bit.ly/12Ij5YI

enchant.js JavaScript Game Engine http://bit.ly/12IjqLb

Top JavaScript Frameworks for your next Mobile Project http://bit.ly/Uors80

Links of the week

Plunk - An easy way to test clicks on a mobile phone. http://bit.ly/SUrBw2

Separate Mobile Website Vs. Responsive Website | Smashing Mobile http://bit.ly/RDLNav

Creative Background Styles and Trends in Web Design http://bit.ly/Rqwtfh

Inject Energy Into Your Mobile Design with Light Effects http://bit.ly/NUrlkb

Beyond Wireframing: The Real-Life UX Design Process http://bit.ly/STYDiP

10 Responsive Navigation Solutions and Tutorials  http://bit.ly/N069rJ

Twitter Cards | Twitter Developers http://bit.ly/NX43Ku

Twitter cards make it possible for you to attach media experiences to Tweets that link to your content. Simply add a few lines of HTML to your webpages, and users who Tweet links to your content will have a "card" added to the Tweet that’s visible to all of their followers.

JavaScript Events And Responding To The User http://bit.ly/O76KYi

Standardista » CSS Specificity http://bit.ly/SUzfXk

Chirp.js — Tweets on your website, simply. http://bit.ly/MQvEeT

jQuery + google maps + Elevation - and styling of maps   jsfiddle.net/aDfGa/

Code'n'run PHP. Everywhere. Kodiak PHP: The only iPad app with offline PHP code execution. http://bit.ly/PYQ1WZ

HTML5 Boilerplate – v4.0.0 | drublic http://bit.ly/O3qGbP

In google analytic you can:
See: https://github.com/h5bp/html5-boilerplate/blob/v4.0.0/doc/extend.md

Track jQuery AJAX requests in Google Analytics

/*
* Log all jQuery AJAX requests to Google Analytics
* See: http://www.alfajango.com/blog/track-jquery-ajax-requests-in-google-analytics/
*/
if (typeof _gaq !== "undefined" && _gaq !== null) {
$(document).ajaxSend(function(event, xhr, settings){
_gaq.push(['_trackPageview', settings.url]);
});
}

Track JavaScript errors in Google Analytics

(function(window){
var undefined,
link = function (href) {
var a = window.document.createElement('a');
a.href = href;
return a;
};
window.onerror = function (message, file, row) {
var host = link(file).hostname;
_gaq.push([
'_trackEvent',
(host == window.location.hostname || host == undefined || host == '' ? '' : 'external ') + 'error',
message, file + ' LINE: ' + row, undefined, undefined, true
]);
};
}(window));

Track page scroll

$(function(){
var isDuplicateScrollEvent,
scrollTimeStart = new Date,
$window = $(window),
$document = $(document),
scrollPercent;</code>

$window.scroll(function() {
scrollPercent = Math.round(100 * ($window.height() + $window.scrollTop())/$document.height());
if (scrollPercent &gt; 90 &amp;&amp; !isDuplicateScrollEvent) { //page scrolled to 90%
isDuplicateScrollEvent = 1;
_gaq.push(['_trackEvent', 'scroll',
'Window: ' + $window.height() + 'px; Document: ' + $document.height() + 'px; Time: ' + Math.round((new Date - scrollTimeStart )/1000,1) + 's',
undefined, undefined, true
]);
}
});
});