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

Media Queries Galore

Responsive Web Design: What It Is and How To Use It - Smashing Magazine

Understanding the Elements of Responsive Web Design

The 960 Grid System Made Easy

Smarter Web Designs: Responsive and Customizable

Situational Design for the Web

Big vs. small: Challenges in responsive web design | Webdesigner Depot

Media Queries a collection of responsive web designs

Counter argument for the use of Responsive web design.

CSS Media Query for Mobile is Fool’s Gold « Cloud Four

41 Inspirational Responsive Web Designs Using CSS3 Media Queries | DesignCrowd Blog

The practicalities of CSS Media Queries, lessons learned.

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

The practicalities of CSS Media Queries, lessons learned. - Bloop

Different Stylesheets for Differently Sized Browser Windows

Switchy McLayout: An Adaptive Layout Technique

CSS3 Media Queries

Fluid Images

A List Apart: Articles: Responsive Web Design

CSS Media Queries & Using Available Space | CSS-Tricks

Less Framework is a cross-device CSS grid system based on using inline media queries.

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website - Smashing Magazine