Posts tagged 'Patarimai ir gudrybės "

Kaip įjungti Rašymas į būsenos juostoje (window.status) Firefox

Pirmadienis, balandis 6, 2009 Iki Nikhil

Kitas senosios mokyklos atmintis papildoma ...

Kodėl mes, kad windos.status?
Javascripts gali būti košmaras, kai turite ką nors derinti. "Firefox" turi keletą naudingų Komplektacija, kaip Firebug Thats daro mūsų gyvenimą lengvai ir to, labiausiai populiarus debug technika JavaScript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedant Alert derinti savo neteisingai elgiasi Javascript yra tiesiog nėra gera idėja. Pavyzdžiui! turite dragble elementą, kurio pozicija turi būti įspėti .... NE NE! Dont do it! ... Jums tiesiog gauti begalinis įspėjimus ar jūs įpratęs būti suteikta galimybė faktiškai drap savo dragable. Gerai! Yra daugiau gerų situacijų, kur jums gali rašyti iš debug tekstus būsenos juostoje, daug usful ... Patikėkite! Jo patirtis!

Ty pagal nutylėjimą kairę rašote naršyklės būsenos juostoje naudojant sintaksę "window.status = 'kažką derinti" ", bet Firefox nėra. Taigi, kad Windows būklės pokyčius, kuriuos galite padaryti vienu iš šių būdų.

Atidarykite about: config naršyklėje (tipo "about: config", tai į adreso juostą) ir ieškoti
dom. disable_window_status_change. Pakeiskite jį klaidinga ... tiesiog paspauskite ant įrašo perjungti savo būseną.

Arba alternatyviai

"Įrankiai → Funkcijos → Turinio → Enable JavaScript / Išplėstinė → Pakeisti būseną baras tekstą"

Taip pat pažymi, kad ... rašyti būsenos juostoje savo Javascript, IE yra tik gerai, jei jūs naudojate trumpą sintaksė ty statusą = 'kai derinimo tekstas ", o FireFox, turite naudoti visą sintaksę ty window.status =' kažkas derinti "


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Geras UI dizainas turi būti standartų reikalavimus. arba jeigu jis? Mano TOP 10 UI dizainas Taisyklės

Ketvirtadienis kovas 12, 2009 Iki nikhil


Nei aš, esu labai nauja vartotojo sąsaja (UI) plėtrą nei aš veteranas ir kaip aš visada įdėti jį, aš tilptų į UI kūrėjas daugiau nei dizaineris profilio, nesigaili. O gerai! Kas man buvo raštu apie? ... Kurį laiką (turi būti metų ne bet mažiau) dabar, kas dabar ir tada, kai aš gauti į keletą UI dizainas (kai profesionalus dizaineris nuėjo atostogų) tiek, aš visada cant nustoti galvoti, ar mano dizainas turėtų būti tinkamai complient ar ne (nuoširdžiai, o ne, kad galėčiau pasiekti iškelti sekantys 100% standartų laikymąsi, jei aš norėjau taip pat). Tada aš sakau sau, ką šūdas! ... Dizainas turėtų būti paprastas, gražus ir pirmiausia atrodo naudingas, jis neturėtų lankytojai pabėgti ... arba Bounce (būti techninių). Ko gera, būtų malonu Tableless CSS išdėstymas turi būti lankytojas, kuris pamiršo visas protingas Hiperteksto ir Cascading Style Sheet pagal savo tinklalapį odos ... Zilch!
Tai turėtų atrodyti graži ir lengva naudoti ... tada ateina visi standartai dalykų.

Aš stumbbled šakų visame šio dienoraščio įrašas Jason Fried iš 37 signalų (Tiems, kurie nežino 37 signalai yra onces kurie sukūrė keletą awesome interneto programas kaip Basecamp, laužavietės ir tt), kuris parašė kažką panašaus į 2004, ir patikėk, beveik 5 metų ir ne daug pasikeitė nuo to ... Man buvo malonu skaityti šį postą, aš visiškai sutinku su tuo, ką jis turi pasakyti ir taip pat tai, jos nėra tikri, apie ką pasakoja apie savo tik savo žarnų jausmas ir todėl yra mano :)

