Duke shprehur IT

Një tjetër kujtim i vjetër e shkollës plotësuese ...

Pse nuk kemi për të mundësuar windos.status?
Javascripts mund të jetë një makth kur keni diçka për të korrigjoj. Firefox nuk kanë një addons pak i dobishëm, si thats Firebug e bën jetën tonë të lehtë dhe ashtu, votë për teknikën debug më popullor në Javascript duhet të shkoni tek "alert ()". Anywaz! Ka disa raste kur duke shtuar ALERT nuk korrigjoj Javascript keq-sillet juaj është vetëm ide nuk është një e mirë. Për shembull! ju keni pika dragble cilit pozicion duhet të alarmuar .... JO JO! Dont bëjmë atë! Ju ... thjesht do të merrni alarme pafund ose ju nuk do të jetë në gjendje të vërtetë drap dragable tuaj. E pra! Ka situata më të mira, ku ju mund të shkruajnë nga tekstet e debug në shiritin e statusit, e shumë më tepër usful ... Besoni mua! Përvoja e saj!

IE by default lënë që ju shkruani në shiritin e statusit shfletuesit duke përdorur sintaksën "'diçka të korrigjoj arsyeja window.status =", por FireFox nuk ka. Pra, për të mundësuar ndryshimin dritaret statusit, ju mund të bëni ose të mëposhtme.

Hape about: config në shfletuesin (Tipi "about: config" kjo në shiritin e adresës) dhe kërkoni për
dom. disable_window_status_change. Ndryshojë atë për false ... vetëm klikoni në hyrje të toggle shtetin e saj.

OSE Përndryshe

"Mjete → Mundësi → → Content Enable Javascript / i Avancuar → status bar Ndrysho text"

Dhe gjithashtu theksohet se ... për të shkruar në shiritin e statusit në Javascript tuaj, IE është vetëm në rregull në qoftë se ju përdorni një të shkurtër dmth statusin sintaksë = "disa text debug ', por në FireFox, ju duhet të përdorni në të plotë window.status sintakse dmth =" Nr diçka të korrigjoj '

As unë jam shumë e re për User Interface (UI) e zhvillimit dhe unë nuk jam një veteran dhe si unë gjithmonë e vënë atë, unë të përshtaten në profilin e UI zhvilluesi i më shumë se ajo e një projektuesi, pa keqardhje. Oh well! Çfarë është I shkruar në lidhje me? Për një kohë ... (duhet të jetë në vitet mos ndonjë më pak) tani, çdo tani dhe pastaj kur unë do të marrë në një grimë e Projektimit UI (kur projektuesi profesional ka shkuar në një festë), unë cant ndaluar gjithmonë duke menduar se dizajni im duhet të jetë siç duhet complient apo jo (sinqerisht, jo që unë mund të arritjes 100 për qind respektimin e standardeve, nëse kam kërkuar shumë). Atëherë unë them veten time, se çfarë mut! ... Dizajnit duhet të jetë e thjeshtë, e bukur dhe duket kryesisht i përdorshëm, ajo nuk duhet të bëjë vizitorët ik ... ose fryrje (që të jetë teknike). Çfarë vlere do a nice tableless plan urbanistik CSS jetë për të vizitorëve, i cili është harruar në të gjitha Hypertext zgjuar dhe fletë Cascading Style nën lëkurën e faqen tuaj ... hiç!
Ajo duhet të duken bukur dhe të jetë e lehtë për t'u përdorur ... pastaj vjen të gjitha stuff standardet.

Unë stumbbled gërshetimet këtë term blog nga Jason Fried e 37 sinjale (Për ata që nuk janë të vetëdijshëm për 37 sinjalet janë onces të cilët kanë krijuar disa aplikacione web tmerrshme si BaseCamp, etj Zjarr kampi) Kush shkruan diçka të ngjashme në vitin 2004 dhe më besoni, gati 5 vjet dhe nuk ka ndryshuar shumë që nga ajo ... unë kam qenë i lumtur për të lexuar postin e tij, si unë plotësisht pajtohem me atë që ai ka për të thënë dhe gjithashtu fakti, ajo nuk është i sigurt për atë që është thënë në lidhje me ndjenjën e saj vetëm e tij gut dhe kështu është e imja

