eli sekalaista WWW-kokeilua

Kaikki stylesheettini voi myös imaista pakkausohjelmalla paketoituna pakettina.

English translation of title is: “Fooling around -Page of Juhapekka Tolvanen -Homepage. Or Miscellaneous WWW-Experiments.” You can download all my stylesheet also as a compressed package

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

• Alternative style sheets
• CSS @ Ten: The Next Big Thing
• css/edge
  • complexspiral
  • pure CSS popups
  • pure CSS menus
  • curvelicious
• CSS Layout Techniques: for Fun and Profit
• Tyylissäännöstön piilotus Netscapelta
• The Webstandards Project
• mezzoblue: mose menus
• max-width in Internet Explorer
• Monta css-tyyliä samalle dokumentille
• Mediatyypit
  • olematon linkki
    • olematon linkki
• Web typography (Wikipedia)
• working with alternate stylesheets
• olematon linkki

Näistä WWW-sivuista olen ottanut hieman vaikutteita (heilläkin on vihreää tekstiä mustalla taustalla):

• Jamie "jwz" Zawinski
  • DNA Lounge
  • jwz @ LiveJournal
• Kohina
• fUSION Anomaly
• www.textfiles.com

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Suoria validointi-linkkejä:

• W3C HTML Validation Service Results
• W3C CSS Validator Results

Validointilinkit voi tehdä myös tällaisina Bookmarkletteina:

• Validate HTML (basic)
• Validate HTML (basic, new window)
• Validate HTML (options)
• Validate HTML (options, new window)

• Validate CSS (basic)
• Validate CSS (basic, new window)

• Validate Accessibility (basic)
• Validate Accessibility (basic, new window)

Mutta noi CSS:än validointilinkit eivät toimi mulla. Ja noi eivät toimi lainkaan, jos selain ei tue javascriptiä tai javascript on poissa päältä. Erilaisia Bookmarkletteja löytyy lisää vaikka kuinka.

Tällaisilla Javascript-linkeillä taas voin muuttaa ikkunan kokoa niin että voin tutkia WWW-sivuni toimivuutta erilaisilla resoluutioilla

• PocketPC iPaq 240x320
• TV safe 544x372
• VGA 640x480
• SVGA 800x600
• XGA 1024x768
• SXGA 1280x1024
• UXGA 1600x1200

WML:ää tai muita esiprosessoreita käyttäessä tuon pätkän voisi kai halutessaan "includata" ja jättää pois silloin kun sivut alkavat olla valmiit. Mutta niitä on kätevää käyttää myös bookmarkeista käsin.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tähän väliin joku fiksu ja filmaattinen sitaatti

Juu, ja kaikkein nurinkurisin on se, kun ensin joku kyselee, että millä ihmeellä kasvissyöjä saa kaiken tarpeellisen ja sitten kun kertoo, niin se rupeaa yhtäkkiä taivastelemaan, kun "kasvissyöjillä on niin kauhea tarve puolustella".

-- Henri Hansen, sfnet.keskustelu.vegetaristit 11.12.2000

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Ja tämä on olevinaan jotain <p>-tagien väliin tungettua leipätekstiä, muttei kovin fiksua ja filmaattista sellaista. Tässä on vaan yksi linkki esimerkinomaisesti. Tässä ei esim. tehdä mitään arvovapaata ja veitsenterävää yhteiskunnallista analyysia arkipäivän ilmiöistä eikä analysoida kaikkea kuoliaaksi ennenkuin mitään kerkiää tapahtua.

Argh! Ekan kappaleen yläpuolella on yksi lähes tyhjä kappale, jossa on vain &nbsp;-merkki. Sitten tein vielä luokan nimeltä "huijaus" sitä varten. Mokoma kludge vain siksi, ettei Netscape 4.77:ssä ekan kappaleen eka rivi menisi oudosti ton vasemmassa laidassa olevan linkkilootan päälle.

<p class="huijaus">
&nbsp;
</p>

