1. Long such as: January 6, 1978 9:12 AM or Jan. 6, 2001 9:12 AM

   ^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$
   

2. Short such as: 1/6/78

   \d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}
   

Because I wanted to use the format of “Jan 6, 1978” I had to write my own parser. I could have just modified the default RegEx, but since I could guarantee the format of the input date, I could create a simpler RegEx:

// TableSort parser for date format: Jan 6, 1978
$.tablesorter.addParser({
  id: 'monthDayYear',
  is: function(s) {
      return false;
  },
  format: function(s) {
      var date = s.match(/^(\w{3})[ ](\d{1,2}),[ ](\d{4})$/);
      var m = monthNames[date[1]];
      var d = String(date[2]);
      if (d.length == 1) {d = "0" + d;}
      var y = date[3];
      return '' + y + m + d;
  },
  type: 'numeric'
});
var monthNames = {};
monthNames["Jan"] = "01";
monthNames["Feb"] = "02";
monthNames["Mar"] = "03";
monthNames["Apr"] = "04";
monthNames["May"] = "05";
monthNames["Jun"] = "06";
monthNames["Jul"] = "07";
monthNames["Aug"] = "08";
monthNames["Sep"] = "09";
monthNames["Oct"] = "10";
monthNames["Nov"] = "11";
monthNames["Dec"] = "12";

This can be easily adapted for other date formats. To assist with testing with Firebug, place these two lines at the end of the “format” function to output input date and created string:

console.log(date);
console.log('' + y + m + d);

Enjoy.

Examples

To get Last modified on Friday, September 4 at 01:42 AM, use:

Last modified on <%ModificationDate %A, %B %e at %I:%M %p %>

To get 2005-10-07 01:48, use:

<%Date %Y-%m-%d %H:%M%>

To get Oct 07, 2005, use:

<%Date %b %d, %Y%>

General Codes

• %c

  Preferred local format

  <%Date %c%> Fri Sep 04 01:50:02 US/Pacific 2009

• %x

  The language-aware standard date representation.

  <%ModificationDate %x %>
  Thu Sep 03 2009
  

• %X

  The language-aware time representation.

  <%ModificationDate %X %>
  15:36:49 US/Pacific
  

Time Codes

• %I

  The two-digit hour on a 12-hour clock padded with a zero if applicable.

  <%ModificationDate %I %>
  03
  

• %i

  Seems to be an alias of %I (Halp?)

• %H

  The two-digit 24-hour clock padded with a zero if applicable.

  <%ModificationDate %H %>
  16
  

• %M

  The two-digits minute padded with a leading zero if applicable.

  <%ModificationDate %M %>
  02
  

• %S

  The two-digit second padded with a zero if applicable.

  <%ModificationDate %S %>
  04
  

• %p

  Either AM or PM. Language dependent.

  <%ModificationDate %p %>
  AM
  

• %F

  Three digit miliseconds, range from 000 to 999.

  <%ModificationDate %F %>
  845
  

• %Z

  Time zone.

  <%Date %Z%>
  US/Pacific
  

• %z

  Timezone offset.

  <%Date %z%>
  -0700
  

Date Codes

• %A

  The full weekday name.

  <%ModificationDate %A %>
  Thursday
  

• %a

  The abbreviated weekday name.

  <%ModificationDate %a %>
  Thu
  

• %B

  The full month name.

  <%ModificationDate %B %>
  September
  

• %b

  The abbreviated month name.

  <%ModificationDate %b %>
  Sep
  

• %m

  The two-digit month padded with a leading zero if applicable.

  <%ModificationDate %m %>
  09
  

• %e

  The day of the month.

  <%ModificationDate %e %>
  9
  

• %Y

  The four-digit year.

  <%ModificationDate %Y %>
  2009
  

• %y

  The two-digit year padded with a leading zero if applicable.

  <%ModificationDate %y %>
  01
  

• %j

  The three-digit day of the year (ranging from 000 to 364) padded with leading zeroes if applicable.

  <%ModificationDate %j %>
  040
  

• %w

  The numeric day of the week ranging from 0 to 6 where 0 is Sunday.

  <%ModificationDate %w %>
  0
  

Testing Code

a: <%ModificationDate %a %>  A: <%ModificationDate %A %>
b: <%ModificationDate %b %>  B: <%ModificationDate %B %>
c: <%ModificationDate %c %>  C: <%ModificationDate %C %>
d: <%ModificationDate %d %>  D: <%ModificationDate %D %>
e: <%ModificationDate %e %>  E: <%ModificationDate %E %>
f: <%ModificationDate %f %>  F: <%ModificationDate %F %>
g: <%ModificationDate %g %>  G: <%ModificationDate %G %>
h: <%ModificationDate %h %>  H: <%ModificationDate %H %>
i: <%ModificationDate %i %>  I: <%ModificationDate %I %>
j: <%ModificationDate %j %>  J: <%ModificationDate %J %>
k: <%ModificationDate %k %>  K: <%ModificationDate %K %>
l: <%ModificationDate %l %>  L: <%ModificationDate %L %>
m: <%ModificationDate %m %>  M: <%ModificationDate %M %>
n: <%ModificationDate %n %>  N: <%ModificationDate %N %>
o: <%ModificationDate %o %>  O: <%ModificationDate %O %>
p: <%ModificationDate %p %>  P: <%ModificationDate %P %>
q: <%ModificationDate %q %>  Q: <%ModificationDate %Q %>
r: <%ModificationDate %r %>  R: <%ModificationDate %R %>
s: <%ModificationDate %s %>  S: <%ModificationDate %S %>
t: <%ModificationDate %t %>  T: <%ModificationDate %T %>
u: <%ModificationDate %u %>  U: <%ModificationDate %U %>
v: <%ModificationDate %v %>  V: <%ModificationDate %V %>
w: <%ModificationDate %w %>  W: <%ModificationDate %W %>
x: <%ModificationDate %x %>  X: <%ModificationDate %X %>
y: <%ModificationDate %y %>  Y: <%ModificationDate %Y %>
z: <%ModificationDate %z %>  Z: <%ModificationDate %Z %>

• Beau Smith - CSS Frameworks Shootout
• Leah Culver - Web Framework Battle Royale
• Mike Malone - Design for Engineers: Making Your App Work for Normal Users
• Jay Allen - Building the Foundations for Open Source Success
• Byrne Reese - Web Design and Development for Non-Programmers

I’m sure there are a few I’ve missed as well. Please comment if you know of any.

After searching and not finding how to permanently change the font, I tinkered around with the few tips I did find and stumbled on to a solution which requires one small hack to allow use of Helvetica in all iPhone Notes instead of Marker Felt whether you are creating the note in Apple Mail or on the iPhone.

Tested on iPhone 3GS but should work on any iPhone running 3.0+ software.

Hover over an event, phone number, or address and you’ll have an option to add to Address Book or iCal.

Watch this video to learn more:

Source

Creating this post I learned:

• Quicktime controller has height of 16px which must be added to the movie’s actual height in the embed tag height attribute.
• autoplay embed tag attribute is set in user Quicktime prefs, but can be overridden in embed tag. I’ve set autoplay to true so that you don’t have to click the video to get it to play.
• showlogo embed tag attribute set to false will hide Quicktime logo while movie is loading.

I wasn’t quite sure what to expect (and didn’t do my research about the speaker… Alan Cooper is the author of The Inmates Are Running the Asylum and About Face), but I really wish that I’d invited my collegues to join as Alan’s speech was full of tips and concepts that we’ve been doing at Six Apart… having the process defined is very helpful.

Here’s the video. It’s 40 minutes, but chock full of great insights about success in the digital age.