Jason Fried: "Nuk ka mënyrë shumë të flasim për CSS dhe XHTML dhe Standardeve dhe aksesueshmërisë dhe nuk mjafton të flasim për njerëzit. CSS dhe Code Standardet përputhje janë vetëm mjete - ju duhet të dini se çfarë për të ndërtuar me këto mjete. Great, unë jam i kënaqur UI juaj nuk përdor tavolina. Pra, çfarë? Kush kujdeset nëse ende nuk i le njerëzit të arritur qëllimet e tyre. Standardet Web janë të mëdha, por standardet e njerëzve të vet përfshijnë getting things done (dhe se është ende shumë e vështirë për të bërë online).

Designers UI janë duke bërë të njëjtën vjetër themelor "duke harruar në lidhje me qenie njerëzore në të tjera anësore" gabimet - përveç kësaj kohe kodi i tyre duket më mirë. Njerëzit, nuk validators kodi interfaqet e përdorimit ".

Artikulli i plotë arka Jason Frid s

DISCALIMER: Kjo nuk do të thotë se ne nuk duhet të shqetësojë për standardet në të gjitha. Standardet janë të mira që të ketë dhe rrinë me ta sa më shumë të jetë e mundur. Ne vetëm duhet të kuptojnë se dizajn të mirë UI nuk do të thotë gjithmonë 100 për qind complience Standardeve ose anasjelltas ....

Nga lista ime e mësimeve të nxjerra tim, unë të ndjekë një dizajn pak UI dhe Zhvillimit rregulla të arta ... Heres 10 TOP ... jo se ju duhet të ndjekin ato shumë ...

1. Kujdesuni për përdoruesit tuaj. Përdoruesit mund të bëjnë ose thyejnë faqen tuaj. Donot bërë sy e përdoruesit si një idoit totale, e krejtësisht të paaftë për të përdorur faqen tuaj te internetit. Kjo është e keqe!

2. Mbani thjeshtësi dhe lehtësinë e përdorimit guidlines tuaja parësore. Shumë gjëra në ekran, më i lartë probabiliteti që një përdorues do të merrni të hutuar ose hutuar nga detyra e tyre origjinale.

3. Të jetë në KUFIJTE ... donot kënaq shumë në qasja, përdorshmërisë dhe standardeve. Përdorimi standardeve në mënyrë efektive dhe t'i bëjë ata të kuptohet për ekipin. Kjo do të sigurojë qëndrueshmëri të drejtë në produkt

4. Prototype kërkesën. Që nga viti, këto ditë interfaces Përdor janë të pasur, prototyping gjithmonë është më mirë se vetëm duke bërë wireframes thjeshta dhe kjo e fundit është e pavlefshme e ndërveprimeve të mirë, ajo do të dështojnë të ofrojnë klientit një pasqyrë të qartë të produktit final që është duke u zhvilluar. Gjithmonë, Ai është më e lehtë për të kthyer prototipa në deliverables përfundimtare. Gjithashtu! me prototyping ndonjë çështje ndërveprim mund të sheshuar më herët në ciklin e zhvillimit.

5. Konsistenca në hartimin tuaj dhe ndërveprimit është shumë e rëndësishme. Donot ngatërruar përdorues tuaj me ndërveprime të paparashikueshme dhe gizmos.

6. Kuptoni tuaj "MISIONI Projektim". Aways të përqëndrohet në veprim parësor i beign faqes projektuar. Gjithashtu, të bëjë një listë të veprimeve tuaja seconday në faqe, dhe prioritizimin e tyre.

7. Sigurimi reagime të përshtatshme për përdoruesit e site. Me shumicën e faqeve të projektuar rreth AJAX, të sigurojë cues vizuale të përdoruesit për ndryshime në faqe. Ky përdorues ka për të dhënë një vërtetim të përfundimit të çdo detyre që ai kryen. Donot bëjnë përdoruesit presin dhe me mend, psh. japin treguesit e progresit për uplaods file.

8. Përdorimi kontrolle të përshtatshme. Për përdorim p.sh. Zgjidh drop down listë për listat e vogla vetëm, donot le përdorues zgjedh një nga 200 qytetet duke përdorur kutitë e zgjedhur. Kuptojnë dallimin në mes të një buton dhe një lidhje. Një lidhje dhe butonin e kanë qëllime të ndryshme, donot përdorni një për tjetrin. Të sigurojë kontrollin e duhur për të bërë bashkëveprojmë me një faqe të lehtë. Shmangni përdorimin e Menus, që janë më shumë se dy nivele të thellë. Mos reinvent timon. Përdorimi kontrollet standarde, rregulloje ato vetëm nëse është shumë e nevojshme. Definimi ndonjë kontrolle doganore të kërkuara për dorën tuaj faqen e parë, në mënyrë që ata të mund të jetë krijuar dhe testuar të pavarur, të gatshme për përdorim faqen gërshetimet.

