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
]);
}
});
});

Media Queries Galore

Responsive Web Design: What It Is and How To Use It - Smashing Magazine http://bit.ly/j7D3p1

Understanding the Elements of Responsive Web Design http://bit.ly/e86rme

The 960 Grid System Made Easy http://bit.ly/a6KyjZ

Smarter Web Designs: Responsive and Customizable http://bit.ly/jaQFey

Situational Design for the Web http://bit.ly/jiiVcN

Big vs. small: Challenges in responsive web design | Webdesigner Depot http://bit.ly/k1k0SW

Media Queries a collection of responsive web designs http://bit.ly/lilott

Counter argument for the use of Responsive web design.

CSS Media Query for Mobile is Fool’s Gold « Cloud Four http://bit.ly/m5jjG2

41 Inspirational Responsive Web Designs Using CSS3 Media Queries | DesignCrowd Blog http://bit.ly/hsLQPM

The practicalities of CSS Media Queries, lessons learned. http://bit.ly/fxHzpW

Some resources that might help out. There are some technical ones but should help.

The practicalities of CSS Media Queries, lessons learned. - Bloop http://bit.ly/iZtogk

Different Stylesheets for Differently Sized Browser Windows http://bit.ly/c8MAX1

Switchy McLayout: An Adaptive Layout Technique http://bit.ly/aHCsPP

CSS3 Media Queries http://bit.ly/dh9gnh

Fluid Images http://bit.ly/bbwCZu

A List Apart: Articles: Responsive Web Design http://bit.ly/mFpXv6

CSS Media Queries & Using Available Space | CSS-Tricks http://bit.ly/aqrkAt

Less Framework is a cross-device CSS grid system based on using inline media queries. http://bit.ly/bxAtdQ

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Magazine http://bit.ly/lXzWlB