Posts tagged 'Patarimai ir gudrybės "

Kaip įjungti raštu Status Bar (window.status) Firefox

Pirmadienis balandis 6, 2009 Iki nikhil

Kitas senosios mokyklos atmintis papildomas ...

Kodėl mes, kad windos.status?
Javascripts galėtų būti košmaras, kai turite kažką derinti. "Firefox" turi keletą naudingų addons, kaip "Firebug" Thats daro mūsų gyvenimą lengvai ir to, už populiariausių debug technika JavaScript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedant ALERT nereikia 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! ... Jūs tiesiog gauti begalinis įspėjimus ar jūs įpratęs būti suteikta galimybė iš tikrųjų Drap savo dragable. Gerai! Yra daugiau gerų situacijų, kur galite rašyti iš debug tekstus būsenos juostoje, daug daugiau usful ... Patikėkite! Jo patirtis!

Ty pagal nutylėjimą paliko rašote į naršyklės būsenos juostoje naudojant sintaksę "window.status = 'kažką derinti" ", bet Firefox nėra. Taigi, kad langai statuso pasikeitimas, tai galite padaryti vieną iš šių.

Atviras about: config naršyklėje (tipas "about: config", tai į adreso juostą) ir ieškoti
Namas. disable_window_status_change. Pakeiskite jį klaidinga ... tiesiog paspauskite ant užrašo perjungti savo valstybę.

Arba, alternatyviai

"Įrankiai → Funkcijos → Turinio → įjungti JavaScript / Išplėstinė → Pakeisti būsenos juostos tekstą"

Ir taip pat pažymi, kad ... rašyti būsenos juostoje savo Javascript, IE tik ok, jei jūs naudojate trumpas sintaksė ty statusą = 'kai derinti teksto ", bet Firefox, turite naudoti visą sintaksę ty window.status =' kažkas debug "


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Geras sąsaja dizainas turi būti atitinka standartus. ar tai turėtų? Mano TOP 10 UI dizainas Taisyklės

Ketvirtadienis, kovas 12, 2009 Iki nikhil


Nei aš esu labai nauja vartotojo sąsają (UI) plėtros, nei aš veteranas ir kaip aš visada jį, aš tilptų į UI kūrėjas daugiau nei dizaineris profilio, nesigaili. Oh well! Kas man buvo raštu apie? ... Kurį laiką (turi būti metus ne koks nors mažiau) dabar kas dabar ir tada, kai aš gauti į UI dizainas šiek tiek (kai profesionalus dizaineris nuėjo atostogų), 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% standartai susiejimas, jei aš norėjau taip pat). Tada aš sakau sau, koks šūdas! ... Dizainas, turėtų būti paprastas, gražus ir pirmiausia atrodo naudingas, jis neturėtų padaryti lankytojai bėgti ... arba Bounce (turi būti techninė). Kas gero būtų malonu Tableless CSS išdėstymas turi būti lankytojui, kuris pamiršo visų išmaniųjų Hiperteksto ir pakopinių stilių lapo savo tinklalapį odos ... Zilch!
Tai turėtų atrodyti gražus ir lengva naudoti ... tada ateina visi standartai dalykų.

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

Jasonas Kepta: "Yra būdas, per daug kalbėti apie CSS ir XHTML ir standartus bei prieinamumo ir nepakanka kalbėti apie žmones. CSS ir standartai 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 puikus, tačiau pačių žmonių standartai apima Getting Things Done (ir tai dar per sunku padaryti internetu).

UI dizaineriai priėmimo sena esminis "pamiršta apie žmogaus būties į kitą pusę" klaidų - išskyrus tą laiką jų kodas atrodo geriau. Žmonės - ne kodas tvirtintojus - naudojamos sąsajos ".

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

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

Iš mano sąrašą iš mano pamokų, aš po 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 kad vartotojas atrodyti viso idoit, visiškai nepajėgūs naudojant jūsų svetainę. Tai yra blogai!

