2009 06.04.2009

Ako povoliť zápis na stavovom riadku (window.status) vo Firefoxe

Ďalšie stará škola pamäte doplnkové ...

Prečo k tomu, aby windos.status?
JavaScripty mohol byť nočnou morou, keď máte niečo na ladenie. Firefox nemá mať po ruke pár addon, ako Firebug to je robí náš život ľahký a musí tiež hlasovanie o najobľúbenejšie ladenie techniky v Javascriptu prejdite na "ALERT ()". Anywaz! Existuje niekoľko prípadov, kedy sa pridá ALERT ladenie mis-chová Javascript je jednoducho nie je dobrý nápad. Napríklad! Máte dragble položku, ktorej poloha je potrebné upozorniť .... NIE NIE! Dont to! ... Budete len tak nekonečné upozornenia, alebo ste zvyknutý byť schopní skutočne pazúr svoj dragable. No! Existuje viac dobrej situácie, kedy by ste mohli písanie textov z ladenia na stavovom riadku, oveľa viac usful ... Verte mi! Jeho skúsenosti!

IE štandardne vľavo napíšete do adresného riadku prehliadača STATUS pomocou syntaxe "window.status = 'niečo ladiť'", ale Firefox nie. Tak, aby okná zmenu stavu, môžete vykonať niektorú z nasledujúcich akcií.

Otvoriť about: config v prehliadači (typ "about: config" je do adresného riadku) a hľadať
dom. disable_window_status_change. Zmeňte to na false ... stačí kliknúť na vstupe do prepnutie jeho stav.

Alebo alternatívne

"Nástroje → Možnosti → Obsah → Povoliť JavaScript / Rozšírené → Zmeniť status bar text"

A tiež vedomie, že ... o zápis do stavového riadku vo vašom Javascript, IE je len v poriadku, ak používate krátky syntaxe, tj status = "niektoré ladenie textu", ale vo Firefoxe, budete musieť použiť v plnom syntaxe tj window.status = ' niečo ladiť "


2009 12.03.2009

Dobrý dizajn UI musia byť kompatibilné štandardy. alebo by to? Moje TOP 10 UI design Pravidlá


Ani ja som celkom nový užívateľského rozhrania (UI) rozvojové, ani ja som veterán a ako som vždy dať to, ja zapadajú do profilu UI developera viac ako projektant, bez ľútosti. Oh No! Čo som písal o? Na chvíľu ... (musí byť v rokoch nie sú o nič menej) teraz, tu a tam, keď som sa dostal do trochu dizajnu užívateľského rozhrania (ak je profesionálny dizajnér odišiel na dovolenku), vždy som si nemôžem prestať myslieť, či môj návrh by mal byť riadne complient alebo nie (úprimne, nie že by som mohla achive 100% dodržiavanie štandardov, Ak by som chcel taky). Potom si hovorím, aké svinstvo! ... Design by mal byť jednoduchý, príjemný a hlavne použiteľné zdá, že by nemala mať návštevníci utekať ... alebo Bounce (ako technické). K čomu by pekné beztabulkový CSS layout byť na návštevníka, ktorý je ľahostajný ku všetkým inteligentný hypertextu a kaskádových štýlov pod kožu svoje webové stránky ... Zilch!
Malo by to vyzerať pekne a ľahko použiť ... potom sa všetky štandardy veci.

Ja stumbbled naproti cez túto položku blogu autora Jason Fried z 37 signálov (Pre tých, ktorí si nevšimnú, 37 signály sú onces, ktorí vytvorili nejaké úžasné webové aplikácie, ako Basecamp, ohnisko a pod), ktorý napísal niečo podobné v roku 2004 a verte mi, takmer 5 rokov a nie veľa zmenilo od tej doby, že ... som bol rád, že si svoj post, pretože som úplne súhlasím s tým, čo má povedať, a tiež fakt, jej nie je istý, čo sa hovorí o jeho len jeho intuícia, a tak je moje :)

Jason Fried: "Je tu príliš veľa hovoriť o CSS a XHTML a štandardy prístupnosti a nestačí hovoriť o ľuďoch. CSS a normy RoHS kód sú len nástroje - musíte vedieť, čo stavať s týmito nástrojmi. Skvelé, som rád, že vaše používateľské rozhranie nepoužíva tabuľky. No a čo? Koho zaujíma, či to ešte neumožňuje ľuďom dosiahnuť svoje ciele. Webové štandardy sú skvelé, ale vlastné ľudí štandardy zahŕňajú dostať niečo urobiť (a to je ešte príliš ťažké, on-line).

