Posts tagged 'Patarimai ir gudrybės "

Kaip įjungti raštu būsenos juostoje (window.status) Firefox

Pirmadienis, balandis 6, 2009 By nikhil

Kitas senosios mokyklos atminties papildomai ...

Kodėl mes, kad windos.status?
Javascripts galėtų būti košmaras, kai turite ką derinti. Firefox turi keletą patogus addons, kaip Firebug thats daro mūsų gyvenimą lengvai ir to, už populiariausio debug techniką Javascript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedate ALERT do derinti jūsų neteisingai elgiasi Javascript yra tiesiog nėra gera idėja. Pavyzdžiui! turite dragble elementą, kurio pozicija, reikia įspėti, .... NE NE! Dont do it! ... Jūs tiesiog gaunate begalinis perspėjimus ar jūs įpratęs būti suteikta galimybė realiai Dra savo dragable. Gerai! Yra daugiau gerų situacijų, kur galite rašyti iš debug tekstus būsenos juostoje, daug usful ... Patikėkite! Jo patirtis!

IE pagal nutylėjimą liko rašote į naršyklės būsenos juostoje naudojant sintaksę "window.status = 'kažką derinti" ", bet Firefox nėra. Taigi, kad langų būsenos pasikeitimą, galite tai padaryti bet kuriuo iš toliau išvardytų pagrindų.

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

ARBA Arba

"Įrankiai → Funkcijos → Turinio → Įjungti JavaScript / Advanced → Pakeisti būsenos juostoje tekstas"

Ir taip pat pažymi, kad ... rašyti būsenos juostoje jūsų "JavaScript", IE yra tik gerai, jei jūs naudojate trumpas sintaksė ty statusą = 'kai debug teksto ", o kaip" Firefox ", turite naudoti visiškai sintaksės ty window.status =' kažkas debug "


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


Geras UI dizainas turi būti suderinamos su standartais. ar tai turėtų? Mano TOP 10 UI dizainas Taisyklės

Ketvirtadienis, kovas 12, 2009 By nikhil


Nei aš labai nauja vartotojo sąsaja (UI) plėtros, nei aš esu veteranas ir aš visada jį, aš tilptų į UI kūrėjas daugiau nei dizaineris aprašymą, nesigaili. Oh Na! Kas aš rašyti apie? ... Kurį laiką (turi būti metų ne bet mažiau) dabar, kas dabar ir tada, kai aš gauti į keletą UI dizainas bitą (kai profesionalus dizaineris nuėjo atostogų), aš visada pakyla nustoti galvoti, ar mano dizainas turėtų būti tinkamai complient ar ne (nuoširdžiai, ne tai, kad galėčiau pasiekti iškelti sekantys 100% normos laikymosi, jei aš norėjau taip pat). Tada aš sakau sau, kas šūdas! ... Dizainas turėtų būti paprastas, gražus ir visų pirma, atrodo naudingas, jis neturėtų lankytojai bėgti ... arba Bounce (techniniais). Ko gera, būtų malonu Tableless CSS išdėstymo būti lankytojui, kuris pamiršo visą išmaniųjų Hiperteksto ir pakopinių stilių lapo savo tinklalapį odos ... Zilch!
Tai turėtų atrodyti gražiai ir būti lengva naudoti ... tada ateina visi standartai stuff.

Aš stumbbled šakų visame šiame dienoraščio įrašą Jason Fried ir 37 signalų (tiems, kurie nežino, 37 signalai yra onces sukūrę keletą awesome Web Apps, pavyzdžiui, Basecamp, Campfire tt), rašęs kažką panašaus 2004 ir tiki mane, beveik 5 metų ir ne daug pasikeitė nuo to ... Aš buvau laimingas, kad skaityti šį postą, aš visiškai sutinku su tuo, ką jis turi pasakyti ir taip pat faktas, jos nėra tikri, ką pasakoja apie savo tik savo žarnų jausmas ir taip yra mano :)