2. Laikyti paprastumo ir patogumo naudoti savo pirmines guidlines. Per daug dalykų ekrane, tuo didesnė tikimybė, kad vartotojas bus susipainioti ar išsiblaškęs iš jų pirminės užduotį.

3. Būkite Ribos ... donot atsiduoti per daug į patogumą, prieinamumą ir standartus. Naudokite standartus veiksmingai ir kad jie suprato, kad komandos. Tai užtikrins tinkamą nuoseklumą produkto

4. prototipas reikalavimas. Kadangi šių dienų naudojamos sąsajos yra daug, prototipų visada yra geriau nei tiesiog paprastų wireframes ir pastarasis yra tuščia padoraus bendravimo, tai nesugeba pateikti klientui aiškų vaizdą apie galutinio produkto, kuris 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 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, padaryti jūsų seconday veiksmų Puslapio sąrašą ir prioritetus juos.

7. Suteikti tinkamą grįžtamąjį ryšį su svetainės vartotojai. Su dauguma svetainių skirta apie AJAX, teikia vaizdinius signalus, kad apie pokyčius puslapyje vartotojui. Vartotojas turi suteikta apie bet kokią užduotį jis atlieka pabaigos patvirtinimą. Donot kad vartotojo palaukti ir manau, 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 leisti vartotojui pasirinkti vieną iš 200 miestų, naudojant pasirinkite langelius. Suprasti skirtumą tarp mygtuko ir nuoroda skirtumą. Nuorodą ir mygtuką turi skirtingus tikslus, donot naudoti vieną kitą. Pateikite tinkamą kontrolę padaryti bendrauja su puslapio lengviau. Venkite meniu, kad yra daugiau nei dviejų lygių gylio. Negalima išradinėti dviračio. Naudokite standartinius kontrolę, pritaikyti tik jei labai reikia jiems. Nustatykite visus pasirinktinius patikrinimus, reikalingus jūsų svetainę iš pirmų rankų, kad jie galėtų būti sukurta ir išbandyta savarankiškai, paruoštas naudoti šakų visame svetainėje.

9. donot pakartoti per daug į dizainą. Prisiminti! Visas produktas sudaro daugiau nei dizainas vieni. Sukurti tinkamus terminus į savo projekto grafiko projektavimo iteracijų ir lazdas į jį. Kartoti padeda mums sužinoti, kas veikia ir kas nepadės, išskirti silpnąsias vietas. Kaip gera sąsaja užima daug laiko, suteikti laiko iteracijų į 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 galvoti, kaip vartotojas kartais.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Kreipiamės į kelis langus įkėlimo funkcijas Javascript

Šeštadienis, kovas 7, 2009 Autorius nikhil

Štai dar šiek tiek peice JavaScript gudrybė, kad man teko kasti aplink, nes situacija commaned ją. Viename iš mano interneto svetainių, aš turėjau šią situaciją, kai turėjau įgyvendinti "windows.onload" du kartus. Pirmas dalykas, kad būtų atėjo nepatyręs proto kaip mano (turiu sąžiningai pasakyti, kad, nes aš naudoju javascript struktūras ir bibliotekas, aš forgotton daryti paprastus dalykus on my own ... liūdna, bet tiesa), yra š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.

Įprastomis situacijas, skirtingai nuo mano (kuri aš kalbėti apie šiek tiek vėliau) ... galite padaryti vieną iš šių veiksmų atlikti mutliple įkėlimo funkcijas ....

Ar kažkas panašaus į tai

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

Nes mano dabartinę padėtį, aš negaliu naudoti vieną iš aukščiau ...
Kodėl Man reikia paskambinti windows.onload du kartus, o kad skambina dvi funkcijas vienoje įkėlimo funkciją? Čia yra greitas žvilgsnis mano problema pareiškimą ...