UI dizajnéri robia samá zásadný "zabúdajú na ľudskú bytosť na druhej strane" chýb - mimo túto dobu ich kód vyzerá lepšie. Ľudia - nie kód validator - použitie rozhrania ".

Pokladňa Jasona Frieda celý článok

DISCALIMER: To neznamená, že by sme sa nemali starať o normách vôbec. Štandardy sú dobré mať a držať sa ich čo najviac. Máme len pochopiť, že dobré UI design neznamená vždy 100% štandardy Complience alebo naopak ....

Z môjho zoznamu môjho získaných skúseností, som po niekoľko UI Design a Vývoj zlatých pravidiel ... češtiny TOP 10 ... nie, že máte podľa nich príliš ... :)

1. Postarajte sa o vaše užívateľa. Užívatelia môžu zlomiť, alebo svoje stránky. Donot aby užívateľ vyzerala ako celkom idoit, absolútne neschopnú pomocou svojej webovej stránky. To je zlé!

2. Majte jednoduchosť a ľahkosť použitia svojej primárnej guidlines. Príliš veľa vecí na obrazovke, tým vyššia je pravdepodobnosť, že používateľ bude zmätený alebo rozrušený zo svojho pôvodného úlohy.

3. Buďte v medziach ... donot oddávať príliš veľa použiteľnosť, prístupnosť a noriem. Použitie štandardov efektívne a aby boli chápané k tímu. Tým sa zaistí správnu konzistenciu v produkte

4. Prototypy požiadavku. Vzhľadom k tomu, v týchto dňoch Použiť rozhranie sú bohatí, prototypovania vždy je lepšie, než len robiť jednoduché drôtových modelov a druhý je neplatné slušných interakcií, by neposkytol klientovi jasnú predstavu o konečnom produkte, ktorý je vyvíjaný. Vždy je jednoduchšie previesť prototypy do konečných výsledkov. Tiež! s prototypov by žiadne interakcie problémy sa žehliť už skôr vo vývojovom cykle.

5. Súlad v návrhu a interakcia je veľmi dôležité. Donot pletú svoje užívateľské meno s nepredvídateľnými interakciami a Gizmos.

6. Porozumenie "Design Poslanie". Reklamné predmety sa zameriavajú na primárne pôsobenie na stránke určenej beign. Tiež sa uistite, zoznam vašich seconday akcií na stránke a priority je.

7. Poskytovať primeranú spätnú väzbu pre užívateľov webu. U väčšiny internetových stránok určených okolo AJAX, poskytuje vizuálny pre užívateľa o zmenách na stránke. Užívateľ musí dostať potvrdenie o splnení všetkých úloh sa vykonáva. Donot si užívateľ čakať a hádať, napr. poskytuje indikátory pre súborové uplaods.

8. Pomocou ovládacích prvkov vhodne. Napr. Pre použitie rozbaľovacieho zoznamu vyberte pre malé zoznamy iba donot nechať užívateľa vybrať jeden z 200 miest s využitím zvoľte boxov. Pochopiť rozdiel medzi tlačidlom a odkaz. Link a tlačidlá majú rôzne účely, donot použiť jeden pre druhého. Poskytujú správnu kontrolu, aby sa rokovania s stránka jednoduchšie. Vyhnite sa použitiu ponúk, ktoré sú viac ako dve úrovne hĺbky. Nepoužívajte znovu vynájsť koleso. Použiť štandardné ovládacie prvky, upraviť je iba v prípade, veľmi potrebné. Definovať vlastné ovládacie prvky potrebné pre vaše webové stránky z prvej ruky, tak aby mohli byť vytvorené a testované samostatne, pripravené pre použitie stránok na celom území SR.

9. donot iterácii príliš na dizajn. Nezabudnite! Celý produkt sa skladá viac tento návrh sám. Vybudovať zodpovedajúce lehoty do harmonogramu projektu pre navrhovanie iterácií a držať sa ho. Iterácia nám pomáha zistiť, čo funguje a čo nie, vyberte si na problémové miesta. Ako dobrý rozhranie vyžaduje určitý čas, poskytnutie času pre iterácií na začiatku vývojového cyklu, takže návrh iterácií doesnot priamo prirovnávať k prepracovanie. Príliš veľa prepracovanie by jeopradize termíny.