Jason Fried: "Yra taip per daug kalbėti apie CSS ir XHTML ir standartų ir prieigos, o ne pakankamai kalbėti apie žmones. CSS ir standartų atitiktis Kodas yra tik įrankiai - jūs turite žinoti, ką statyti su šiomis priemonėmis. Puiku, aš džiaugiuosi savo UI nenaudoja lenteles. Na ir kas? Who cares, jei ji vis dar neleidžia žmonėms pasiekti savo tikslus. Web standartai yra puiku, bet pačių žmonių standartai apima gauti dalykų nuveikti (ir tai dar per sunku daryti internete).

UI dizaineriai daro sena pagrindinė "pamirštant apie žmogų iš kitos pusės" klaidų - išskyrus šį kartą jų kodas atrodo geriau. Žmogus - ne kodas tvirtintojai - naudoti sąsajas ".

Vykdyti užsakymą Jason Fried universalioje straipsnis

DISCALIMER: Tai nereiškia, kad mes neturėtume galvoti apie standartų ne visi. Standartai yra gerai turėti ir laikytis jų, kiek įmanoma. Mes turime suprasti, kad geras dizainas sąsajos ne visada reiškia 100% standartų complience arba atvirkščiai tik ....

Iš mano sąrašo mano pamokas, aš sekti keletą UI dizainas ir plėtros Aukso taisyklės ... Heres TOP 10 ... ne tai, kad jums sekti juos per ... :)

1. Rūpinkitės savo vartotojams. Vartotojai gali atlikti arba nutraukti jūsų svetainę. Donot kad vartotojo atrodyti bendro idoit, visiškai negali naudoti savo svetainėje. Tai yra blogai!

2. Laikykite paprastumo ir patogumo naudoti pagrindinis Nurodymai. Per daug dalykų, ekrane, didesnė tikimybė, kad vartotojas gaus sumišęs ar atitraukė nuo savo pradinio uždavinio.

3. Būkite ribas ... Donot atsiduoti per daug į naudojimo, prieinamumą ir standartus. Naudoti standartus ir veiksmingai juos suprasti komandai. Tai padės užtikrinti tinkamą nuoseklumą produkto

4. Prototipas reikalavimą. Kadangi šių dienų naudojamos sąsajos yra turtingas, kūrimas visada yra geriau nei tiesiog paprastų wireframes ir pastaroji yra negaliojantis padoraus sąveikos, ji negalėtų pateikti klientui susidaryti aiškų vaizdą apie galutinio produkto, kuris yra kuriamas. Visada yra lengviau konvertuoti prototipus į galutinius rezultatus. Taip! su prototipų jokios sąveikos klausimai galėtų būti išlyginti anksčiau vystymosi ciklas.

5. Derėjimas savo dizainą ir sąveika yra labai svarbus. Donot painioja savo vartotoją su nenuspėjamomis sąveikos ir Gizmos.

6. Suprasti savo "dizainas Misija". Paėmimai sutelkti dėmesį į pirminės veiksmų puslapio beign sukurta. Be to, kad jūsų seconday veiksmus puslapyje, sąrašą ir nustatyti jų prioritetą juos.

7. Pateikite tinkama atsakomoji reakcija į svetainės vartotojai. Su dauguma svetainių skirta apie AJAX, pateiks vizualinius signalus į apie pasikeitimus puslapyje vartotojui. Vartotojas turi suteikta apie bet kokią užduotį jis vykdo baigimo pripažinimą. Donot kad vartotojo laukti ir spėlioti, EG. teikti pažangos rodiklius failų uplaods.