Jason Fried: "Yra būdas per daug kalbėti apie CSS ir XHTML ir standartų ir prieigos, ir nepakankamai kalbama apie žmones. CSS ir Atitikimas standartams Kodas yra tik įrankiai - jūs turite žinoti, ką statyti su šiomis priemonėmis. Puiku, aš džiaugiuosi jūsų UI nenaudoja lenteles. Na ir kas? Who cares, jei ji vis dar neleidžia žmonėms pasiekti savo tikslus. Interneto standartai yra didelė, bet pačių žmonių standartai apima Getting Things Done (ir tai dar per sunku padaryti online).

UI dizaineriai daro sena pagrindinė "pamirštant apie žmogaus iš kitos pusės" klaidų - išskyrus tą laiką jų kodas atrodo geriau. Žmonės - ne kodas tvirtintojus - naudojamos sąsajos ".

Vykdyti užsakymą Jason Fried savo visą straipsnį

DISCALIMER: Šis doesnt reiškia, kad mes neturėtume rūpintis standartų ne visi. Standartai yra gerai turėti ir laikytis jų, kiek įmanoma. Mes turime tik suprasti, kad geras UI dizainas doesnt visada reiškia 100% standartas complience arba atvirkščiai ....

Nuo mano sąrašą iš mano pamokų, aš atlikite keletą UI dizainas ir kūrimas auksinės taisyklės ... Štai TOP 10 ... ne tai, kad jūs turite sekti juos per ... :)

1. Rūpinkitės savo vartotojams. Vartotojai gali atlikti arba nutraukti jūsų svetainę. Donot padaryti vartotojas atrodyti viso idoit, visiškai nepajėgi naudojant jūsų svetainę. Tai blogai!

2. Laikyti paprastumo ir patogumo naudoti pagrindinis guidlines. Per daug dalykų, ekrane, tuo tikimybė, kad vartotojas bus susipainioti ar išsiblaškęs nuo savo pradinio uždavinio.

3. Būti RIBŲ ... donot atsiduoti per daug į praktiškumo, prieinamumo ir standartus. Naudoti standartus veiksmingai ir kad jie suprato, kad komandos. Tai užtikrins tinkamą nuoseklumą produkto

4. Prototype reikalavimas. Nuo šios dienos naudojamos sąsajos yra daug, prototipų visada yra geriau nei tiesiog paprastų wireframes ir pastarasis yra niekinė padorių sąveikos to, nebūtų pateikti klientui susidaryti aiškų vaizdą, kad galutinis produktas, kad yra kuriamas. Visada, lengviau konvertuoti prototipus į galutinius rezultatus. Taip pat! su prototipų jokios sąveikos klausimus galima išlyginti anksčiau vystymosi ciklas.

5. Derinimas savo dizainą ir sąveika yra labai svarbus. Donot painioja savo vartotojo su nenuspėjamomis sąveikos ir Gizmos.

6. Suprasti savo "Design misijos apibūdinimą". Paėmimai dėmesio pirminei veiksmų puslapio beign sukurta. Taip pat, darykite seconday veiksmų puslapyje, sąrašą, ir teikti pirmenybę jų.

7. Teikti tinkamą grįžtamąją svetainės vartotojai. Su dauguma interneto svetainių, skirtų aplink AJAX, suteikti vizualiųjų ženklų, kad apie pasikeitimus puslapyje vartotojui. Vartotojas turi suteikta apie bet kokią užduotį jis atlieka užbaigimo patvirtinimą. Donot padaryti vartotojo palaukti ir atspėti, EG. teikti pažangos rodiklius failų uplaods.