10. Posaďte sa a myslieť ako užívateľ niekedy.


2009 07.03.2009

Volanie viac okien onload funkcie v JavaScriptu

Tu je ďalší malý peice z podvodu JavaScriptu, ktoré som musel kopať okolo, pretože situácia commaned to. V jednom z mojich webových stránok, mal som túto situáciu, kedy som musel vykonávať "windows.onload" dvakrát. Prvá vec, ktorá by prišla do pamäte, neskúsený ako ja (Musím úprimne povedať, že od tej doby som sa pomocou JavaScriptu rámcov a knižnice, som forgotton robiť jednoduché veci na vlastnú päsť ... smutné, ale pravda), je táto metóda ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 atď ..

Ospravedlňujeme sa, ale na, zvyknutý túto prácu ... nechcem diskutovať o vykonaní vedu Javascript moc ... ale podľa mojej nedávnej skúsenosti, (onloadfn3) len posledný funkcie zle vlastne vykonaný.

V normálnych situáciách, na rozdiel od bane (čo budem hovoriť o niečo neskôr) ... môžete urobiť jednu z nasledujúcich možností na vykonanie zahŕňa viac onload funkcie ....

Alebo niečo také

 Funkcia doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Pre moje súčasnej situácii, nemôžem použiť niektorý z vyššie uvedených ...
Prečo musím zavolať windows.onload dvakrát, skôr to, že volanie dve funkcie v jednom onload funkcie? Tu je rýchly pohľad na môj problém vyhlásenie ...

"Moje stránok stránky sú štruktúrované ako WordPress Téma .... teda existuje spoločný Header.php a Footer.php, ktorý sa zaradené do všetkých stránok stránkach. K dispozícii je funkcia onload implementaion v Footer.php urobiť nejaké spoločné onload funkcie. A existuje niekoľko stránok, ktoré je potrebné niečo vlastného onload, na rozdiel od tých, ktoré uskutočňuje spoločné onload funkcie. Keby som priradiť funkciu spätného volania priamo na window.onload psovoda, bude to cez-jet skôr pridelené spätné volania v Footer.php "

.... Je to môj problém chápať :) ?

No! existuje niekoľko riešení, ktoré som nájsť. Všetci sú si veľmi podobné a hlavne implementions roztoku danej Simon Willison ods http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Riešenie:

Stačí pridať tento kód javascript na stránky ...

 Funkcia addLoadEvent (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = "funkcia") {
        window.onload = funkcie
     Else {}
        window.onload = function () {
            if (oldonload) {
                   oldonload ()
           }
           funkcie ()
        }
    }
 }

A volať to miesto obvyklého "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Viac spustenie kódu na * načítaní stránky
 }); 

Výhody tohto fragmentu kódu ...
1. V prvom rade, to vám umožní mať viac windows.onload udalosti, volal z oddelených častí kódu, bez toho, aby overridding predchádzajúcej definícii
2. Je to naozaj decentné. To môže byť umiestnená v súbore s vašimi ostatnými skripty alebo v samostatnom súbore.
3. Funguje to aj v prípade, že window.onload už nastavený.


2009 24 februára 2009

Ako začleniť PHP kód vnútri Smarty šablóny

Myslel som, že toto bude doodle nájsť v google, toľko si nám UI a scenáristov by bolo treba to urobiť na každodennej báze, ktorá je obsahujú trochu peice z fragmentu kódu PHP (. Php) do Smarty šablóny (. tpl). Uvedomil som si, že jednoduchšie / obľúbený dotaz, ešte ťažšie nájsť presnú odpoveď ... milión vyhľadávanie výsledkov, ale väčšina z nich zaradenie do "File" obsahuje v Smarty ..., ktorý má nasledujúcu syntax

{Patrí file = "include / header.php"}

Toto vlastne inlcuded súbor v poriadku, ale ako text, čo som chcel, bolo výsledkom vkladaného súboru. (Všimnite si, hore je použitý patrí šablónu vnútri súboru šablóny). Konečne sa trochu persiverance .... Som narazil, ľahko upravené syntaxe, ktorá bola odpoveď na moju povinnosti ... tak tu to je ... ak Ešte si sa našiel jeden už


