Web Design

This is a top-level item; navigate lower in the hierarchy.

Favorite Website for CSS and JavaScript Tips and Tricks: PPK Quirks Mode - CSS: Quirks Mode and Strict Mode - PPK on Javascript - Book Review on Digg - Wikipedia Entry - Internet Explorer Box Model Bug - Wikipedia Entry - Quirks Mode
PPK is the author's initials: Peter-Paul Koch
http://www.quirksmode.org/
http://www.quirksmode.org/css/quirksmode.html
http://digg.com/design/ppk_on_Javascript_Book_Review
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
http://en.wikipedia.org/wiki/Quirks_mode

The item below, though on-topic, would not readily fit into a sub-category, and that is why it is here.

Favicon

Adding a Favicon to your site [W] - article at w3.org - Your favicon image should measure 16x16 (or 32x32, etc.) pixels and be in the png, gif, or ico format.

Using Notepad++ (text editor), add these lines in the "head" of each file:

<link href="favicon.png" type="image/png" rel="icon" />
<link href="http://www.sullivanradley.com/favicon.png" rel="shortcut icon" />

Save and upload it over the existing file; oh yeah, you'll need to upload the image (favicon.png) to the designated folder.

This is how Wikipedia handles their Favicon:

<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="http://en.wikipedia.org/apple-touch-icon.png" />
Creating links and anchors, so that one can hop around within a page

An example of how they create a link in their outline:

<li class="toclevel-2"><a href="#Sci_Fi_programming"><span class="tocnumber">1.1</span> <span class="toctext">Sci Fi programming</span></a></li>

Then further down in the page where the section begins:

<p><a id="Sci_Fi_programming" name="Sci_Fi_programming"></a></p>

searchable words on this page: anchor link id name














Back to Top

Site Map