8. Naudokite kontroliuoja tinkamai. EG Naudojimosi Pasirinkite išskleidžiamajame sąraše tik mažų sąrašus, donot leidžia vartotojui pasirinkti vieną iš 200 miestų, naudojant pasirinkite dėžės. Suprasti skirtumą tarp mygtuko ir nuoroda skirtumą. Nuorodą ir mygtuką turi skirtingus tikslus, donot naudoti vieną kitą. Sudaryti tinkamas kontrolės daryti bendrauja su puslapio lengviau. Venkite meniu, kad yra daugiau nei dviejų lygių gylio. Negalima išradinėti dviračio. Naudokite standartų kontrolę, pritaikyti tik jei labai reikia, juos. Galima nustatyti galimus pasirinktinius valdiklius reikalingus savo svetainėje iš pirmų rankų, todėl, kad jie galėtų būti sukurta ir išbandyta atskirai, paruoštas naudoti šakų visame svetainėje.

9. donot iterate per daug dizaino. Prisiminti! Visas produktas susideda daugiau nei dizainas vieni. Statyti atitinkamą grafiką į jūsų projekto grafiko dizaino iteracijų ir lazdas į jį. Iteracijos padeda mums sužinoti, kas veikia ir kas doesnt, išskirti silpnąsias vietas. Kaip gera sąsaja užima laiko, suteikti laiko iteracijų, susijusių su vystymosi ciklas pradžioje, todėl, kad dizainas iteracijų doesnot tiesiogiai prilyginti pataisyti. Per daug remontuoti gali jeopradize terminus.

10. Sėdėti atgal ir pagalvoti, kaip vartotojas kartais.


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


Kreipiamės kelis langus įkėlimo funkcijas JavaScript

Šeštadienis, kovas 7, 2009 By nikhil