8. Naudokite valdiklius tinkamai. Dėl pvz Naudokite Pasirinkite išskleidžiamajame sąraše mažoms sąrašus tik donot tegul vartotojas pasirenka vieną iš 200 miestų, naudojant pasirinkite langelius. Suprasti skirtumą tarp mygtuko ir nuoroda skirtumą. Nuorodą ir mygtuką turi skirtingus tikslus, donot naudoti vieną kitą. Suteikti teisę kontroliuoti daryti bendrauja su puslapio lengviau. Venkite naudoti meniu, kad yra daugiau nei dviejų lygių gylio. Negalima išradinėti dviračio. Naudokite standartines kontrolę, pritaikyti juos tik tada, kai labai reikia. Nustatykite visus pasirinktinius valdiklius, reikalingų savo svetainę pirmasis rankų, kad jie galėtų būti sukurta ir išbandyta atskirai, paruoštas naudoti šakų visame svetainėje.

9. Donot pakartoti per daug dizainą. Prisiminti! Visas produktas sudaro daugiau, kad dizainas ramybėje. Sukurti tinkamus terminus į jūsų projekto grafiko projektavimo iteracijų ir lazdas į jį. Iteracija padeda mums sužinoti, kas veikia, o kas ne, išskirti dramą. Kaip gera sąsaja užima laiko, suteikti laiko iteracijų į kūrimo ciklo pradžioje, todėl, kad projektavimo iteracijų doesnot tiesiogiai prilyginti REWORK. Per daug remontuoti gali jeopradize terminus.

10. Prisėskite ir galvoti, kaip vartotojas kartais.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kreipiamės į kelis langus įkėlimo funkcijos JavaScript

Šeštadienis, kovas 7, 2009 Iki nikhil

Štai dar šiek tiek peice JavaScript gudrybė, kad man teko kasti aplink, nes situacija commaned jį. Vienas iš mano svetainių, aš turėjau šią situaciją, kai aš turėjo įgyvendinti "windows.onload" du kartus. Pirmas dalykas, kad būtų atėjo nepatyręs proto kaip mano (aš turiu sąžiningai pasakyti, kad, kadangi aš naudoju JavaScript struktūras ir bibliotekas, aš forgotton daryti paprastus dalykus on my own ... Liūdna, bet tiesa), tai šis metodas ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 ir tt ..

Atsiprašome pasakyti, bet tai įpratęs dirbti ... dont wanna aptarti vykdymo mokslas Javascript daug ... bet pagal mano pastarojo laikotarpio patirtį, tik paskutinis funkcija (onloadfn3) bus blogai iš tikrųjų gauti įvykdytas.

Normaliomis aplinkybėmis, priešingai nei mano (tai aš kalbėti apie šiek tiek vėliau) ... galima padaryti vieną iš šių veiksmų atlikti mutliple įkėlimo funkcijas ....

Ar kažkas panašaus į tai

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

Mano dabartine situacija, aš negaliu naudoti vieną iš aukščiau ...
Kodėl man reikia skambinti windows.onload du kartus, o kad skambina dvi funkcijas vienoje įkėlimo funkcijos? Štai greitas pažvelgti mano problema pareiškimą ...

"Mano Svetainės puslapių struktūra kaip WordPress tema .... ty yra bendras Header.php ir footer.php kad gauna įtrauktas į visus svetainės puslapius. Yra įkėlimo funkcija implementaion į footer.php padaryti keletą bendrų įkėlimo funkcijas. Ir yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie atlieka bendrą įkėlimo funkciją. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis per važinėti anksčiau suteiktas iššūkius per footer.php "

.... Ar mano problema suprantama :) ?

Gerai! yra keletas sprendimų, kad aš rasti. Jie visi yra labai panašūs, o daugiausia implementions tirpale apskaičiuojama pagal Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Sprendimas:

