Links for this week

Naming CSS Stuff Is Really Hard

Advanced objects in JavaScript

Tappy: A custom tap event handler


25 Best jQuery Plugins of August 2014

Loading Scripts with jQuery

Introducing AM – Attribute Modules for CSS

Metaquery and the end of media queries

Phaser – Desktop and Mobile HTML5 game framework

Creating Clickthrough Prototypes With Blueprint

Join the Sass revolution

hello.js – Javascript API for OAuth2 authentication and REST services

The Holy Grail of CSS Centering

CSS Experiments With a Search Form Input and Button

Making Modal Windows Better For Everyone

Refining The Way We Structure Our CSS At Trello

CSS Guidelines (2.1.3) – High-level advice and guidelines for writing sane, manageable, scalable CSS

Making Modal Windows Better For Everyone – Web Developer Reading List: Responsive Design

35 Cool jQuery and Css Animation Effects

Links for today

Griddify, a Tiny Photoshop Panel for Guides and Grids

How to solve the hamburger icon problem

How to use the infinite scrolling trend, the right way

The Definition of User Experience (UX)

ShortcutMapper – Keyboard Shortcuts for Popular Apps – optimize and compress your images and photos

Export SVG for the web with Illustrator CC | Creative droplets

Pub/Sub JavaScript Object

smallworld.js It’s a (small utility for generating a) small world.

7 Patterns to Refactor JavaScript Applications: Service Objects

Using the HTML5 Gamepad API to Add Controller Support to Browser Games Simplest possible examples of HTML, CSS and JavaScript.

Injecting SVG With JavaScript

Hook.js – Pull to refresh. For the web.


Create Revealing Content Overlays With CSS3 Transitions

Links of the week

The In-Between: Breakpoints. Break. Points. Points at which things break in your design.

Learning the Web Form Fundamentals

20 Great Examples of the Flat Trend in Web Design

Responsible Web Design | Smashing Coding

Designing For The Multifaceted User

parallel.js is a tiny library for multi-core processing in Javascript. It was created to take full advantage of the ever-maturing web-workers API.

Sprite sheet animation with steps().

Efficient Event Targeting with jQuery

Fun With JavaScript and jQuery Loops

Website Launch Checklist for Web Designers

Quick Tip: Don’t Forget the Viewport Meta Tag

Examining Responsive Navigation: Off Canvas Patterns

Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin

QueryLoader2 – Preload your images with ease – Gaya Design

jqFloat.js – A Floating Effect with jQuery!

Transit – CSS transitions and transformations for jQuery

Grapnel.js Simple, lightweight JavaScript Router with hash-based event handling

Stop Writing Classes – YouTube

JavaScript Style Guide • GitHub

End of Year Link Compilation

This will end my Year with the links for the day or Week. I will start the new year with a completely new format for these type of links. I would appreciate any critique or comments on how you would like to have these links formatted for your convenience.


Start a web application from scratch



User Experience/User Interface

Web Design and development



Wireframing/ Prototyping





Firefox’s 1 pixel indent on the caption tag

I was making a table that has a <caption> tag on it and I noticed that in Firefox there was a 1 pixel indent on the left side of the Caption and in Safari (Ver – 3.1.2) there is a 1 pixel right indent.

I could not figure out why that was until I found this “Styling Table Captions“. This page is outdated but has some useful information.

You would think that the basic fix for Firefox and safari would be this:

caption {

This only fixes Firefox and not the issues with Safari or Google Chrome.
I guess My immediate fix for this is to add a <td> with colspan and a class called caption.

Anyone has any Ideas how to fix this?


Some more information on styling captions on tables.

This page has the fix for Firefox and some versions of Opera. Warning the fix does contain a hack.

Styling table captions with CSS: fixing the width problem