Posts tagged 'Patarimai ir gudrybės "

Kaip įjungti raštu būsenos juostoje (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 jūs turite kažką derinti. "Firefox" turi keletą naudingų addons, kaip Firebug Thats daro mūsų gyvenimą lengvai ir to, populiariausio derinimo techniką Javascript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedant ALERT neturi derinti savo neteisingai elgiasi Javascript 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 begalines įspėjimus ar jūs įpratęs būti suteikta galimybė realiai Dra savo dragable. Na! Yra daugiau gerų situacijų, kur jums gali rašyti iš debug tekstus būsenos juostoje, daug daugiau 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 langai būsenos pokyčius, galite tai padaryti bet kuriuo iš šių.

Atidaryti 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 alternatyviai

"Įrankiai → Funkcijos → Turinio → Įjungti" JavaScript "/ Advanced → Keisti būsenos juostoje tekstą"

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu 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ąsajos (UI) plėtros, nei aš esu veteranas ir kaip aš visada jį, aš tilptų į UI kūrėjas daugiau nei dizaineris profilio, nesigaili. Oh well! Kas buvo man rašyti apie? ... Kurį laiką (turi būti metų ne bet mažiau) dabar kas dabar ir tada, kai aš gauti į keletą UI dizainas šiek tiek (kai profesionalus dizaineris dingo 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 pasiekti iškelti sekantys 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 naudingas, jis neturėtų padaryti lankytojai bėgti ... arba Bounce (turi būti techninis). Ko gera, būtų malonu Tableless CSS išdėstymas turi būti lankytojui, kuris pamiršo visą išmaniųjų hiperteksto ir pakopinio stiliaus lapas pagal savo tinklalapį odos ... Zilch!
Tai turėtų atrodyti gražus 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 Web Apps, pavyzdžiui, Basecamp, laužavietės 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 pranešimą, nes aš visiškai sutinku su tuo, ką jis turi pasakyti ir taip pat faktas, jos nėra tikri, apie tai, ką sako 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 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, bet pačių žmonių standartai apima Getting Things Done (ir tai dar per sunku daryti internete).

UI dizaineriai priėmimo sena pagrindinė "pamirštant apie žmogaus iš kitos pusės" klaidų - išskyrus šį kartą jų kodas atrodo geriau. Žmonės - ne kodas TVIRTINTOJŲ - naudojamos sąsajos ".

Atsiskaityti Jason Fried pilnas straipsnis

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 gera UI dizainas nepadės visada reiškia 100% Standartų complience arba atvirkščiai. ...

Nuo mano sąrašą iš mano pamokų, aš sekti keletą UI dizainas ir kūrimas auksinių taisyklių ... Š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 visos idoit, visiškai nepajėgi naudojant jūsų svetainę. Tai yra blogai!

2 Laikykite paprastumo ir patogumo naudoti savo pirminius guidlines. Per daug dalykų, dėl ekrano, didesnis tikimybė, kad vartotojas bus susipainioti ar išsiblaškęs iš jų pirminės užduoties.

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

4 prototipas 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 susidaryti aiškų vaizdą apie galutinio produkto, kuris yra kuriamas. Visada, lengviau konvertuoti prototipus į galutinius rezultatus. Taip! su prototipų jokių sąveikos klausimus galima išlyginti anksčiau vystymosi ciklas.

5 Derėjimas savo dizainą ir sąveika yra labai svarbus. Donot painioja savo vartotojo neprognozuojamų sąveikos ir Gizmos.

6 Suprasti savo "dizaino misijos pareiškimą". Paėmimai sutelkti dėmesį į pirminės veiksmų puslapio beign sukurta. Be to, padaryti savo seconday veiksmų puslapyje, sąrašą, ir teikti pirmenybę juos.

7 Pateikite tinkamą grįžtamąją svetainės vartotojai. Su dauguma interneto svetainių, skirtų aplink AJAX, pateiks vizualinius signalus į apie pasikeitimus puslapyje vartotojui. Vartotojas turi suteikta apie bet kokią užduotį jis atlieka užbaigimo patvirtinimą. Donot padaryti vartotojo laukti ir spėlioti, nes, pvz. teikti pažangos rodiklius failų uplaods.

8 Naudokite kontroliuoja tinkamai. Dėl pvz 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 standartines kontrolę, pritaikyti tik jei labai reikia, juos. Nustatykite visus pasirinktinius valdiklius, reikalingus jūsų svetainę iš pirmų rankų, kad jie galėtų būti sukurta ir išbandyta atskirai, paruoštas naudoti šakų visame svetainėje.

9 donot pakartoti per daug dizaino. Prisiminti! Visas produktas sudaro daugiau nei dizainas ramybėje. Sukurti tinkamus terminus į savo projekto tvarkaraščio projektavimo iteracijų ir lazdas į jį. Kartoti padeda mums sužinoti, kas veikia ir kas doesnt, link silpnąsias vietas. 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 elektroniniu paštu 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 svetainių, aš turėjo šią situaciją, kai turėjau įgyvendinti "windows.onload" du kartus. Pirmas dalykas, kad būtų atėjo nepatyręs protas, kaip mano (aš turiu sąžiningai pasakyti, kad, nes aš buvo naudojant 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 iš tikrųjų gauti įvykdytas.

Įprastomis situacijose, 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 skambinti windows.onload du kartus, o kad skambina dvi funkcijas vienoje įkėlimo funkciją? Čia yra greitas pažvelgti mano problema pareiškimą ...

"Mano Svetainės puslapiai struktūra kaip WordPress tema. ... ty ten yra bendra Header.php ir footer.php, kad jis pasireiškia įtraukti į visas svetainės puslapiuose. 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 padaryti bendrą įkėlimo funkcija. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis bus per daug važinėti 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 šį javascript kodą į svetainę ...

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

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

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

Privalumai šio kodo fragmentą ...
1 Visų pirma, jis leidžia jums turėti keletą windows.onload renginius, vadinamus iš atskirų dalių jūsų kodą, be overridding ankstesnį apibrėžimą
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 elektroniniu paštu arba Follow Me on Twitter


Kaip įtraukti PHP kodą viduje su Smarty šabloną

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 yra apima peice PHP kodo fragmentą (Php) tiek į Smarty šablonų (.tpl). Aš supratau, kad lengviau / populiarus užklausa, dar sunkiau rasti tikslaus atsakymo ... milijoną paieškos rezultatų, tačiau dauguma jų Italai į "failą" apima Smarty ..., kuris turi tokią sintaksę

{Bylą įtraukti = "įtraukti / Header.php"}

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


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


get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu 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 jis tikrai buvo ne man) pradėti. Įrašyta Dropshadow, gali būti vieni už daugelį iš mūsų peice, naudojant keletą vaizdo redagavimo įrankiai pavyzdžiui, Photoshop ANF Fejerverkai ir tt
Priežastis, kodėl aš nusprendė išskleidžiamajame šešėlis naudojant CSS, kad paprastai, o sukurti puslapio dizainas / html paraiškos, reikalavimai išlaikyti Iteracja. Ką reiškia, Be egzistuojančią svetainę su daugybe vaizdų, pavyzdžiui, tuos, kuriuose pasireiškė FREINDS sąrašą ar nuotraukų galeriją, ji bus sunku perdirbti visą krūvį vaizdus, ​​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ą 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 š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 paveikslėlis yra šešėlyje nemokamai ir dropshadows yra taikomi kaip reikia! Be to, aš jau dingo šiek tiek daugiau, naudojant mano anksčiau Tut gudrybės (Na! Tai tikriausiai yra trumpiausias įvairovė Pamokos, todėl yra pateisinamas tik vadindamas juos "Tut" 's) apie Naudojant CSS Clip Nekilnojamas turtas skirtas parodyti 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 elektroniniu paštu arba Follow Me on Twitter


Understandng CSS Clip nuosavybės

Antradienis, vasaris 17, 2009 Iki nikhil

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

Dauguma CSS rašytojų sutiktų, kad CSS Clip nuosavybė yra tikriausiai vienas iš daugumos un-naudojama CSS savybės. Tai buvo taip tikra, man per daug ir buvo pats laimingas pamiršti jį, kol aš pradėjau pakeisti Mootools TWO 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 padalijimo) nurodyti slankiklį spektrą. Taigi atėjo mano laikas įžengti į į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čiai, bet prasmė / usuage yra tiek croocked. Su kaip mano atminties, kaskart sėdėti pataisyti mano Slider Script ... Turiu tokeep nuoroda atgal į naudojimo šio CLIP turto, priminti sau logika, kad aš sukurta mano scenarijų. ... Taigi TAI! Manoma, kad pen jį žemyn, su viltimi jį prisiminti ateitį (taip pat ir tų, naudai, kuris atrodo boggled pagal CSS Clip nuosavybės)

Ką CSS Clip daryti?

Clip dalis efektų modulis CSS 2.1. Paprasčiau tariant, jos darbas yra įdėti matomą langą ant objekto, kad yra nukirpti, taigi nukirpus vaizdus ir kurti miniatiūras, nekurdami papildomus failus (turiu jau įdėti šią funkciją geriau naudoti Slider komponentas :) )

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 iš apačios pradeda iš 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, su šio vizualaus paaiškinimo CSS Clip / singą turto, kaip nurodyta toliau !!!!

CSS Clip reikalavimai

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

original_imageclip_demo
Originalus Thumbnal / Nuotraukos Į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 elektroniniu paštu arba Follow Me on Twitter


Kaip įtraukti WordPress blog kitoje svetainėje

Pirmadienis, vasaris 2, 2009 Iki nikhil

Šis klausimas kirto mano protas kelis kartus anksčiau, kai aš dirbau svetainių anksčiau per, kurį naudoti WordPress parodyti tinklaraščius ar naujos rūšies turinio tikru svetainės dalis / 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 nosies, kai pradėjo DIGGIN aplink tirpalo tiek.
Buvau nustebintas, kad ji tikrai buvo lengviau, nei aš iš tikrųjų maniau jis buvo, kad parodyti antraščių sąrašą ar naujausius pranešimus kitą puslapį už WordPress varomas skyriuje, tik naudojant šiek tiek PHP ir WordPress API .

Čia yra tai, ką reikia padaryti: -
Dėl paaiškinimo, tarkime, kad jūsų svetainė yra http://www.inchembur.com/ ir jūs turite naujienų skyrių šio tinklalapio apie 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 jūs norite, kad jūsų pranešimas būtų rodomas viršuje.

<? 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 naujausius pranešimus
?>

Be pirmiau peice iš apimti, mes vis tik vieną naujausią įrašą. jei norite pabandyti daugiau variantų nedvejodami kasti į, query_posts() dokumentus .

2 žingsnis: Dabar, kad puslapis / Home page, 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.

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


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

Kaip rodo su konkrečia pareigybe / puslapį, 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 (PuslapioPavadinimas = apie ');

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu arba Follow Me on Twitter


Įkeliami JavaScripts dinamiškai

Ketvirtadienis, gruodis 25, 2008 Iki nikhil

Kartais laikyti pageweight žemyn ... mes padalinti mūsų scenarijus fragmentų ... Šie javascript fragmentai gali būti pakrautas kaip ir kada reikia (dėl įvykio arba paspaudimu nuorodą ar 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 ("script");
s.setAttribute ("tipas", "text / javascript");
s.setAttribute ("src", šaltinis);
document.body.appendChild (s);
}
</ Script>

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

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

arba

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu arba Follow Me on Twitter


Mis-elgiasi IE8: CSS išdėstymo gedimus (uždaviniai 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 maketai 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š padariau 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 problemų metu. ...

Naudojant meta pareiškimą, mes galime nurodyti atvaizdavimo variklį norėtume IE8 naudoti. Taigi, norint priversti IE8 padaryti kaip IE7 ... Įtraukti šį METASKIRTUKĄ į 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 padaryti puslapį, naudodami naujus standartus režimą.

Jei reikia, šį sintaksė gali būti naudojamas, kad tilptų už kitas naršykles, kaip nurodyta toliau:

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


Plačiau 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 & ABSOLIUČIĄ režimas?
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: web standartų, į 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ų dokumentų, nustatymas tinkamą DOCTYPE, paprastai daugumai skersinių naršyklės klausimus atsakymas.


get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu arba Follow Me on Twitter


Kas yra CSS Resetai?

Antradienis, kovas 11, 2008 Iki nikhil

CSS Atstatyti yra / yra CSS nustatyti elemento stilių numerį konkretaus pradinio, kuri sukuria nuoseklumą įvairių naršyklių.

Mes visi buvo per rašymo kryžminio naršyklės CSS košmarai. Taigi, kai mes pradedame rašyti savo CSS, Tai praktika, kad iš naujo tai, kad pašalintumėte / atkurti jokių Cross Browser neatitikimus. CSS naujo, 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 taikytos 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 dydis (kuris yra kiekvienas svarbus iš WAI atitikties prespective)
Dėl pvz, tokia apibrėžimą, font-size per tarpą yra nustatytas iki 10 pikselių ir kad paragarph yra nustatytas iki 14 taškų ...

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


get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu arba Follow Me on Twitter


Prenumeruoti ExpressingIT RSS
get ExpressingIT News by Email Prenumeruoti ExpressingIT elektroniniu paštu
Follow Me on Twitter