Tiesiog pridėkite šį javascript kodą į svetainę ...

 funkcija addLoadEvent (funk) {
     var oldonload = window.onload;
     jei (typeof window.onload! = 'funkcija') {
        window.onload = funk
     } Else {
        window.onload = function () {
            jei (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 } 

Ir vadina jį vietoj įprasto "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Daugiau kodui veikti įkeliant puslapį *
 }); 

Privalumai šio kodo fragmentą ...
1. Visų pirma, jis leidžia jums turėti keletą windows.onload renginius, vadinamus iš Atskirose dalyse kodą, be overridding ankstesnį apibrėžties
2. Tai tikrai nekrenta į akis. Jis gali būti dedamas į failą su jūsų kitų scenarijų arba atskirame faile.
3. Jis veikia net jei window.onload jau buvo nustatytas.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kaip įtraukti PHP kodą viduje Smarty Šablonas

Antradienis, vasaris 24, 2009 Iki Nikhil

Maniau, kad tai vienas bus Doodle rasti google, nes daugelis sužinojote apie mus UI ir scenaristams reikės tai padaryti ant kasdien, kad yra įtraukti peice PHP kodo fragmentą šiek tiek (. Php) į Smarty šablonų (. TPL). Aš supratau, kad lengviau / Populiariausios užklausa, dar sunkiau rasti tikslaus atsakymo ... milijonas paieškos rezultatų, tačiau dauguma jų Italai į "File" apima Smarty ... kuris turi tokią sintaksę

{Yra file = "Įtraukti / Header.php"}

Tai iš tikrųjų inlcuded failo baudą, bet kaip tekstą, ką aš norėjau iš komplektacijoje failo rezultatas. (Pastaba aukščiau naudojamas įtraukti šabloną viduje šablono failą). Galiausiai su šiek tiek persiverance .... Aš szarpnęły visoje slighty modifikuoto sintaksė, kuri buvo mano reikalavimas atsakyti ... taigi čia yra ... jei havn't rasti vieną jau


{Include_php failas = "yra / Header.php"}


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Įrašyta DropShadow vaizdus naudojant CSS

Trečiadienis, vasaris 18, 2009 Iki nikhil

Kitas greitas tut. Čia yra kažkas, paprastas ir malonus naudojant CSS POWER ... bet buvo sunku concieve (ir jis tikrai nebuvo man) prasideda. Įrašyta Dropshadow, gali būti vieni peice daugelis iš mūsų, naudojant keletą vaizdo redagavimo įrankiai pavyzdžiui, Photoshop ANF Fejerverkai ir tt
Priežastis, kodėl aš nusprendė lašas šešėlis naudojant CSS yra tas, kad paprastai kuriant puslapio dizainas / html paraišką, reikalavimai išlaikyti Iteracja. Ką reiškia,, Be egzistuojančią svetainę su daug vaizdų, pavyzdžiui, tuos, kuriuose pasireiškė FREINDS sąrašą arba nuotraukų galeriją, tai bus sunku perdirbti visą krūvį vaizdus, ​​kurie buvo jau iškrauta krovinių į pridėti ar pašalinti šešėlius, nes tai klausimas.
Taigi, jei jūs turite padaryti šiek tiek pirmyn mąstymas kuriant su HTMLs pridėti šiuos papildomus kvadratus arba paprastai situacija yra ta, kad jūs turite kilpa Logic generavimo Šios piktogramos / miniatiūras XSL, PHP. Java arba bet kuri kita programavimo / skriptų kalba, galite įtraukti ją bet kuriuo metu, tada yra tik šou dalykas ir slepiasi šešėlius naudojant CSS Rodyti turto, kaip už klientų kintančius reikalavimus ... Aš havn't tai padarė mąstyti apie ateitį, rūšiuoti prieš tai ... bet ahev pradėk dabar!

Toliau pateiktame pavyzdyje, originalus paveikslėlis yra šešėlis nemokamai ir dropshadows taikomi kaip reikalaujama! TAIP PAT, aš jau šiek tiek daugiau, naudojant mano anksčiau Tut gudrybės (Well! tai tikriausiai yra trumpiausias įvairių Pamokos, todėl pateisinamas tik vadindamas juos "Tut" 'ai) apie naudojant CSS Clip Nekilnojamas turtas skirtas parodyti tik

Originalaus paveikslėlio

original_image

CSS DropShadow rezultatai
css_dropshadow_results
Peržiūrėti Demo | Parsisiųsti sourcefiles


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Understandng CSS Clip Nekilnojamas turtas

Antradienis, vasaris 17, 2009 Iki Nikhil

Kodėl aš noriu tai suprasti? Humm ...!!

Dauguma CSS rašytojų sutiktų, kad CSS Clip turtas yra turbūt vienas labiausiai JT naudojamas CSS savybės. Tai buvo taip tiesa man per daug ir buvo labiausiai laimingas pamiršti jį, kol aš pradėjau keičiantis MooTools DU rankenėlę (PIN) Slider komponentas (su Range Indicator) .

Ten buvo geras pasiūlymas iš vieno komponento vartotojams keisti slankiklio komponentas naudojant nukirpti Backgroud vaizdus (nuo kintamo pločio skyriaus) nurodyti slankiklį diapazonas. Taigi atėjo mano laikas įvesti įdomus, bet JT-Chartered (man Žinoma) vandenyse CSS Clip nuosavybės.

Gerai! kaip sunku gali būti? Ne daug ne visi ... TAIP ir NE. Sintaksė naudoti CSS Clip nuosavybės yra gana stačiai, bet prasmė / usuage yra tiek croocked. Su kaip mano, kaskart sėdėti pataisyti mano Slider scenarijų atminties ... Turiu tokeep nuoroda į naudojimo šio CLIP turto, priminti sau logika, kad aš sukūriau savo scenarijų .... Taigi! Manoma, kad parkeris jį žemyn, su viltimi jį įsiminti ateitį (taip pat ir tų, kurie atrodo boggled pagal CSS Clip nuosavybės naudą)

Ką CSS Clip daryti?

Clip dalis efektų modulio CSS 2.1. Paprasčiau tariant, jo darbas yra vieta matomą langą ant objekto, kad yra nukirpti, taigi karpymas vaizdus ir kurti miniatiūras be kurti papildomus failus (aš jau įdėti šią funkciją geriau naudoti Slider komponento :) )

Naudojant CSS Clip nuosavybės, galite sukurti karpymas naudojant rect formą. Kaip ir daugelis kitų CSS savybės (kaip atsarga, apdaila ir tt), naudojant rect reikalauja keturių koordinuoja viršuje, dešinėje, apačioje, kairėje (TRBL). Croocked pobūdis šio objekto atspindi kai atidžiau pažvelgti, kaip klipas apskaičiuoja karpymas regione, naudojant (siunčia smegenys į tam tikrą laiką išmesti) šias keturias koordinates. Dabar suklaidinti jus apačioje prasideda nuo viršaus, ir teisę prasideda iš kairės. :). Jūs matote, ką aš sakiau? .... Taigi šis pranešimas ...

