Skip to main content
CSS is fun and cool and I like it.

PHP Date Parameters

Description Example returned values
d Day of the month, 2 digits with leading zeros 01 to 31
D A textual representation of a day, three letters Mon through Sun
j Day of the month without leading zeros 1 to 31
l (lowercase ‘L’) A full textual representation of the day of the week Sunday through Saturday
N ISO-8601 numeric representation of the day of the week (added in
PHP 5.1.0)
1 (for Monday) through 7
Read article “PHP Date Parameters”

Inputs That Remember Original Value

var origValue = [];
$('input.remember').each ( function (currentIndex)
       origValue.push ( $(this).val () );
       $(this).focus ( function ()
               var defaultText = $(this).val();
               if ( $(this).val () == origValue [ currentIndex ] )

                       var userInput = $(this).val();
                       if (userInput == '')

A jQuery snippet to make form inputs show a help message which disappears on click (and comes back when the user enters nothing). Give your input … Read article “Inputs That Remember Original Value”


CSS Font Families


Arial, sans-serif;
Helvetica, sans-serif;
Gill Sans, sans-serif;
Lucida, sans-serif;
Helvetica Narrow, sans-serif;


Times, serif;
Times New Roman, serif;
Palatino, serif;
Bookman, serif;
New Century Schoolbook, serif;


Andale Mono, monospace;
Courier New, monospace;
Courier, monospace;
Lucidatypewriter, monospace;
Fixed, monospace;


Comic Sans, Comic Sans MS, cursive;
Zapf Chancery, cursive;
Coronetscript, cursive;
Florence, cursive;
Parkavenue, cursive;


Impact, fantasy;
Arnoldboecklin, fantasy;
Oldtown, fantasy;
Blippo, fantasy;
Brushstroke, fantasy;
fantasy;… Read article “CSS Font Families”


All Stylesheet Media Types

<link rel="stylesheet" type="text/css" href="print.css" media="print">
all Used for all media type devices
aural Used for speech and sound synthesizers
braille Used for braille tactile feedback devices
embossed Used for paged braille printers
handheld Used for small or handheld devices
print Used for printers
projection Used for projected presentations, like slides
screen Used for computer screens
tty Used for media using a fixed-pitch character grid, like teletypes and terminals
tv Used for television-type devices
Read article “All Stylesheet Media Types”

Accessibility/SEO Friendly CSS Hiding

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;

This class can remove an item from the page, taking it out of flow and doesn’t cause overflow scrolling.

It’s better than display: none; or even visibility: hidden; when the goal is to hide the element visually but leave it accessible for screen readers.

Snook has a walkthrough of a more robust class taking into account more situations.

.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 
Read article “Accessibility/SEO Friendly CSS Hiding”

Display FeedBurner Feed Count

    //get cool feedburner count
    $whaturl=" feedburner id";

    //Initialize the Curl session
    $ch = curl_init();

    //Set curl to return the data instead of printing it to the browser.
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

    //Set the URL
    curl_setopt($ch, CURLOPT_URL, $whaturl);

    //Execute the fetch
    $data = curl_exec($ch);

    //Close the connection
    $xml = new SimpleXMLElement($data);
    $fb = $xml->feed->entry['circulation'];
    echo $fb;
    //end get cool feedburner count

Replace “your feedburner id” with your actual FeedBurner ID. Also, make sure your “Awareness API” is turned … Read article “Display FeedBurner Feed Count”