Štai dar vienas mažai 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 omenyje kaip mano (turiu sąžiningai pasakyti, kad, nes aš naudoju javascript sistemomis ir bibliotekomis, aš forgotton padaryti paprastų dalykų 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, šį įpratęs dirbti ... dont wanna aptarti vykdymo mokslas Javascript daug ... bet pagal mano pastarojo laikotarpio patirtį, tik paskutinis funkcija (onloadfn3) bus blogai tikrai gauti įvykdytas.

Normaliomis aplinkybėmis, priešingai nei mano (kuri 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 dabartinę padėtį, aš negaliu naudoti bet kurį iš aukščiau ...
Kodėl aš iš viso turiu skambinti windows.onload dvigubai, o kad skambina dvi funkcijas vienoje įkėlimo funkciją? Čia yra greitas pažvelgti į mano problemą pareiškimą ...

"Mano svetainės puslapiuose suskirstytos kaip WordPress tema .... ty egzistuoja bendra header.php ir footer.php, kuris įtraukiamas į visas svetainės puslapiuose. Yra įkėlimo funkcija implementaion į footer.php daryti keletą bendrų įkėlimo funkcijas. Ir yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie atliekami pagal bendrą įkėlimo funkcija. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis turi pranašumą prieš pavestas Atgalinės iššūkius ir footer.php "

.... Ar mano problema suprantama :) ?

Gerai! yra keletas sprendimų, kad aš rasti. Jie visi yra labai panašios ir iš esmės implementions tirpalo tikrą Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Sprendimas:

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

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

Ir vadina jį vietoj įprastų "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š atskirų dalių savo kodą, be overridding ankstesnį apibrėžimą
2. Tai tikrai nekrenta į akis. Jis gali būti dedamas į failą su jūsų kitų scenarijų arba į atskirą failą.
3. Jis veikia net jei window.onload jau nustatytas.


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


Kaip įtraukti PHP kodas viduje Smarty Šablonas

Antradienis, vasaris 24, 2009 By nikhil

Maniau, kad tai vienas bus doodle rasti google, kaip daugelis jūsų mus UI ir scenaristams reikės tai padaryti ant kasdien, tai yra apima peice PHP kodo fragmentą (Php) šiek tiek į Smarty šablonų (.TPL). Aš supratau, kad lengviau / populiarus užklausą, dar sunkiau rasti tikslaus atsakymo ... milijoną paieškos rezultatus, bet dauguma jų Italai į "failą" apima Smarty ... kuri turi tokią sintaksę

{Įtraukti failą = "apima / header.php"}

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


{Include_php file = "include / 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 By nikhil

Kitas greitas tut. Čia yra kažkas paprasta ir malonu naudoti CSS POWER ... bet buvo sunku concieve (ir jis tikrai buvo ne man) pradėti. Įrašyta Dropshadow, gali būti vieni už daugelį iš mūsų peice, naudojant keletą vaizdo redagavimo įrankius kaip Photoshop ANF Fejerverkai ir tt
Priežastis, kodėl aš pasirinko lašas šešėlis naudojant CSS, kad paprastai, kai kuriant puslapio dizainas / html paraiškos, reikalavimai išlaikyti Iteracja. Ką reiškia, kad per esamą interneto svetainę su daug paveikslėlių, kaip ir tuos, kuriuose pasireiškė FREINDS sąrašą ar nuotraukų galeriją, jis bus sunku perdirbti visą krūvį vaizdų, kurie buvo jau iškrautos pridėti arba pašalinti šešėlius, nes tai klausimas.
Taigi, jei jūs turite padaryti šiek tiek perspektyvi kurdami HTMLs pridėti šiuos papildomus padalinius arba paprastai situaciją, kad jūs turite kilpa Logic kuriantį Šios piktogramos / miniatiūros XSL, PHP. JAVA ar bet kuri kita programavimo / skriptų kalba, galite pridėti jį bet kuriuo metu, tada yra tik šou dalykas ir paslėpti šešėlius per CSS Display turtą, kaip už klientų kintančius reikalavimus ... Aš havn't tai padarė mąstyti apie ateitį, rūšiuoti prieš tai ... bet ahev pradėjo dabar!

Toliau pateiktame pavyzdyje, originalus vaizdą Shadow nemokama ir dropshadows yra taikomi taip reikia! Be to, aš nuėjo šiek tiek daugiau, naudojant mano anksčiau pasiturinčiais gudrybės (Na! Tai tikriausiai yra trumpiausias įvairovė Pamokos, todėl yra pateisinamas tik vadindamas juos "Tut" "ų) apie Naudojant CSS clip šou išjungti tik

Original Image

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 The CSS Clip Nekilnojamas turtas

Antradienis, vasaris 17, 2009 By nikhil

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

Dauguma CSS rašytojų sutiks, kad CSS Clip nuosavybė yra tikriausiai vienas iš daugumos nenaudotą CSS savybės. Tai buvo taip tikra, man per daug ir buvo labai laiminga, kad pamiršti jį, kol aš pradėjau pakeisti Mootools DVIEJŲ Knob (PIN) Slider komponentas (su indikatoriaus skalėje) .

Nebuvo geras pasiūlymas iš vieno komponento vartotojams keisti Slider komponentas naudojant nukirpti Fonas vaizdus (prieš kintamojo pločio padalijimo) nurodyti slankiklį spektrą. Taigi atėjo mano laikas įžengti į įdomus, bet un Chartered (man Žinoma) vandenys CSS Clip nuosavybė.

Gerai! kaip sunku gali būti? Ne daug ne visi ... Taip ir ne. Sintaksė naudoti CSS clip gana stačiai, bet prasmė / usuage yra šiek tiek croocked. Su panašaus mano atmintyje kaskart sėdėti pataisyti mano Slider Script ... Turiu tokeep nurodant, naudojimo šio clip, priminti sau logika, kad aš sukurta mano scenarijų .... Taigi! Manoma, kad parkeris žemyn, su viltimi jį įsiminti ateitį (taip pat ir tų, naudai, kuris atrodo boggled VSK clip)

Ką CSS Clip daryti?

Klipas yra dalis efektų modulis CSS 2,1. Paprasčiau tariant, jos darbas yra patalpinti matomą langą ant objekto, kad yra nukirpti, taigi nukirpus vaizdus ir kurti miniatiūras, nekurdami papildomų failų (turiu jau įdėti šią funkciją geriau panaudojamos Slider komponentas :) )

Naudojant CSS Clip turtą, galite sukurti karpymas naudojant diklių formą. Kaip ir daugelis kitų nuosavybės CSS (kaip atsarga, kamšalu ir tt), naudojant RECT reikalauja keturių koordinačių Top, dešinės ir apačios, kairės (TRBL). Croocked gamta šio viešbučio atspindi kai atidžiau pažvelgti į tai, kaip klipas apskaičiuoja karpymas regioną, naudojant (siunčia smegenys į tam tikrą laiką išmesti) šių keturių koordinates. Dabar supainioti jus dugno prasideda nuo viršaus, o į dešinę prasideda iš kairės. :). Jūs pažiūrėkite, ką aš sakiau? .... Taigi šis pranešimas ...

Šis mažas sumišimas gali lengvai išnykti, su šio vizualaus paaiškinimas CSS Clip / netiesioginiu turto, kaip nurodyta toliau !!!!

CSS Clip Reikalavimai

Uždavinys pradėjome yra klipas tokią nuotraukėlę į tam Stačiakampiai ieško įvaizdžio (taip pat ir plataus kampo vaizdo)

original_imageclip_demo
Original Thumbnal / Vaizdo Į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 By nikhil

Šis klausimas kirto mano protas kelis kartus anksčiau, kai aš dirbau svetainėse anksčiau per, kurį naudoti WordPress parodyti tinklaraščius ar naujos rūšies turinio kažkurioje svetainėje dalies / portal.Being naujokas PHP ir aplink WordPress, aš nuolat procastinating jį, galvoju, "tai forget mano peice torto". Pagaliau! šis reikalavimas atėjo net iki mano nosis, kai pradėjo DIGGIN aplink tirpalo tiek.
Buvau nustebintas, kad ji tikrai buvo lengviau, nei aš iš tikrųjų manė, kad, norėdami matyti antraštes sąrašą ar naujausius pranešimus kitą puslapį išorėje WordPress varomas skyriuje, tiesiog naudojant truputį PHP ir WordPress API ,

Čia yra tai, ką daryti: -
Siekiant paaiškinti, tarkime, kad jūsų svetainė yra http://www.inchembur.com/ ir jūs turite naujienų skyriuje šio tinklalapio apie http://news.inchembur.com/ (kuris veikia WordPress). Dabar šis reikalavimas yra parodyti naujausius pranešimus iš http://news.inchembur.com/ pagrindiniame puslapyje pagrindinio svetainės, ty http://www.inchembur.com/index.php

1 žingsnis: Iš jūsų index.php pridėti šį peice kodą, įtraukite WordPress API failą. Galite pridėti prie puslapio, kurį norite savo pranešimą pasirodyti ant viršaus.

<? Php
'WP_USE_THEMES' , false ) ; define ('WP_USE_THEMES ", false); // Disbable naudojimas WordPress tema
reikalauja (/var/news.inchembur.com/wp-blog-header.php '); // Įtraukti WordPress API
; query_posts ("showposts = 1"); // Gauk Paskutinis pranešimas
?>

Be pirmiau peice iš apimti, mes gauname tik vieną naujausią pranešimą. jei norite išbandyti daugiau variantų nedvejodami Pamiršti, query_posts() dokumentus .

2 žingsnis: Dabar, kad puslapis / Home page kur norite rodyti naujausią WordPress Post dalis http://news.inchembur.com , naudokite šį kodą. Nereikia nė sakyti, nedvejodami skelbimą savo stiliaus padalinius, tęsiasi ir klases, kaip už savo dizaino poreikius.

3 Etapas: Nėra 3 žingsnis ... thats it ... baigsite!


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

Kaip rodo su konkrečia pareigybe / puslapis, o ne naujausią paštu: -
Tai galima nesunkiai achived pakeisdamas argumentus query_posts() įtraukti puslapio ID arba puslapio šliužas

) ; query_posts ("page_id = 7 ');
) ; query_posts (lapo pavadinimas = apie);

ar Jūs galite kontroliuoti etatų skaičius:
) ; query_posts (showposts = 3);


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