Tai šiek tiek painiavos gali lengvai išnykti, o šio regėjimo paaiškinimą CSS Clip / tymas turtą, kaip nurodyta toliau!!

CSS Clip reikalavimai

Uždavinys pradėjome yra klipas šią Thumbnail image į Kvadratas ieškote įvaizdžio (taip pat ir plataus kampo vaizdas)

original_imageclip_demo
Originalios Thumbnal / Vaizdas Įrašo Reikalavimai Sqaure Thumbmail

CSS Clip rezultatai

clip_results

Peržiūrėti Demo | Parsisiųsti sourcefiles


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kaip įtraukti WordPress blog kitoje svetainėje

Pirmadienis, vasaris 2, 2009 Iki Nikhil

Šis klausimas kirto mano protas kelis kartus anksčiau, kai dirbau svetainėse anksčiau taip pat, kuris naudojamas WordPress parodyti dienoraščiai arba naujos rūšies turinio tam tikru svetainės dalis / portal.Being naujokas PHP ir aplink WordPress, aš nuolat procastinating jį, galvoju: "tai ne mano peice torto". Pagaliau! šis reikalavimas atėjo net iki mano nosies, kai pradėjo diggin aplink tirpalo tiek.
Buvau nustebintas, kad ji tikrai buvo lengviau nei aš iš tikrųjų maniau jis buvo, rodyti antraščių sąrašą ar naujausius pranešimus kitą puslapį už jos ribų WordPress varomi skyriuje, tik naudojant šiek tiek PHP ir WordPress API .