{Include_php file = "include / header.php"}


2009 18 februára 2009

Pridanie DropShadow Pre obrázkov pomocou CSS

Ďalšie rýchla tut. Tu je niečo jednoduché a príjemné použitie sily CSS ... ale bolo ťažké poňať (a to určite nebol ja) začať. Pridanie Dropshadow, môže byť peice torte pre mnohých z nás, používať niektoré nástroje pre úpravu obrazu, ako Photoshop ANF ohňostrojov atď
Dôvod, prečo som sa rozhodla pre tieni pomocou CSS je, že obvykle pri vytváraní stránky design / html žiadosti, aby požiadavky iterácie. Čo chcem povedať je, Vo existujúce webové stránky s mnohými obrázkami, ako sú tie, zobrazujúci freinds zoznam alebo galériu obrazu, to bude ťažké znovu spracovať celý zaťaženie obrázkov, ktoré už boli vyložené pridať alebo odstrániť tiene, pre ktoré záležitosť.
Takže ak ste urobili trochu myslia dopredu a vytvorili HTMLS pridať tieto ďalšie divízie, alebo sa obvykle situácia taká, že máte Loop Logic generujúce tieto ikony / náhľadmi v XSL, PHP. JAVA alebo akékoľvek iné programovací / skriptovací jazyk, môžete ho pridať kedykoľvek, potom je len otázkou show a skrýva tieto tiene pomocou CSS vlastnosť Display, ako na klientov, stále sa meniace požiadavky na ... Ešte si sa urobil som tento druh myslia dopredu pred tým ... ale ahev začala teraz!

V nižšie uvedenom príklade, pôvodný obrázok tieni zadarmo a dropshadows sú použité podľa potreby! Tiež som išiel niečo navyše, pomocou trikov z mojich predchádzajúcich Tutanchamóna v Well! To asi sú najkratšie množstvo cvičení, tak to je oprávnená len vtedy, volať je "Tut" 'y) na použitie CSS vlastnosť klip pre predviesť iba

Pôvodný obraz

original_image

CSS DropShadow Výsledky
css_dropshadow_results
Zobraziť Demo záložky | Stiahnuť sourcefiles


2009 17 februára 2009

Understandng klip CSS vlastnosť

Prečo chcem to pochopiť?? Humm ...!!

Väčšina spisovateľov CSS by sa zhodujú, že CSS vlastnosť Clip je pravdepodobne jedným z najviac un-používané vlastnosti CSS. Bolo to tak aj môj prípad a bol najviac šťastný, že zanedbávať to, kým som začal úpravou MooTools TWO Knob (PIN) Slider komponenty (s prechádzajúcom Indicator) .

Tam bol dobrý návrh od jedného z čiastkových užívateľov upraviť pomocou komponenty Slider pripnutý zázemie obrázkov (proti premennú šírku divízie), čo znamená posuvník rozsah. Tak prišiel môj čas vstúpiť na zábavu, ale nie-znalca (Samozrejme pre mňa) vody z majetku Galéria CSS.

No! aké ťažké to môže byť? Nič moc ... áno aj nie. Syntax clip CSS vlastnosť je dosť vzpriamené, ale význam / usuage je trochu croocked. S pamäťou ako ja, zakaždým sedím prepracovať na mojom Slider Script ... Mám tokeep odkazuje späť na použitie tohto majetku CLIP, pripomenul sám sebe logiku, ktoré som vytvoril vo svojom skripte .... Preto! myšlienka pera dole, s nádejou, ako si pamätať, že budúcnosť (a tiež v prospech tých, ktorí sa zdajú boggled v majetku Galéria CSS)

Čo CSS klip robiť?

Klip je súčasťou vizuálnych efektov modulu CSS 2.1. Jednoducho povedané, jeho úlohou je umiestniť viditeľné okno v hornej časti objektu, ktorý je pripnutý, teda orezanie snímok a vytváranie náhľadov bez nutnosti vytvárať ďalšie súbory v už som dal túto funkciu k lepšiemu využitiu v komponente Slider :) )