9. Donot iterate shumë në dizajn. Mos harroni! Produkt gjithë përbëhet më shumë se vetëm dizajnin. Ndërtimi i afateve të duhura në orarin e projektit tuaj për iterations projektimit dhe rrinë në të. Përsëritje na ndihmon për të gjetur se çfarë funksionon dhe çfarë nuk ka, marr nga vendet e trazuara. Si një ndërfaqe të mirë merr kohë, për të siguruar kohë për iterations në fillim të ciklit të zhvillimit, në mënyrë që përsëritjet të projektimit doesnot direkt vë shenjën e barazimit të Rework. Too Rework shumë mund jeopradize afatet.

10. Uluni mbrapa dhe mendoni se si një përdorues ndonjëherë.

Heres tjetër peice pak dredhi Javascript që kam pasur për të gërmoj përreth, sepse situata commaned atë. Në një nga web faqet e mia, unë kam këtë situatë, ku unë kam për të zbatuar "windows.onload" dy herë. Gjëja e parë që do të vinte në një mendje të papërvojë si imi (kam për të të them sinqerisht se, pasi unë kam qenë duke përdorur kuadro javascript dhe bibliotekat, kam forgotton për të bërë gjërat e thjeshta në mi ... sad por e vërtetë), është metodë poshtë ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 etj ..

Na vjen keq të them, por kjo nuk do të punojnë ... dont duan për të diskutuar mbi shkencën e ekzekutimit të aktivizoni Java shumë ... por sipas përvojës sime kohëve të fundit, vetëm funksioni i fundit (onloadfn3) do të sëmurë në të vërtetë të merrni ekzekutuar.

Në situata normale, ndryshe nga imi (që unë do të flasim pak më vonë) ... ju mund të bëni një nga të mëposhtmet për të ekzekutuar funksionet mutliple onload ....

OSE diçka si kjo

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

Për gjendjen time aktuale, unë nuk mund të përdorë ose i lart ...
Pse nuk kam nevojë për të thirrur windows.onload dy herë, më tepër se thirrje dy funksione brenda një funksion onload të vetme? Këtu është vështrim i shpejtë në deklaratën time të problemit ...

"Faqet e mia Site janë të strukturuara si Wordpress Theme .... dmth nuk është një Header.php përbashkëta dhe Footer.php që merr të përfshira në të gjitha faqet e faqes. Nuk është një funksion onload implementaion në Footer.php për të bërë disa funksione të përbashkëta onload. Dhe ka disa faqe që kanë nevojë për diçka të onload tyre, përveç atyre bërë nga funksioni onload përbashkët. Nëse unë caktoj funksion callback direkt në mbajtës window.onload, ajo do të mbi-kalëroj callbacks caktuar më parë në Footer.php "

.... A është problemi im kuptohet ?

E pra! ka disa zgjidhje që unë e kam gjetur. Ata të gjithë janë shumë të ngjashme dhe kryesisht implementions e një zgjidhje të caktuar nga Simon Willison simbolit http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Zgjidhja:

Thjesht shtoni këtë kod javascript në faqen ...

 Funksioni addLoadEvent (funksionet) {
     var oldonload = window.onload;
     if (window.onload TypeOf! = 'funksioni') {
        window.onload = funksionet
     } Else {
        window.onload = function () {
            në qoftë se (oldonload) {
                   oldonload ()
           }
           funksionet ()
        }
    }
 }

Dhe e quajti atë vend të "windows.onload" e zakonshme

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Kodi më shumë për të kandiduar në ngarkesës faqe *
 }); 

Avantazhet e kësaj copë kodi ...
1. Kryesisht, kjo ju lejon të ketë ngjarje të shumta windows.onload, i quajtur nga pjesë të veçantë që të kodit tuaj, pa overridding përkufizimin e mëparshme
2. Ajo është me të vërtetë modest. Ajo mund të vendoset në një skedar me të tjera Scripts tuaj ose në një skedar të veçantë.
3. Ajo punon edhe nëse window.onload tashmë është vendosur.