Štai ką reikia daryti: -
Siekiant paaiškinti, manyti, kad jūsų svetainė yra http://www.inchembur.com/ ir jūs turite naujienų skyrių šioje tinklavietėje http://news.inchembur.com/ (kuris veikia WordPress). Dabar reikalavimas parodyti naujausius pranešimus nuo http://news.inchembur.com/ pagrindiniame puslapyje pagrindinio svetainės, ty http://www.inchembur.com/index.php

1 žingsnis: Jūsų index.php pridėti šį peice kodą, Įtraukti WordPress API failą. Jūs galite pridėti prie puslapio viršuje norite, kad jūsų pranešimas būtų rodomas.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES', false) / / Disbable naudojimas WordPress Theme
reikalauja ('/ var / news.inchembur.com / wp-blog-Header.php ") / / Įtraukti WordPress API
; // Get Latest Post query_posts ("showposts = 1") / / Gauti Naujausias pranešimas
?>

Pirmiau peice ir yra, mes vis tik vieną naujausią pranešimą. jei norite pabandyti daugiau variantų nedvejodami kasti į, query_posts() dokumentacijos .

2 žingsnis: Dabar, kad puslapis / Home page kur norite rodyti naujausią WordPress įrašą iš dalies http://news.inchembur.com , naudokite šį kodą. Nereikia nė sakyti, nedvejodami skelbimą jūsų stiliaus skyriuose, apima ir klases, kaip už savo dizaino poreikius.

Step3: Nėra Žingsnis 3 ... Thats it ... baigsite!


Žinoma, galite išbandyti keletą variantų, kaip už savo reikalavimus (kaip jau minėjau anksčiau, žr query_posts() dokumentai ). Štai kai degustatorius ...

Kaip rodo tam tikrą post / puslapį, o ne į paskutinį pranešimą: -
Tai galima nesunkiai achived keičiant argumentų query_posts() įtraukti puslapio ID arba puslapio šliužas

) ; query_posts (page_id = 7);
) ; query_posts ("sugalvotas pavadinimas = apie);

ar galite kontroliuoti etatų skaičių:
) ; query_posts (showposts = 3);


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kraunasi JavaScripts Dinamiškai

Ketvirtadienis, gruodis 25, 2008 Iki Nikhil

Kartais išlaikyti pageweight žemyn ... mes padalinti mūsų scenarijų į fragmentus ... Tai Javascript fragmentai gali būti įkeltas, kaip ir kada reikia (apie įvykį arba paspaudimu nuorodą arba mygtuką ir kt.)

Kraunasi javascripts dinamiškai yra paprasta ir gana važiuoti tiesiai į priekį, kaip nurodyta toliau ...

= “text/javascript” > <Script type = "text / javascript">
funkcija loadNewScript (šaltinis) {
var s = document.createElement ("scenarijų");
s.setAttribute ("tipas", "text / javascript");
s.setAttribute ("src" šaltinis);
document.body.appendChild (-ai);
}
</ Script>

ir jūs galite turėti šių skambučių nuorodą bet kur kūne, arba galite turėti šį scenarijų "įkėlimo" paties dokumento ...

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

