Solid Ether

Design & Programming for the Web

 

Front

Archive for September, 2005

Toggle CSS Bookmark

Create a new bookmark, and paste this code into the address (URL) field. Now when you click this bookmark, the styles for the page you are viewing will be disabled!

javascript:var i=0;if(document.styleSheets.length>0){cs=!document.styleSheets[0].disabled;for(i=0;i<document.styleSheets.length;i++) document.styleSheets[i].disabled=cs;};void(cs=true);

The code is a bit of Javascript. Most browsers will execute Javascript when it is supplied as the browser destination!

Note: Still trying to get this to work in Safari.

Posted in
Hackley Web I | No Comments »

Project 1 - Two Column Page Template

Use this markup as the basis for a two column layout.

Copy the code below and paste it into the index.html file in your Project 1 directory.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Untitled</title>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />

</head>
<body>

<div id="wrap">
    <div id="header"></div>
    <div id="nav"></div>
    <div id="content"></div>
    <div id="footer"></div>
</div>

</body>
</html>

Copy the code below into the style.css file in your Project 1 directory.

body { }

#wrap { }

#header { }

#nav { }

#content { }

#footer { }

Posted in
Hackley Web I | 1 Comment »

Web I - Page Structure Template

Here’s a mark-up template for a basic page structure. You can copy/paste this into a text editor, so you don’t have to start from scratch each time.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Untitled</title>

	<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />

</head>
<body>

</body>
</html>

Posted in
Hackley Web I | Comments Off

Markup Excercise No. 1

Below is some raw text you will use for a quick mark-up excercise.

With your cursor, select all the text in the box below, Hit “Apple-C” to copy the selection, move to an empty “Text Wrangler” window, and hit “Apple-V” to paste the text.

Operating System Browser List

As you can see from the lists below, some web browsers have versions or "ports" that will run on different operating systems. For example, the Firefox web browser has versions that will run on Windows, MacOS, and Linux.

[Insert a picture here]

Some web browsers are built only for a specific operating system. The OmniWeb and Camino browsers will only run on Mac OS X.

Some of these browser names will sound familar, some you may not have heard before.

Windows Browsers

Internet Explorer
Netscape
Mozilla
Firefox

MacOS Browsers

Internet Explorer
Safari
Firefox
Camino
iCab

Linux Browsers

Konqueror
Firefox
Galeon

Posted in
Hackley Web I | Comments Off

Bumper Sticker

Use the best: Linux for servers, Mac for graphics, Windows for Solitaire.

Posted in
Quotes | Comments Off

 

Category List

 

rss atom, 1.0, 2.0 | almost valid xhtml | valid css | admin