Pomocou vlastnosti Clip CSS, môžete vytvoriť výstrižok pomocou tvar rect. Ako mnoho iných vlastností CSS (ako okraj, zateplenie atď), za použitia rect vyžaduje štyri súradnice hore, vpravo, dole, vľavo (TRBL). Croocked povaha tohto majetku zodpovedá, keď sa bližšie pozrieť na to, ako klip vypočítava orezovú oblasť, používať tieto štyri súradnice (vysiela mozog do hoďte na chvíľu). Teraz sa zmiasť dole začína od hornej a pravý začína zľava. :) . Vidíš, čo som povedal? .... Preto tento príspevok ...

Tento malý zmätok môže ľahko zmiznúť, s týmto vysvetlením vizuálne CSS Galéria / rect majetku, ktorý je nižšie!!

CSS Clip Požiadavky

Úloha sme začali, je klip na nasledujúce miniatúry do hranatejšie hľadá obrazu (a tiež širokouhlý obraz)

original_image clip_demo
Pôvodný Thumbnal / Image Clip Požiadavky na radové Thumbmail

CSS Clip Výsledky

clip_results

Zobraziť Demo záložky | Stiahnuť sourcefiles


2009 02.02.2009

Ako sa patrí WordPress blog na inom mieste

Táto otázka ma napadlo niekoľkokrát predtým, keď som pracoval na stránkach skôr príliš, ktorý používa WordPress ukázať, blogy alebo nový druh obsahu v niektorej časti stránok / portal.Being nováčika v PHP a okolo WordPress, som si procastinating to, myslieť "to nie je môj peice torte". Konečne! túto požiadavku prišiel až pre môj nos, keď začal Diggin asi trochu na riešenie.
Bol som prekvapený, že to naozaj bolo jednoduchšie, než som si myslel, že to v skutočnosti bolo, sa zobrazí zoznam titulkov alebo posledný príspevok v akejkoľvek inej strane mimo WordPress pohonom časti len pomocou trochu PHP a WordPress API .

Tu je to, čo robiť: -
Z dôvodu vysvetlenie, predpokladať, že vaše stránky sú http://www.inchembur.com/ a máte sekcii Novinky pre túto stránku na http://news.inchembur.com/ ~ ~ pobj (ktorý beží WordPress). Teraz požiadavka je ukázať posledný príspevok od http://news.inchembur.com/ ~ ~ pobj na domovskej stránke hlavnej stránky, teda http://www.inchembur.com/index.php

Krok 1: Vo vašom index.php pridajte nasledujúci peice kódu, patrí WordPress API súboru. Môžete pridať na začiatok stránky chcete, aby váš príspevok zobrazovať.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); / / Disbable využitie WordPress Téma
require ('/ var / news.inchembur.com / wp-blog-header.php'), / / Zahrnúť WordPress API
; // Get Latest Post query_posts ("showposts = 1 '), / / Získanie posledný príspevok
>

Vo vyššie uvedenom peice o patrí, sme stále len jeden posledný príspevok. Ak si chcete vyskúšať viac variantov, neváhajte a kopať do, query_posts() dokumentáciu .

Krok 2: Teraz, v časti Index / Domovská stránka, kde chcete zobraziť posledný WordPress príspevok od http://news.inchembur.com , použite nasledujúci kód. Netreba dodávať, neváhajte reklamu svoje štýlové divízie, rozpätie a triedy podľa vašich potrieb designu.

Krok 3: Nie je Krok 3 ... A je to ... je hotovo!


Samozrejme, môžete vyskúšať niekoľko variantov podľa Vašich požiadaviek (ako som už spomenul, pozri query_posts() dokumentácie ). Tu je nejaký ochutnávači ...

Ako zobraziť konkrétny príspevok / stránku na rozdiel od poslednej príspevok: -
To sa dá ľahko achived zmenou argumenty query_posts() , aby zahŕňala stránky ID alebo stránky Slug

) ; query_posts ("page_id = 7 ');
) ; query_posts ("pagename = o ');

alebo môžete nastaviť počet príspevkov:
) ; query_posts ods showposts = 3);


2008 25 december 2008

Nahrávám JavaScripty Dynamicky

Niekedy, aby pageweight dole ... sme rozdelili naše skripty na kúsky ... Tieto fragmenty javascriptu možné načítať podľa potreby (na udalosti alebo kliknutím na odkaz alebo tlačidlo pod.)