Mendova se kjo do të jetë një shkarravinë të gjejnë në Google, si shumë ju na UI dhe script shkrimtarët do të duhet ta bëni këtë në një ditë në baza ditore, që është të përfshijë një grimë e copë peice PHP kodin (. Php) në një Stampa Smarty (. TPL). E kuptova se pyetjen e lehtë / popullor tuaj, edhe më të vështirë për të gjetur përgjigjen e saktë ... një milion rezultatet e kërkimit, por shumica e tyre reffered për "File" përfshin në Smarty ... e cila ka sintaksë e mëposhtme

{Përfshijnë = Skedarėt "include / header.php"}

Kjo inlcuded fakt skedarin mirë, por si tekst, Çfarë kam kërkuar ishte rezultat i file të përfshira. (Vini re më sipër përdoret template përfshin brenda një file template). Së fundi me një persiverance bit .... I stumbled nëpër një sintaksë slighty modifikuar, e cila ishte përgjigje për kërkesën time ... kështu që këtu është ... në qoftë se ju havn't gjetur një të tillë tashmë

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

Një tjetër tut shpejtë. Këtu është diçka e thjeshtë dhe e bukur duke përdorur fuqinë e CSS ... por ishte concieve vështirë (dhe kjo me siguri nuk ishte më) për të filluar me. Shtimi Dropshadow, mund të jetë një peice tortë për shumë prej nesh, duke përdorur një imazh editing mjete si Photoshop Fireworks anf etj
Arsyeja pse, i prirur për hijen rënie duke përdorur CSS është se, zakonisht duke krijuar një dizajn faqesh / html e kërkesës, kërkesat e mbajtur iterating. Çfarë dua të them është, në një web site ekzistuese me imazhe të shumta, si ato shfaqen freinds listë ose një galeri imazh, do të jetë e vështirë për të reprocess ngarkesës gjithë e imazheve që ishin shkarkuar tashmë për të shtuar ose hequr hijet, për këtë çështje.
Pra, Nëse ju keni bërë një të menduarit pak përpara, ndërsa krijimin e HTMLS për të shtuar e këtyre ndarjeve shtesë ose zakonisht situata është se ju keni një logjikë loop gjeneruar këto ikona / thumbnails në XSL, PHP. JAVA apo ndonjë tjetër programimit / scripting gjuhën, ju mund të shtoni atë në çdo kohë, atëherë është vetëm çështje e tregojnë dhe të fshehur këto hijet duke perdoruremailin e pronës Display CSS, si për klientë gjithnjë e në ndryshim kërkesat ... Unë havn't bërë këtë lloj të të menduarit përpara para se kjo ... por ahev filluar tani!

Në shembullin e mëposhtëm, imazhi origjinal është hija e lirë dhe dropshadows zbatohen siç kërkohet! Gjithashtu, unë kam shkuar një shtesë të vogël, duke përdorur truket e Tut sime më parë (Well! këto ndoshta janë të ndryshme nga më të shkurtër Tutorials, kështu që është e arsyeshme vetëm duke i quajtur ato "Tut" "s) në lidhje me shfrytëzimin e pronës CSS Clip për të nxjerr vetëm

Image Original

DropShadow Rezultatet CSS

Shiko Demo | Download sourcefiles

Pse dua të kuptoj këtë? Humm ...!

Shumica e shkrimtarëve CSS do të bien dakord se prona CSS Clip është ndoshta një nga më të pa-përdorura pronat CSS. Ajo ishte aq e vërtetë për mua dhe ishte më e lumtur për të lënë pas dore atë, derisa fillova të modifikuar DY çelës MOOTOOLS (PIN) Komponenti Slider (me Treguesi varg) .

Ka qenë një sugjerim i mirë nga një prej përdoruesve përbërëse të ndryshojë Component Slider duke përdorur imazhe clipped backgroud (kundër një ndarjeje të ndryshueshme gjerësi) për të treguar gamën e slider. Kështu erdhi koha ime për të hyrë në argëtim, por un-patundshme (për mua ofcourse) ujërat e pronës Clip CSS.

E pra! se sa e vështirë mund të jetë? Jo shumë në të gjitha ... PO dhe JO. Sintaksa për të përdorur pronën Clip CSS është shumë e drejtë, por kuptimi / usuage është pak croocked. Me një kujtesë si e imja, everytime unë ulem për të Rework mbi Script tim Slider ... kam tokeep iu referuar përsëri në përdorimin e këtë pronë Clip, për t'i kujtuar vetes logjikën që kam krijuar, në shkrimin tim .... Për këtë arsye! mendohet se stilolaps atë, me një shpresë për të kujtuar atë të ardhmen (dhe gjithashtu për të mirën e atyre që duket boggled nga Pronës Clip CSS)

Çfarë Clip CSS bëni?

Klip është pjesë e modulit efekte vizuale të CSS 2.1. Ta themi thjesht, puna e saj është që të zhvillohet një dritare të dukshme në krye të një objekt që është duke u clipped, prandaj prerë imazhet dhe krijimin Thumbnails pa pasur nevojë për të krijuar fotografi të tjera (i kemi tashmë të vënë këtë funksion për përdorim më të mirë në Komponentin Slider )

Përdorimi i pronës Clip CSS, ju mund të krijojë një krehja duke përdorur formën të drejtpërdrejt. Ashtu si Properties tjera shumë CSS (si diferencë, etj mbushje), duke përdorur të drejtpërdrejt kërkon katër koordinatat Top, drejta, Bottom, Left (TRBL). Natyra croocked i kësaj prone reflekton kur ju keni marrë një vështrim më të afërt se sa clip llogarit rajonin e prerë, duke përdorur këto katër koordinatat simbolit dërgon trurin në një hedhje për një kohë). Tani për të ngatërruar ju poshtme fillon nga lart, dhe e drejta fillon nga e majta. . Ju shikoni se çfarë i tha? .... Prandaj këtë post ...

