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 neturi 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. Na! Yra daugiau gerų situacijų, kur galite rašyti iš debug tekstus būsenos juostoje, daug daugiau usful ... Patikėkite! Jo patirtis!

IE 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 UI 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ąsaja (UI) plėtros, nei aš veteranas ir kaip aš visada jį, aš tilptų į UI kūrėjas daugiau nei dizaineris profilyje, nesigaili. Oh well! Kas buvo man rašyti apie? ... Kurį laiką (turi būti metais ne bet mažiau) dabar kas dabar ir tada, kai aš gauti į keletą UI dizainas šiek tiek (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, o ne, kad galėčiau būti mokami 100% standartai susiejimas, jei aš norėjau taip pat). Tada aš sakau sau, kas šūdas! ... Dizainas, turėtų būti paprastas, gražus ir pirmiausia atrodo tinkami, tai neturėtų lankytojai bėgti ... arba Bounce (turi būti techninė). Ko gera, būtų malonu Tableless CSS išdėstymas turi būti lankytojui, kuris pamiršo visą išmaniųjų hiperteksto ir pakopinių stilių lape pagal savo tinklalapį odos ... Zilch!
Tai turėtų atrodyti gražiai ir būti 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 Web Apps, pavyzdžiui, Basecamp, laužo ir tt), kuris parašė kažką panašaus 2004 ir tiki mane, beveik 5 metų ir ne per daug pasikeitė nuo to ... Aš buvau laimingas, skaityti savo postą, nes aš visiškai sutinku su tuo, ką jis turi pasakyti ir taip pat tai, jos 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 standartų ir 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 daro sena pagrindinė "pamirštant apie žmogaus iš kitos pusės" klaidų - išskyrus šiuo metu jų kodas atrodo geriau. Žmonės - ne kodas tvirtintojus - naudojamos sąsajos ".

Vykdyti užsakymą Jason Fried pilnas straipsnis

DISCALIMER: Šis doesnt reiš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 doesnt 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 negali naudoti savo svetainėje. Tai yra blogai!

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

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

4. Patyręs reikalavimas. Kadangi šių dienų naudojamos sąsajos yra daug, prototipų visada yra geriau nei tiesiog paprastų wireframes ir pastaroji yra tuščia padoraus sąveikos, tai nesuteikia klientui aiškų vaizdą apie galutinio produkto, kuris yra kuriamas. Visada, lengviau konvertuoti prototipus į galutinius rezultatus. Taip! 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 misijos pareiškimą". Paėmimai sutelkti dėmesį į pirminį veiksmų puslapio beign sukurta. Be to, padaryti jūsų seconday veiksmų puslapyje, sąrašą, ir teikti pirmenybę juos.

7. Teikti tinkamą grįžtamąjį ryšį su svetainės vartotojai. Su dauguma svetainių, skirtų aplink 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 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ą. 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 dizainas. Prisiminti! Visas produktas sudaro daugiau nei dizainas vieni. Sukurti tinkamus terminus į savo projekto grafiko dizaino iteracijų ir lazdas į jį. Kartoti padeda mums sužinoti, kas veikia ir kas doesnt, pasirinkti iš dramą. Kaip gera sąsaja užima daug laiko, suteikti laiko iteracijų į kūrimo ciklo 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 Iki 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 kasyklos (kurį 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 skambinti windows.onload du kartus, o kad skambina dvi funkcijas vienoje įkėlimo funkciją? Čia yra greitas žvilgsnis mano problema pareiškimą ...

"Mano svetainės puslapiuose yra struktūrizuoti kaip WordPress tema .... ty yra bendra header.php ir footer.php kad gauna įtraukti į visas svetainės puslapiuose. Yra įkėlimo funkcija implementaion į footer.php padaryti kai bendrus įkėlimo funkcijas. Ir ten yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie padaryti bendros įkėlimo funkciją. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis turi pranašumą anksčiau pavestas iššūkius, į footer.php "

.... Ar mano problema suprantama :) ?

Na! 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 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 scenaristams reikės tai padaryti ant kasdien, tai apima peice PHP kodo fragmentą (Php) tiek į Smarty šablonų (.TPL). Aš supratau, kad lengviau / populiarus savo užklausą, dar sunkiau rasti tikslaus atsakymo ... milijoną paieškos rezultatus, tačiau dauguma jų Italai į "failą" apima Smarty ... kuri turi tokią sintaksę

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

Tai iš tiesų inlcuded failų baudą, 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 ... todėl čia ji 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, Be egzistuojančią svetainę su daug vaizdų, pavyzdžiui, tuos, kuriuose pasireiškė Freinds sąrašą ar nuotraukų galeriją, tai 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š praėjo šiek tiek daugiau, naudojant mano ankstesnį Tut gudrybės (gerai! Tai tikriausiai yra trumpiausias įvairovė Pamokos, todėl yra pateisinamas tik vadindamas juos "Tut" "-ai) apie Naudojant CSS Clip Nekilnojamas turtas šou išjungti 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 CSS Clip turtas yra tikriausiai vienas iš daugumos un 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ą.

Na! 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, kad prisiminti 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, skirtumas, kamšalu ir tt), naudojant RECT reikia keturių koordinačių pradžią, dešinės ir apačios, kairę (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) šių keturių koordinates. Dabar supainioti jus dugno prasideda nuo viršaus, ir į dešinę prasideda iš kairės. :). Jūs matote, ką aš sakė? .... 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ą nuotraukėlę į tam Kvadratas 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, kuris naudojamas WordPress parodyti dienoraščių ar naujos rūšies kiekio tam 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 parodytumėte antraštes sąrašą arba naujausius pranešimus kitą puslapį už WordPress varomas skyriuje, tik naudojant šiek tiek PHP ir WordPress API ,

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

1 žingsnis: Iš jūsų 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 postą 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 Etapas: 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č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 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).

Loading 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ėstymo 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 už mus kūrėjų darbus 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 metu ....

Naudojant meta deklaraciją, galime nurodyti atvaizdavimo variklį norėtume IE8 naudoti. Taigi, norint priversti IE8 padaryti kaip IE7 ... Įdėkite šį 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, š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 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 apie DOCTYPE decleration svarbą mūsų dokumentus, nustatymas tinkamą DOCTYPE, paprastai daugumai skersinių naršyklės klausimus atsakyti.


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 buvo 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, šia apibrėžties, font-dydis per 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