ugrás a tartalomhoz

Pucér weblapok a szemantika jegyében

Török Gábor · 2006. Ápr. 4. (K), 20.45
"That’s right, I’m starting the first annual CSS Naked Day." Ezekkel a szavakkal vezzete fel Dustin Diaz az április 5-i mozgalmat a szemantikus webhelyek és a webes szabványok népszerűsítésének jegyében. Felkérik a webfejlesztőket, hogy holnap távolítsák el az általuk karbantartott oldalakról a stíluslapot, így láthatóvá válik az oldal tényleges szerkezete, szemantikája, egy napra mindenki betekintést nyerhet, hogyan tündököl az egy butább böngészőben, vagy hogyan "látják" többek között a vakok a weboldalakat.

Azon kikötők, melyek fejlesztői a webes szabványoknak eleget téve készítették el lapjukat, pucér valóságukban kell, hogy a látogatók elé táruljanak. A vetkőztetés eredményeképpen, ha szemantikailag helyes oldalt készítettünk, a látogatóink ugyanúgy teljes funkcionalitásban fogják tudni használni azt.

A First Annual Naked Day webhelyén Luke Wertz publikálta PHP nyelven írt kódját, ami automatikusan levetkőzteti a weblapot a kérdéses időintervallumban.

<?php
function is_naked_day() {
	$start = date('U', mktime(-12,0,0,04,05,date('Y')));
	$end = date('U', mktime(36,0,0,04,05,date('Y')));
	$now = time();
	if ( $now >= $start && $now <= $end ) {
		return true;
	}
	else {
		return false;
	}
}

if ( is_naked_day() ) {
	echo "<!--
	It's Naked Day didn't ya know it
	See http://naked.dustindiaz.com for more information
	-->";
}
else {
	?>
	<style type="text/css">
	<!--
	@import"/css/your_style_sheet.css";
	-->
	</style>
	<?php
}
?>
A WordPress blogmotort felhasználóknak is mellékeltek egy rövid útmutatót. A következő sort a wp-content/themes/sminkünk/header.php fájlban kell lecserélni,

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
az alábbi kódszeletre:

<?php
$DustinsNakedDay_isToday = (date('md')=='0405');
$DustinsNakedDay_allPages = true; // false for just the home page
$DustinsNakedDay_getNaked = ($DustinsNakedDay_isToday && (is_home() || $DustinsNakedDay_allPages));
if(!$DustinsNakedDay_getNaked) { ?>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php } ?>
A kezdeményezéshez a Weblabor is csatlakozni fog: a cél, hogy átlátható, értelmes szerkezetű oldalt készítsen minden webfejlesztő, hazánkban is.
 
1

Tök jó...

janoszen · 2006. Ápr. 4. (K), 22.27
Támogatnám az ötletet, de sajnos jelenleg csak üzleti weblapom van és azzal bajosan tudnám megcsinálni... :)
2

Kód

Bártházi András · 2006. Ápr. 4. (K), 22.32
A példakód nem egy napig, hanem két napig vetkőztet: fél nappal 5-e előtt kezdi meg, s fél nappal utána fejezi be a csupasz megjelenítést.
6

Csak WL?

Dualon · 2006. Ápr. 5. (Sze), 00.41
András, személyes honlapod marad "stílusos?
7

Marad

Bártházi András · 2006. Ápr. 5. (Sze), 07.05
Hát, azt a kutya se nézi, meg most nincs is időm foglalkozni vele, így igen, marad stílusos.
14

időzónák

bandi · 2006. Ápr. 5. (Sze), 11.05
azért van pluszmínusz fél nap, mivel nem mindenütt ugyanakkor kezdődik és végződik a nap, így viszont minden időzónára kiterjed

bandi
3

Aranyos

ralesk · 2006. Ápr. 4. (K), 23.08
Aranyos, de hát...

Mondjuk a vakok nem így látják :) Meg a butább böngésző sem :)
4

remek kezdeményezés