Ky konfuzion pak lehtë mund të zhduket, me këtë shpjegim vizuale e pronës Clip / CSS të drejtpërdrejt si më poshtë!

Clip Kërkesat CSS

Detyra që kemi filluar të clip imazhin e mëposhtëm Thumbnail në një imazh squarer në kërkim (dhe gjithashtu një kënd të gjerë image)

Thumbnal Original / Image	Kërkesat për Clip sqaure Thumbmail

Clip Rezultatet CSS

Shiko Demo | Download sourcefiles

Kjo pyetje kaluar mendjen time disa herë më parë, kur unë isha duke punuar në faqet më herët shumë, e cila përdoret për të treguar WordPress blogs ose lloj të ri të përmbajtjes në disa pjesë të faqes / portal.Being një rishtar në PHP dhe rreth WordPress, kam mbajtur procastinating atë, duke menduar se "kjo nuk është peice ime e tortë". Së fundi! kjo kërkesë erdhi upto hundë tim, kur filloi diggin rreth një grimë për zgjidhje.
Unë kam qenë i befasuar për të gjetur se ajo vërtetë ishte më e lehtë se unë në fakt mendonin se ishte, për të shfaqur një listë të titujve apo mesazhin e fundit në çdo faqe tjetër jashtë seksionit të WordPress-powered, vetëm duke përdorur pak e PHP dhe API WordPress .

Ja çfarë duhet të bëni: -
Për arsye të dhënë shpjegime, supozojmë që faqja e juaj është http://www.inchembur.com/ dhe ju keni seksionin e lajmeve për këtë faqe në http://news.inchembur.com/~~pobj (i cili po kandidon WordPress). Tani është kërkesë për të treguar mesazhin e fundit nga http://news.inchembur.com/~~pobj në faqen kryesore të faqes kryesore, dmth http://www.inchembur.com/index.php

Step1: Në index.php tuaj shtoni peice e mëposhtme të kodit, Përfshi file API WordPress. Ju mund të shtoni këtë në krye të faqes që ju dëshironi mesazhin e juaj për të dalë në.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false); përdorimi / / Disbable e Theme WordPress
kërkojnë ('/ var / news.inchembur.com / wp-blog-header.php'); / / Përfshi WordPress API
; // Get Latest Post query_posts ('showposts = 1'); / / Get mesazhin e fundit
?>

Në peice mësipërme të përfshijnë, ne jemi duke marrë vetëm postin e vetme më të fundit. në qoftë se doni të provoni variacione më shumë të ndjehen të lirë për të gërmoj në, query_posts() dokumentacionin .

Hapi 2: Tani, Në pjesën e faqes Index / Home ku ju doni të tregojnë mesazhin e fundit WordPress nga http://news.inchembur.com , përdorni kodin e mëposhtëm. S'është nevoja të thuhet, të ndjehen të lirë për të ad klasave tuaja styling, përfshin dhe klasat si për nevojat tuaja të projektimit.

Step3: Nuk ka asnjë Hapi 3 ... thats it ... ju janë bërë!

Si tregojnë një faqe të veçantë pas / në krahasim me postin e fundit: -
Kjo mund achived lehtë duke ndryshuar argumentet për query_posts() për të përfshirë ID faqe apo faqe lingotë

) ; query_posts ('page_id = 7');
) ; query_posts ('pagename = për');