.huijaus {
border-width: 0px;
height: 0px;
line-height: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

Kaikenkukkuraksi nuo koodinpätkät piti tuoda mahdollisimman alas, jotta ne eivät menisi päällekkäin tuon vasemmanpuoleisen linkkilootan kanssa.

<pre>-tagit olisi tarkoitus tehdä näin: Laitetaas ensin eräs tree-komennon esimerkkituloste:

.
|-- System.map-2.2.17
|-- System.map-2.4.2
|-- System.map-2.4.2-2
|-- System.map-2.4.5
|-- boot-compat.b
|-- boot-menu.b
|-- boot-text.b
|-- boot.0307
|-- boot.b -> /boot/boot-menu.b
|-- bzImage-2.4.2
|-- bzImage-2.4.2-2
|-- bzImage-2.4.5
|-- chain.b
|-- map
|-- mbr.b
|-- os2_d.b
`-- vmlinubz-2.2.17

Laitetaas esimerkki terminaalin kehoterivistä, syötteestä ja tulosteesta

juhtolv@heresy | Tue 29 Jan 2002 16:24:58
/home/juhtolv
 % df -h                                                           10121 | pts/5
Filesystem            Size  Used Avail Use% Mounted on
/dev/hda7             389M   43M  326M  12% /
/dev/hda8             678M  215M  428M  33% /var
/dev/hdc6             1.9G  1.7G  127M  93% /home
/dev/hdc7             1.9G  1.6G  236M  87% /usr
/dev/hdc8             991M  228M  712M  24% /opt
/dev/hdc9             873M  139M  689M  17% /usr/src
/dev/hdb5             1.9G  1.5G  297M  84% /usr/local
/dev/hdb6             1.9G  1.6G  241M  87% /usr/local/games
juhtolv@heresy | Tue 29 Jan 2002 16:43:03
/home/juhtolv
%                                                                 10122 | pts/5

Sitten aiheutetaan tahallaan virhetulostetta:

juhtolv@heresy | Thu 31 Jan 2002 05:43:38
/home/juhtolv
% foobar                                                          10005 | pts/4
zsh: command not found: foobar
zsh: 14891 exit 1     foobar
juhtolv@heresy | Thu 31 Jan 2002 05:43:43
/home/juhtolv
%                                                                 10006 | pts/4

Ja tältä näyttää taulukko:

Tässä oli ennen hillittömästi pyörivä ja väriä vaihtava kappale gif-animaationa, mutta kaikki GIFfit on poltettava!!11!!!! Kas tässä MNG-animaationa sama. Mahtaako toimia? Se pyörähtää ympäri vain kerran eikä "looppaa":

Ja paskat... Onneksi se GIF-tiedostoissa käytetyn LZW-kompressoinnin patentti raukesi.

MNG-formaatin MIME-tyyppiä ei vielä ole virallisesti rekisteröity IANA:n toimesta, mutta se MIME-tyyppi pitäisi olla käsin lisättynä WWW-serverimme asetuksiin Webmasterimme toimesta. Lisätietoa MIME-tyyppien ongelmista löydät näistä paikoista:

• libmng: Message for Webmasters
• bugs.apache.org: Full text of PR number 6347

Autetaanpa WWW-selainta valitsemaan oikea fontti japaninkielisen tekstin kirjoittamiseen

ユハペッカ・「ナウラ」・トルワネン
黒服のナード
私は親日家です。日本語を勉強しています。でもまだ上手じゃありません。

Siinä siis lukee Hepburn-romanisoituna:

Yuhapekka “naura” Toruwanen
Kurofuku no naado
Watashi wa shin-nichi-ka desu. Nihongo o benkyoushiteimasu. Demo mada jouzu za arimasen.

Eli suomeksi:

Juhapekka ”naula” Tolvanen
Mustiinpukeutunut nörtti
Minä olen Japanin ystävä. Minä opiskelen japania, mutta en vielä ole taitava.

Täytä lomakkeen kohdat ja paina nappia, jossa lukee "Lähetä lomakkeen tiedot". Tosin tämä ei oikeasti tee mitään.

[Valid XHTML 1.0 Transitional]

Valid CSS:

• index.css
• indexbw.css
• indexbwserif.css
• latex.css
• printbw.css
• fonts.css