Links for the week

Sketch VS Photoshop

When Infinite Scroll Doesn't Work · UsabilityPost

A new responsive design process | Feature | .net magazine

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

The Evolution Of The BEM Methodology
Part 1: A New Front-End Methodology: BEM
Part 2: A New Front-End Methodology: BEM (Blocks Reiteration)
Part 3: A New Front-End Methodology: BEM (File System Representation For A Block)

Front end standards

Beyond jQuery

Selectors: Select This!

Using White Space For Readability In HTML And CSS | Smashing Coding

AutoCompleteJS » Home

Navi.js Content Switcher for developers

numerizer Parse numbers in natural language from strings

w2ui New JavaScript UI Library

HTML5 2D renderer pixi.js revealed

Links for the week

Maintain Consistency With a Website Style Guide

30 Beautiful Landing Pages Optimized for Converting Visitors into Users

Pixelapse Is Where Your Designs Live Version Control + Backup + Collaboration

Build responsive emails

Spacebar bug in Adobe Photoshop

Upcoming Web Design Events Mid 2013

What Should You Know About Content Before You Design?

The Five Elements Of Modular And Adaptive Content

Collie - High Performance Animation Library for Javascript

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges.

JavaScript Events And Responding To The User

How They Did It: Inception Explained and Mailchimp’s 2012 Year in Review

The Problem Of CSS Form Elements

SIDEWAYS – jQuery fullscreen image gallery

Media Query Snippets - list of media queries even by devices

Fixes for Mobile Safari Zoom-Orientation bug

Lea Verou, "More CSS Secrets: Another 10 things you may not know about CSS" at W3Conf 2013

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.

Links for the week

Traversty — headache-free DOM collection management and traversal

Using Underscore.js's debounce() to filter double-clicks

jQuery.Deferred is the most important client-side tool you have

Zynga Scroller Accelerated panning and zooming for DOM and Canvas 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,

How To Write Maintainable jQuery Applications - Intelligible Babble - Leland Richardson

Conditionizr: the conditional free legacy, retina, script and style loader

Solving vs. Fixing Bugs

Choose the right PHP framework | Feature | .net magazine

ScrobMaster allows you to attach events to scroll points based off registered DOM elements.

Asynchronous JS: Callbacks, Listeners, Control Flow Libs and Promises - Sebastian's Blog

A scalable real-time backend for your web app

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.

Analytics.js The hassle-free way to integrate analytics into any web application.

enchant.js JavaScript Game Engine

Top JavaScript Frameworks for your next Mobile Project

Links of the week

Plunk - An easy way to test clicks on a mobile phone.

Separate Mobile Website Vs. Responsive Website | Smashing Mobile

Creative Background Styles and Trends in Web Design

Inject Energy Into Your Mobile Design with Light Effects

Beyond Wireframing: The Real-Life UX Design Process

10 Responsive Navigation Solutions and Tutorials

Twitter Cards | Twitter Developers

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

Standardista » CSS Specificity

Chirp.js — Tweets on your website, simply.

jQuery + google maps + Elevation - and styling of maps

Code'n'run PHP. Everywhere. Kodiak PHP: The only iPad app with offline PHP code execution.

HTML5 Boilerplate – v4.0.0 | drublic

In google analytic you can:

Track jQuery AJAX requests in Google Analytics

* Log all jQuery AJAX requests to Google Analytics
* See:
if (typeof _gaq !== "undefined" && _gaq !== null) {
$(document).ajaxSend(function(event, xhr, settings){
_gaq.push(['_trackPageview', settings.url]);

Track JavaScript errors in Google Analytics

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;
(host == window.location.hostname || host == undefined || host == '' ? '' : 'external ') + 'error',
message, file + ' LINE: ' + row, undefined, undefined, true

Track page scroll

var isDuplicateScrollEvent,
scrollTimeStart = new Date,
$window = $(window),
$document = $(document),

$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