ose ju mund të kontrollojë numrin e postimeve:
) ; query_posts simbolit showposts = 3);

Ndonjëherë për të mbajtur pageweight poshtë ... ne kemi ndarë Scripts tona në fragmente ... Këto fragmente javascript mund të ngarkohet si dhe kur kërkohet (në një rast ose në një klikim të lidhjes ose buton, etj).

Javascripts Loading dinamike është e thjeshtë dhe shumë i drejtë përpara si më poshtë ...

= “text/javascript” > <Script type = "text / javascript">
Funksioni loadNewScript (burimi) {
var s = document.createElement ('script');
s.setAttribute ('lloj', 'text / javascript');
s.setAttribute ('src', burim);
document.body.appendChild (s);
}
</ Script>

dhe ju mund të keni lidhjen e mëposhtme thirrje kudo në trup, ose ju mund të ketë kjo "onload" shkrimit të dokumentit vetë ...

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

ose

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

Nëse ju jeni personi css, ju do të dini dhimbje në marrjen Layouts tuaj të punës kryq shfletuesin-. IE8 është ende një çelës në veprat për zhvilluesit nesh. Anywaz! nëse ju goditi mbi këtë çështje, si unë e bëri dje, ku CSS tuaj të përkryer duke punuar në IE7 (dhe më herët) dhe Firefox ka filluar papritmas hedhur tantrums në IE8, provoni këtë ... Ajo dukej mirë për të rregulluar problemet e mia për momentin ....

Duke përdorur deklaratës Meta, ne mund të specifikoni motorrit interpritim ne do të dëshironim IE8 për t'u përdorur. Pra, për të detyruar IE8 që të merr sa IE7 ... Vendos Tag vijim Meta në krye të dokumentit tuaj: -

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

By default Meta IE do të jetë: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
të cilat do të bëjnë IE8 faqen duke përdorur mënyrën e re të standardeve.

Nëse kërkohet, kjo sintaksë mund të përdoret për të akomoduar për shfletuesit e tjerë si më poshtë:

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

MË SHUMË Rreth DOCTYPES:

Nëse jeni ende të panjohura me lloj kafshe të quajtur "DOCTYPE" ... këtu është një shpejtë lexuar
Cilat janë DOCTYPES? Cilat jane keto lojra fjalesh Browser & mode rreptë?
Vendosja e DOCTYPE në XSL

Për një më shumë në kuptim të thellë në lidhje me DOCTYPES, provoni vizituar këto lidhje ...
Një Lista Përveç: Fix Your Site Me DOCTYPE e duhur!
Një Lista Përveç: Përtej DOCTYPE: Standardet Web, Forward Compatibility dhe IE8

Shënim: Edhe pse shumë prej nesh HTML / CSS njerëz janë neglizhuar rëndësinë e decleration DOCTYPE në dokumentet tona, Vendosja e DOCTYPE duhur, zakonisht është përgjigje për çështjet më kryq browser.

Një Reset CSS i / CSS janë të vendosur një numër të stileve element në një bazë të veçantë që krijon qëndrueshmëri të gjithë shfletuesit të ndryshme.

Ne të gjithë kemi qenë përmes këqija të shkruar ndër-browser-së CSS. Pra, kur ne të filloni të shkruani CSS tonë, është një praktikë për të rivendosur atë më parë për të hequr / rivendosur ndonjë mospërputhje kryq shfletuesit. CSS Rivendos, linja të thjeshta pak CSS se ju fillojnë CSS tuaj me, duke ju dhënë një bazë të pastër për të filluar ndërtimi i juaj mbi të.

Rivendos CSS se unë zakonisht priren të përdorin duket si ky

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 {
lista-style: none;
}

H1, H2, H3, H4, H5, h6 {
font-size: 100%;
font-weight: normal;
}

Reset font size shfletuesit
Gjithashtu vini re te rese se ka qenë aplikuar për madhësinë e shfletuesit në linjë vijim ...

html {font-size: 76%;}

Lart CSS Rivendos font shfletuesi madhësia në 10 pixel, dhe kjo bën të mundur për të punuar me madhësinë e shkronjave të afërm (i cili është çdo rëndësishme nga një përputhje Wai këndvështrim)
Për shembull, në përkufizimin e mëposhtëm, font-size në një hapësirë ​​është vendosur në 10 pixels dhe se në paragarph është vendosur në 14 pixel ...

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