Category: html

Links for this week

Naming CSS Stuff Is Really Hardhttp://bit.ly/1xkKj9H

Advanced objects in JavaScript http://bit.ly/WpnG3a

Tappy: A custom tap event handler http://bit.ly/1pGZH6j

Superhero.js http://bit.ly/YqjAt8

25 Best jQuery Plugins of August 2014 http://bit.ly/1uub3js

Loading Scripts with jQuery http://bit.ly/1rCG54I

Introducing AM – Attribute Modules for CSS http://bit.ly/1CRFK7g

Metaquery and the end of media queries  http://bit.ly/1uIC3uU

Phaser – Desktop and Mobile HTML5 game framework http://bit.ly/1xK04Hp

Creating Clickthrough Prototypes With Blueprint http://bit.ly/1qWtAUc

Join the Sass revolution http://bit.ly/XKpEeU

hello.js – Javascript API for OAuth2 authentication and REST services http://bit.ly/1D0e2Fp

The Holy Grail of CSS Centeringhttp://bit.ly/1nXdmXH

CSS Experiments With a Search Form Input and Button http://bit.ly/1qWsrw3

Making Modal Windows Better For Everyone http://bit.ly/YLgyzM

Refining The Way We Structure Our CSS At Trello  http://bit.ly/1qFypDI

CSS Guidelines (2.1.3) – High-level advice and guidelines for writing sane, manageable, scalable CSS http://bit.ly/1nY2J6M

Making Modal Windows Better For Everyone http://bit.ly/YLgyzM

demosthenes.info – Web Developer Reading List: Responsive Design http://bit.ly/ZniNcH

35 Cool jQuery and Css Animation Effects  http://bit.ly/1woiid5

Links for today

Griddify, a Tiny Photoshop Panel for Guides and Grids http://bit.ly/1l4usA6

How to solve the hamburger icon problem http://bit.ly/1jL0eT1

How to use the infinite scrolling trend, the right way http://bit.ly/1nBpIDE

The Definition of User Experience (UX) http://bit.ly/T5fBOX

ShortcutMapper – Keyboard Shortcuts for Popular Apps http://bit.ly/1yJvsUt

Compressor.io – optimize and compress your images and photos http://bit.ly/1yJvX0J

Export SVG for the web with Illustrator CC | Creative droplets http://bit.ly/1nzvsin

Pub/Sub JavaScript Object http://bit.ly/1pER1S1

smallworld.js It’s a (small utility for generating a) small world. http://bit.ly/1lLRu4F

7 Patterns to Refactor JavaScript Applications: Service Objects http://bit.ly/1nyrp4I

Using the HTML5 Gamepad API to Add Controller Support to Browser Games http://bit.ly/1lkCauO

simpl.info Simplest possible examples of HTML, CSS and JavaScript. http://bit.ly/Trwmo0

Injecting SVG With JavaScript http://bit.ly/1pJ3T9y

Hook.js – Pull to refresh. For the web. http://bit.ly/1lmNsPf

DOMtastic http://bit.ly/1lMOa7O

Create Revealing Content Overlays With CSS3 Transitions http://bit.ly/1pNv9nm

Links of the week

The In-Between: Breakpoints. Break. Points. Points at which things break in your design. http://bit.ly/WEDcSC

Learning the Web Form Fundamentals http://bit.ly/j4GjTB

20 Great Examples of the Flat Trend in Web Design http://bit.ly/YHIYVX

Responsible Web Design | Smashing Coding http://bit.ly/WZdM25

Designing For The Multifaceted User http://bit.ly/ZwJtjI

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. http://bit.ly/XRHdTQ

Sprite sheet animation with steps(). http://bit.ly/ZcEkAK

Efficient Event Targeting with jQuery http://bit.ly/YzkBdd

Fun With JavaScript and jQuery Loops http://bit.ly/YYVn7l

Website Launch Checklist for Web Designers http://bit.ly/YNN8Zz

Quick Tip: Don’t Forget the Viewport Meta Tag http://bit.ly/XqXBhT

Examining Responsive Navigation: Off Canvas Patterns http://bit.ly/13HmMAh

Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin http://bit.ly/c4wAyd

QueryLoader2 – Preload your images with ease – Gaya Design http://bit.ly/YQZBeM

jqFloat.js – A Floating Effect with jQuery! http://bit.ly/ZlIrXR

Transit – CSS transitions and transformations for jQuery http://bit.ly/YIq29z

Grapnel.js Simple, lightweight JavaScript Router with hash-based event handling http://bit.ly/ZF01cO

Stop Writing Classes – YouTube http://bit.ly/ZF4LiL

JavaScript Style Guide • GitHub http://bit.ly/YYpA7g

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.

CSS

Start a web application from scratch

Worpress

Php

User Experience/User Interface

Web Design and development

Tutorials/Tips/Opinions

Tools

Wireframing/ Prototyping

Flash

Javascript

Productivity

Iphone

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 {
    margin-left:-1px;
  }

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?

Update

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