"Mano svetainė puslapiai struktūra kaip WordPress tema .... ty yra bendra header.php ir footer.php kad gauna įtrauktas į visų svetainės puslapių. Yra įkėlimo funkcija implementaion į footer.php padaryti keletą bendrų įkėlimo funkcijas. Ir ten yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie padaryti bendrą įkėlimo funkciją. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, tai bus per daug važinėti anksčiau pavestas iššūkius, į footer.php "

.... Ar mano problema suprantama :) ?

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

Sprendimas:

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

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

Ir tai vadiname vietoj įprastų "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Daugiau kodui veikti puslapyje apkrova *
 }); 

Privalumai šį 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 buvo nustatytas.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Kaip įtraukti PHP kodą viduje Smarty Šablonas

Antradienis, vasaris 24, 2009 Iki nikhil

Maniau, kad tai vienas bus Doodle rasti google, nes daugelis tu mus UI ir scenarijų rašytojai turėtų tai padaryti ant kasdien, tai apima peice PHP kodo fragmentą (Php) šiek tiek į Smarty šablonų (.TPL). Aš supratau, kad lengviau / populiarus užklausa, dar sunkiau rasti tikslaus atsakymo ... milijoną paieškos rezultatus, tačiau dauguma jų Italai į "failą" apima Smarty ... kuris turi tokią sintaksę

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

Tai iš tiesų inlcuded failų gerai, bet kaip tekstą, ką aš norėjau buvo įtraukta failą rezultatas. (Pastaba aukščiau naudojamas įtraukti šabloną viduje šablono failą). 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 failas = "include / header.php"}


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Įrašyta DropShadow vaizdus naudojant CSS

Trečiadienis, vasaris 18, 2009 Iki nikhil

Kitas greitas Tut. Čia yra kažkas paprastas ir gražus naudojant CSS POWER ... bet buvo sunku concieve (ir tai tikrai buvo ne man) pradėti. Įrašyta Dropshadow, gali būti vieni už daugelį iš mūsų peice, naudojant keletą vaizdo redagavimo priemones, pavyzdžiui, Photoshop, ANF Fejerverkai ir tt
Priežastis, kodėl aš nusprendė lašas šešėlis naudojant CSS, kad paprastai, o sukurti puslapio dizainas / html paraiškos, reikalavimai nuolat Iteracja. Ką reiškia, kad per esamą svetainę su daug vaizdų, pavyzdžiui, tuos, kuriems atsirado Freinds sąrašą ar vaizdo galeriją, ji bus sunku perdirbti visą krūvį vaizdų, kurie buvo jau iškrautų 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ą yra tai, kad jūs turite Loop Logic kuriantį Šios piktogramos / miniatiūros XSL, PHP. Java arba bet kokia kita programavimo / skriptų kalba, galite pridėti jį bet kuriuo metu, tada yra tik šou dalykas ir slepiasi šiuos šešėlius per CSS Rodyti turtą, kaip už klientų kintančius reikalavimus ... Aš havn't padaryti šį mąstyti apie ateitį, rūšiuoti Prieš tai ... bet ahev pradėjo dabar!