Nahrávám JavaScripty dynamicky je jednoduchá a docela rovno vpred nižšie ...

= “text/javascript” > <script Type = "text / javascript">
Funkcia loadNewScript (zdroj) {
var s = document.createElement ('script');
s.setAttribute ("typ", "text / javascript");
s.setAttribute ("src", zdroj);
document.body.appendChild (y);
}
</ Script>

a môžete mať nasledujúci odkaz hovoru kdekoľvek v tele, alebo môžete mať tento skript "onLoad" dokumentu samotného ...

= “javascript:loadNewScript('myDynamicScript.js');” >Load Dynamic Script</ a > <A Href = "javascript: loadNewScript (" myDynamicScript.js'); "> Load Dynamic Script </ a>

alebo

<body onload="loadNewScript('myDynamicScript.js');">


2008 17 december 2008

Mis-choval IE8: CSS Layout rozbíjať ods Zacielenie na verziu prehliadača pomocou meta tagy v IE8)

Ak ste osoba, CSS, mali by ste vedieť, ako sa vaša bolesť v rozvrhnutí pracovného cross-browser. IE8 je ďalší kľúč v prácach pre nás vývojári. Anywaz! Ak narazíte na tento problém, ako som to urobil včera, kde si dokonale fungujúci CSS v IE7 (a skôr) a Firefox sa náhle začali hádzať záchvaty hnevu v IE8, skúste toto ... Je pekne vyzeralo opraviť svoje problémy na chvíľu ....

Pomocou Meta vyhlásenie, môžeme špecifikovať vykresľovací jadro IE8 by sme chceli použiť. Takže nútiť k tomu, ako je IE8 IE7 ... vložte nasledujúce značku metadát do hlavy dokumentu: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

V predvolenom nastavení IE Meta bude: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
ktorý by IE8 zobrazení stránky pomocou novej normy režimu.

V prípade potreby možno túto syntax použiť na ubytovať u iných prehliadačov ako je uvedené nižšie:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />


VIAC O DOCTYPES:

AK si ešte nepoznajú druh zvieraťa zvané "doctype" ... tu je nejaká rýchla čítať
Čo sú DOCTYPES? Čo sú to internetové Quirks a Prísny režim?
Nastavenie DOCTYPE v XSL

Pre podrobnejšie pochopenie, DOCTYPES, skúste navštíviť tieto odkazy ...
Zoznam APT: Fix vaše stránky So správnym DOCTYPE!
Zoznam APT: Beyond DOCTYPE: Webové štandardy a doprednou kompatibilitu, a IE8

Poznámka: Aj keď mnohí z nás HTML / CSS ľudia boli zanedbávanie význam DOCTYPE decleration v našich dokumentoch, nastavenie správneho DOCTYPE, je zvyčajne odpoveďou na väčšinu otázok priečnych prehliadači.


2008 11.03.2008

Čo sú CSS Obnoví?

Obnoviť CSS je / sú CSS nastaviť rad prvkov štýlov na konkrétne predvolené, ktorý vytvára súlad v rôznych prehliadačoch.

Všetci sme boli cez nočné mory písanie cross-browser CSS je. Takže keď začneme písať naše CSS, je zvykom obnoviť najprv odstrániť / reset žiadne krížovej prehliadača nezrovnalosti. Obnoví CSS, sú jednoduché pár riadkov CSS, ktoré si začínajú svoje CSS s, čo vám čistý základ pre spustenie na budovanie svoje.

CSS resetuje, že som normálne inklinujú k použitiu vyzerá takto

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normálne;
}


Obnoviť prehliadača veľkosť písma
Tiež si všimnite, reset, ktoré boli použité na veľkosť písma prehliadača v nasledujúcom riadku ...

html {font-size: 76%;}

Vyššie CSS obnoví prehliadača veľkosť písma na 10 bodov, a to umožňuje pracovať s relatívnou veľkosťou písma (čo je každý dôležitý z dodržiavania WAI prespective)
Pre napr v tejto definícii, je font-size v rozpätí stanovená na 10 pixelov a že v paragarph je nastavená na 14 bodov ...

span {font-size: 1em;}
p {font-size: 1.4em;}


NDK domov | Vyjadrenie IT | Vyjadrenie poschodia | Vyjadrenie Penmenship | Vyjadrenie Awe | Vyjadrenie Myself