Dohány Tamás · 2006. Ápr. 4. (K), 23.53
remek kezdeményezés, csatlakozom én is...
5

Szintén

Dualon · 2006. Ápr. 5. (Sze), 00.38
Szintén csatlakozom a történethez.
8

csak úgy....

Anonymous · 2006. Ápr. 5. (Sze), 08.10
éredekesség gyanánt majd megírjátok mennyivel csökkent az oldal forgalma a pucér napon ?!

thnx
10

Igyekszünk

Bártházi András · 2006. Ápr. 5. (Sze), 08.46
Szerintem meg fogjuk nézni. ;) Nyilván kevesebb lesz az össze-vissza kattintgatás.

Az oldal célja különben nem az, hogy másodpercenként 25 PI legyen a látogatottságunk - nincs reklámbevételünk, nem ez a mérőszám. Az oldal célja, hogy a látogatót a helyes webfejlesztési ismeretekkel ellássa. No, ez most egy olyan lépés, ami a helyes oldalkialakításra felhívja a figyelmet.
11

profil

Anonymous · 2006. Ápr. 5. (Sze), 08.58
Igen, tudom hogy mi a profil, nap mint nap soxor járok erre :-)
Nem rosszallasbol vagyok kivancsi az eredmenyre. Maga az otlet szamomra is szimpatikus.
13

Tapasztalatokról majd írok

Dualon · 2006. Ápr. 5. (Sze), 09.17
Persze, sőt, megpróbálok majd megkérdezni néhány ismerős látogatót is.

Nálam ez nem csupán egy elv iránti eszetlen rohanás: szeretném látni, mit szólnak a népek. Kísérlet, ami ezúttal valamennyire szervezettebb formában zajlik.
9

Már épp...

-zsolti- · 2006. Ápr. 5. (Sze), 08.20
...írni akartam valakinek valamit, hogy véletlenül kikommentezve maradt a style, amikor láttam ezt a pucér napot... Nagyszerű, legalább van egy nap, amikor nem rontom itt a levegőt :)
12

:-)

Anonymous · 2006. Ápr. 5. (Sze), 08.59
tolem igy sem menekulnek :-)))
15

Sztrip10

Anonymous · 2006. Ápr. 5. (Sze), 11.32
Az nem lenne elég hogy megnyomom a saját nézet gombot az operában? Kéne egy forráskód nap is minden GPL kód esetében..
16

Csatlakoztam

thamas · 2006. Ápr. 5. (Sze), 14.29
én is. Miért ne?
17

me 2

Anonymous · 2006. Ápr. 5. (Sze), 17.29
Magam is csatlakoztam egyik alkalmas oldalammal.
A kezdeményezést kiváló ötletnek tartom.

(Azért van egy olyan érzésem, hogy sokan fogják ezek után merevlemezre menteni a css fájlokat ;))
18

Merevlemez

Bártházi András · 2006. Ápr. 5. (Sze), 18.46
Hát, azért merevlemezre nem kell menteni, hiszen a CSS fájlok megvannak a szerveren, sőt, az oldal forrásában is bennemaradt a hivatkozás, csak kikommentezve. Adott esetben, ha valakinek ehhez van kedve, vissza is varázsolhatja egy Greasmonkey scripttel.
19

nem értem mire jó...

Anonymous · 2006. Ápr. 5. (Sze), 19.36
ha valaki meg akarja tanulni, az imho, leszedi az oldal forráskódját megnézi css nélkül, css-sel, stb, sza ez a nap tök felesleges, max a látogatók lesznek morcosak...
holnap meg mindenki menjen ruha nélkül az utcára, mert van egy új bőrkenőcs?;)

- jonci -
20

Mire jó

attlad · 2006. Ápr. 5. (Sze), 19.51
Figyelemfelkeltés, hogy több szemantikailag helyes HTML kód íródjon, mert az jó. Ha az a "bőrkenőcs" mindenkinek hasznos lenne valamiért, akkor nyilván arra is célszerű lenne felhívni a figyelmet a megfelelő formában.
21