Kraunasi JavaScripts dinamiškai

Ketvirtadienis, gruodis 25, 2008 By nikhil

Kartais laikyti pageweight žemyn ... mes padalinti mūsų skriptą fragmentų ... Šie javascript fragmentai galima įdėti kaip ir kada reikia (apie įvykį arba paspaudimu nuorodą ar mygtuką ir tt).

Loading 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 ("scenarijus ');
s.setAttribute ("tipas", "text / javascript");
s.setAttribute (src ", šaltinis);
document.body.appendChild (-us);
}
</ Script>

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

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

arba

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


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


Mis-elgiasi IE8: CSS išdėstymo gedimus (uždaviniai naršyklės versiją meta žymių IE8)

Trečiadienis, gruodis 17, 2008 By nikhil

Jei esate css asmuo, turėtumėte žinoti, kad gauti dau- išdėstymus darbo kryžminio naršyklės skausmą. IE8 yra dar vienas už mus kūrėjams darbų veržliaraktis. Anywaz! jei paspausite ant šio klausimo, kaip aš vakar, kai jūsų puikiai dirba CSS IE7 (ir anksčiau) ir Firefox staiga pradėjo mėtyti tantrums IE8, Try This ... Tai gražiai atrodė pataisyti savo problemas šiuo metu ....

Naudojant meta pareiškimą, mes galime nurodyti atvaizdavimo modulį, kaip norėtume IE8 naudoti. Taigi, norint IE8 padaryti kaip IE7 ... Įtraukti šį METASKIRTUKĄ į savo dokumentą galvos: -

<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 padaryti puslapį naudojant naujus standartus režimą.

Jei reikia, tai sintaksė gali būti naudojamas, kad tilptų į 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
Kokie DOCTYPES? Kokie naršyklė Photoshop & ABSOLIUČIĄ Mode?
Nustatymas naudojant XSL DOCTYPE

Norėdami daugiau gylio suvokimo apie DOCTYPES, pabandykite aplankyti šias nuorodas ...
Sąrašas Be: Nustatyti savo svetainę su teise DOCTYPE!
Sąrašas Be: Už dokumentų tipas: Interneto standartus, į priekį suderinamumo ir IE8

Pastaba: Nors daugelis iš mūsų HTML / CSS žmonių buvo per mažai dėmesio buvo DOCTYPE decleration svarbą mūsų dokumentus, nurodo teisingą DOCTYPE, paprastai daugumai skersinių naršyklės klausimais atsakymas.


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


Kokie CSS atstato?

Antradienis, kovas 11, 2008 By nikhil

CSS Reset / kurie CSS nustatė keletą elementų stilių numerį visam pradinio kuri sukuria nuoseklumą įvairiuose naršyklėse.

Mes visi buvo per raštu kryžminio naršyklės CSS košmarai. Taigi, kai mes pradedame rašyti savo CSS, tai praktika, kad iš naujo jį pirmas pašalinti / atkurti jokių kryžminių naršyklės neatitikimus. CSS atstato, yra paprastų keletą eilučių CSS, kad jums pradėti savo CSS su, suteikiant Jums švarią bazę pradėti kurti savo veiksmų.

CSS atstatymų, 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;
}

olio, ul {
list-style: none;
}

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


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

html {font-size: 76%;}

Virš CSS atstato naršyklė šrifto dydį į 10 taškų, o tai leidžia dirbti su santykiniais šrifto dydis (kuris yra kiekvienas svarbus iš WAI atitikties prespective)
Dėl pvz, šia apibrėžtimi, font-size į span yra nustatytas į 10 pikselių ir kad yra nustatytas į paragarph 14 pikselių ...

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