Toliau pateiktame pavyzdyje, originalus vaizdas yra šešėlyje nemokama ir dropshadows yra taikomi kaip reikia! Be to, aš nuėjo šiek tiek daugiau, naudojant mano ankstesnį Tut gudrybės (gerai! Tai tikriausiai trumpiausias įvairių samouczków, todėl yra pateisinamas tik vadindamas juos "Tut" "-us) apie naudojant CSS Clip Nekilnojamas turtas už Parodykite tik

Originalus vaizdas

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 Follow Me on Twitter


Understandng CSS Clip turto

Antradienis, vasaris 17, 2009 Iki nikhil

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

Dauguma CSS rašytojų sutiktų, kad atitinka CSS Clip turtas yra tikriausiai vienas iš daugumos JT naudojamas CSS savybės. Tai buvo taip tikra, man per daug ir buvo pats laimingas pamiršti jį, kol aš pradėjau pakeisti Mootools DVIEJŲ Knob (PIN) Slider komponentas (su Range indikatorius) .

Nebuvo geras pasiūlymas iš vieno komponento vartotojams keisti Slider komponentas naudojant nukirpti backgroud vaizdus (nuo kintamo pločio padalinio) nurodyti šliaužiklį spektrą. Taigi atėjo mano laikas įeiti į įdomus, tačiau JT Chartered (man Žinoma) vandenis CSS Clip turtą.

Gerai! kaip sunku gali būti? Ne daug ne visi ... Taip ir ne. Sintaksė naudoti CSS Clip turtą yra gana stačios, bet prasmė / usuage yra šiek tiek croocked. Su panašaus mano atmintyje kaskart sėdžiu pataisyti mano Slider scenarijus ... Turiu tokeep nuoroda atgal į naudojimo šio CLIP turto, priminti sau logika, kad aš sukurta mano scenarijų .... Taigi! Manoma, kad rašiklis jį žemyn, su viltimi jį įsiminti ateitį (taip pat ir tų, naudai, kuris atrodo boggled kurį CSS Clip turto)

Ką CSS Clip daryti?

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

Naudojant CSS Clip turtą, galite sukurti karpymas naudojant tavimo formą. Kaip ir daugelis kitų CSS savybės (pavyzdžiui, pelno marža, kamšalu ir tt), naudojant RECT reikia keturių koordinuoja viršų, į dešinę, apačią, iš kairės (TRBL). Croocked gamta šio viešbučio atspindi kai jūs atidžiau pažvelgti į tai, kaip klipas apskaičiuoja karpymas regioną, naudojant (siunčia smegenys į tam tikrą laiką Lobizmas) šiuos keturis koordinates. Dabar supainioti jus dugno prasideda nuo viršaus, ir į dešinę prasideda iš kairės. :). Jūs matote, ką aš sakiau? .... Taigi šis pranešimas ...

Tai šiek tiek painiavos gali lengvai išnykti, su šio regėjimo paaiškinimas CSS Clip / singą turto, kaip nurodyta toliau !!!!

CSS Clip reikalavimai

Užduotis mes pradėjome yra klipas šią Mažas vaizdą į Stačiakampiai ieško įvaizdžio (taip pat ir plataus kampo vaizdas)

original_imageclip_demo
Originalus 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 Follow Me on Twitter


Kaip įtraukti WordPress blog kitoje svetainėje

Pirmadienis, vasaris 2, 2009 Iki nikhil

Šis klausimas kirto savo mintis kelis kartus anksčiau, kai aš dirbau svetainėse anksčiau per, kurį naudoti WordPress parodyti dienoraščių ar naujos rūšies turinio tikru svetainės dalis / portal.Being naujokas PHP ir aplink WordPress, aš nuolat procastinating tai, galvoju ", tai forget 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, kad būtų rodomas antraščių sąrašą ar naujausius pranešimus kitą puslapį ribų WordPress varomas skyriuje, tik naudojant šiek tiek PHP ir "WordPress" API ,

Štai ką reikia padaryti: -
Siekiant paaiškinimą, tarkime, kad jūsų svetainė yra http://www.inchembur.com/ ir jūs turite naujienų skyriuje šio tinklalapio apie http://news.inchembur.com/ (kuri veikia WordPress). Dabar reikalavimas yra parodyti naujausius pranešimus nuo http://news.inchembur.com/ pagrindiniame puslapyje pagrindinio vietoje, ty http://www.inchembur.com/index.php

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

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

Be pirmiau peice ir įtraukti, mes gauname tik vieną naujausią postą. jei norite pabandyti daugiau variantų nedvejodami kasti į, query_posts() dokumentus .