arba

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Neteisingai elgiasi IE8: CSS išdėstymo trūkių (uždaviniai naršyklės versiją, naudojant meta žymeles IE8)

Trečiadienis, gruodis 17, 2008 Iki nikhil

Jei esate CSS asmuo, turėtumėte žinoti, kad gauti jūsų maketus darbo kryžminio naršyklės skausmas. IE8 yra dar vienas už mus kūrėjų darbų veržliaraktis. Anywaz! jei paspausite ant šio klausimo, kaip aš padariau vakar, kur yra jūsų puikiai dirba CSS IE7 (ir anksčiau) ir "Firefox" staiga pradėjo mėtyti tantrums IE8, pabandykite šį ... Jis gražiai atrodė išspręsti mano problemos šiuo metu ....

Naudojant meta deklaraciją, galime nurodyti atvaizdavimo variklį, mes norėtume IE8 naudotis. Taigi, norint priversti IE8 padaryti kaip IE7 ... Įdėkite toliau meta žymeles į savo dokumentą galvą: -

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

Pagal nutylėjimą IE meta būtų: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
kuri leistų IE8 tampa puslapį naudojant naujus standartus režimas.

Jei reikia, ši sintaksė gali būti naudojamas apgyvendinti už kitas naršykles, kaip nurodyta toliau:

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


Daugiau apie doctypes:

Jei esate dar susipažinę su gyvūnų vadinamas "DOCTYPE" rūšies ... čia yra keletas greitai skaityti
Kas yra doctypes? Kas yra naršyklė Photoshop ir ABSOLIUČIĄ režimas?
Nustatymas DOCTYPE XSL

Labiau į išsamų supratimą apie doctypes, pabandykite aplankyti šias nuorodas ...
Sąrašas Apartamentai: Nustatyti savo svetainę Teisė DOCTYPE!
Sąrašas Apartamentai: Beyond DOCTYPE: Web Standards, nusiųsti Suderinamumo ir IE8

Pastaba: Nors daugelis iš mūsų HTML / CSS žmonės buvo nepaisyti DOCTYPE decleration svarbą mūsų dokumentų nustatymas teisingą DOCTYPE, paprastai daugumai kryžminių naršyklės klausimus atsakyti.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Kas yra CSS Resetai?

Antradienis kovas 11, 2008 Iki Nikhil

CSS Atstatyti yra / yra CSS nustatyti elemento stilių skaičių su konkrečiu linijos, kuri sukuria nuoseklumą įvairių naršyklių.

Mes visi buvo per raštu kryžminio naršyklės CSS košmarai. Taigi, kai mes pradėti rašyti savo CSS, Tai praktika, kad iš naujo jį, kad pašalintumėte / RESET kryžminio naršyklės neatitikimus. CSS naujo, yra paprastas keletą eilučių CSS, kad jūs pradėsite savo CSS su, suteikiant Jums švarų pagrindą pradėti kurti jūsų nuo.

CSS atstato, kad aš paprastai linkę naudoti atrodo taip

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;
}

olis, ul {
list-style: none;
}

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


Atstatyti naršyklės šrifto dydį
Taip pat atkreipkite dėmesį, kad iš naujo, kad buvo taikomas naršyklė šrifto dydį šioje pateiktoje eilutėje ...

html {font-size: 76%;}

Aukščiau CSS atstato naršyklė šrifto dydį 10 taškų, ir tai leidžia dirbti su santykiniais šrifto dydžių (kuris yra svarbus kiekvienas iš WAI atitikties prespective)
Dėl pvz, šia apibrėžtimi, šrifto dydis per tarpą yra nustatytas 10 pikselių ir kad paragarph nustatytas 14 taškų ...

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Sekite mane Twitter


Prenumeruoti ExpressingIT RSS
get ExpressingIT News by Email Prenumeruoti ExpressingIT Email
Sekite mane Twitter