szerintem...

Anonymous · 2006. Ápr. 5. (Sze), 23.28
szerintem ettől még nem fog jobb html kódot írni valaki, max azt látja meg, hogy mire képes a css, aztán megpróbálja használni és rájön, hogy még nem az igazi, pontosabban magával a css-sel nincs semmi baj, hanem azzal, hogy nem mindegyik böngésző értelmezi ugyanúgy...

oké, hogy az xhtml szigorúbb, de attól még, hogy a html kódra a html-validator kiír ezer warningot, esetleg még error-t is, attól még jól fog megjelenni a böngészőben, ergo, nem is érdekli
(lásd: "http://weblabor.hu/cikkek/oopkodujrahasznositas" 132 warningja van az üres span tagok miatt...)

ha valaki szemantikailag helyes kódot akar írni, akkor nem "naked" oldalakat fog kuksolni, hanem html és css forráskódokat fog nézegetni, meg html- és cssvalidator-t fog használni

- jonci -
22

Figyelemfelhívás

Dualon · 2006. Ápr. 6. (Cs), 00.25
A leendő honlapgyártó azt látja, hogy egy rakat ember valamiért csontig legatyásította a honlapját. Ha másért nem, hát ezért talán el fog gondolkodni az egész értelmén - és ha 2% teszi ezt, már megérte. Nem?

Ez egy korántsem tökéletes lépés a jobb honlapokért, de azért mindenképp több a semminél.
23

Re: szerintem...

attlad · 2006. Ápr. 6. (Cs), 03.44
szerintem ettől még nem fog jobb html kódot írni valaki

Amikor 3-4 éve néhány blogon láttam RSS és OPML ikonokat érdekelni kezdett hogy mi is az, utánanéztem és láttam hogy jó dolog és elkezdtem használni. El tudom képzelni hogy vannak akik eddig a fenti témával nem foglalkoztak, de most lehet utánanéznek ennek hatására.

Az XHTML-t és a validátort nem tudom miért kevered ide, egy validátor által hibátlannak látott oldal is lehet teljesen hibás szemantikai szempontból. Nem nagyon van köze a témához ezeknek.

Furcsa, hogy ilyen, "ez az egész dolog felesleges"-szerű hozzászólás van, ehelyett sokkal hasznosabb lenne ha valaki a témában olvasott legjobb linkjeit vagy megoldásait osztaná meg, esetleg a kapcsolódó, aktív fórumtémába írná be az übermegoldást.
24

szerintem meg...

balazsgabi · 2006. Ápr. 7. (P), 10.29
Igaz, hogy már elmúlt, de ha valaki beleolvas ebbe a szálba és velem együtt (és -jonci-val) nem tudta, akkor elmondom, hogy a forráskód és a validátor még NEM elég egy helyes kód elkészítéséhez. Jómagam is levetkőztettem egy oldalt és akkor döbbentem rá, hogy azok a linkek amit absolute pozicionáltam azok így nem voltak elérhetőek azon a napon :(
gábor
25

Szemantika, szintaktika

Török Gábor · 2006. Ápr. 7. (P), 10.37
Ez természetesen így van, de nem is cáfolta senki. A validátor csupán a kód nyelvtanát ellenőrzi, ettől függetlenül tehetnél minden elemet pl. spanba, és validság ide vagy oda, használhatatlan lenne az oldal. A szemantikus kialakítás fémjelzi az elemek helyes használatát. A kettő együtt fontos.
26

manual trackback

ninja · 2007. Ápr. 5. (Cs), 10.52
http://alleycat.hu/blog/20070405/pucer-weblapok-a-szemantika-jegyeben
http://criticalmass.hu/blogbejegyzes/20070405/pucer-weblapok-szemantika-jegyeben
27

Csatlakoztam ...

Max Logan · 2007. Ápr. 5. (Cs), 11.20
... a mozgalomhoz