2 žingsnis: Dabar Atsižvelgiant į Indeksas / pagrindiniame puslapyje, kur norite parodyti naujausią WordPress Rašyti iš dalies http://news.inchembur.com , naudokite šį kodą. Nereikia nė sakyti, nedvejodami skelbimą savo stiliaus padalinius, apima ir klases, kaip už savo dizaino poreikius.

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


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

Kaip rodo konkrečią pašto / puslapis, o ne naujausius pranešimus: -
Tai galima nesunkiai achived pakeisdamas argumentus query_posts() įtraukti puslapio ID arba puslapis šliužas

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

Arba galite kontroliuoti etatų skaičius:
) ; query_posts (showposts = 3);


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Kraunasi JavaScripts dinamiškai

Ketvirtadienis, gruodis 25, 2008 Iki nikhil

Kartais išlaikyti pageweight žemyn ... mes padalinti savo scenarijus į fragmentus ... Šie javascript fragmentai gali būti pakrautas kaip ir kada reikia (dėl įvykio arba paspaudimu nuorodą arba mygtuką ir tt).

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

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

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

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

arba

<Kūno įkėlimo = "loadNewScript (" myDynamicScript.js ");">


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Mis-elgiasi IE8: CSS išdėstymas gedimus (orientacija į naršyklės versiją, naudodami meta žymeles IE8)

Trečiadienis, gruodis 17, 2008 Iki nikhil

Jei esate CSS asmuo, turėtumėte žinoti, kad į gauti savo maketus darbo kryžminio naršyklės skausmą. IE8 yra dar vienas į mums kūrėjų darbus veržliaraktis. Anywaz! jei paspausite ant šio klausimo, kaip aš vakar, kur yra 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 metu ....

Naudojant meta deklaraciją, galime nurodyti atvaizdavimo variklį norėtume IE8 naudoti. Taigi, norint IE8 padaryti kaip IE7 ... Įtraukti šį Meta Tag į 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į, naudodami naujus standartus režimą.

Jei reikia, tai 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 dar susipažinę su gyvūnų vadinamas "DOCTYPE" rūšies ... čia yra kai kurie greitai skaityti
Kas yra DOCTYPES? Kas yra naršyklė Photoshop & GRIEŽTOS režimas?
Nustatymas 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: Be DOCTYPE: web standartus, Persiųsti suderinamumo ir IE8

Pastaba: Nors daugelis iš mūsų HTML / CSS žmonės buvo apleisti į DOCTYPE decleration svarbą mūsų dokumentus, nustatymas tinkamą DOCTYPE, paprastai daugumai skersinių naršyklės klausimus atsakymas.


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Kas yra CSS atstato?

Antradienis, kovas 11, 2008 Iki nikhil

CSS Atstatyti yra / yra CSS nustatyti elemento stilių numerį konkrečios linijos, kuri sukuria nuoseklumą įvairių naršyklių.

Mes visi buvę per raštu kryžminio naršyklės CSS košmarai. Taigi, kai mes pradedame rašyti savo CSS, tai praktika naujo ji pirmą pašalinti / atkurti bet kokio skerspjūvio naršyklės neatitikimus. CSS atstato, yra paprasti keletą eilučių CSS, kad jums pradėti savo CSS su, suteikiant Jums švarų pagrindą pradėti kurti savo veiksmų.

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


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

html {font-size: 76%;}

Virš CSS atstato naršyklė šrifto dydį iki 10 taškų, o tai leidžia dirbti su santykiniais šrifto dydžių (tai kas svarbu iš WAI atitikties prespective)
Dėl pvz, šiais apibrėžties, šrifto dydžio į tarpą yra nustatytas į 10 pikselių ir kad paragarph yra nustatytas į 14 pikselių ...

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT Email arba Follow Me on Twitter


Prenumeruoti ExpressingIT RSS
get ExpressingIT News by Email Prenumeruoti ExpressingIT Email
Follow Me on Twitter