Archív za marec 2009

Je zakázaná = "true" a disabled = "false" rovnaké?

Utorka 24. marca 2009 By Nikhil

To ty stará škola, ale ako obvykle je to moja pamäť doplnok ...
Takže je zakázaná = "true" a disabled = "false" rovnaké? Áno
... Neverte, dobre! to je, ako to je ... tu je nejaké rýchle vysvetlenie ...
"Vypnuté" je atribút akejkoľvek forme prvku / pole, a teda môže prijať akúkoľvek hodnotu zo svojej podstaty.

Tak dlho, ako je tento atribút prítomný, bude prvok zakázaný, bez ohľadu na jeho hodnotu. napr pre.
<input value="This znamená disabled" disabled>
<input value="This znamená disabled" disabled="disabled">
<input value="This znamená disabled" disabled="true">
<input value="This znamená disabled" disabled="false">

Všetky vyššie uvedené bude táto forma pole "ZAKÁZANÉ".

Jednoducho neposkytuje atribút "DISABLED" udržuje pole "postihnutými" ... ako nižšie

input type = "text" value = "This nie je disabled" />

Nezabudnite "Akákoľvek hodnota (alebo žiadnu hodnotu vôbec) postihnutého atribútu, bude prehliadač robí je zakázaná". Ak chcete udržať veci jasné, v našich mysliach W3C odporúča, aby používame disabled = "disabled" v týchto situáciách.

To je rozdiel ale keď budeme používať tento atribút v javascriptu ...

document.form.element.disabled = true; / / Prvok bude zakázaný
document.form.element.disabled = false; / / Prvok bude povolený

Uvedené argumenty sú tiež platí pre tieto atribúty a prvky:

  • skontrolovať (radio button a checkbox)
  • vybraná (voliteľne)
  • nowrap (td)

get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


SevenUp! Podporovať svet zbaviť IE6!

Nedeľa 22 marec 2009 Od Nikhil

Google začne pohyb vyzvať ľudí, aby skládku IE6 ... By štve užívateľa IE6 s POPUP na načítanie stránky ... nemusí byť dobrý nápad ... ale je UI developer, musím sa pripojiť k tejto kapely voz ... jeden menej prehliadač pre mňa báť Je nám ľúto ... sebeckým to je! ale ja som sa zaradiť túto javascript ... (TRY Táto stránka v IE6) ...
Hej! a na jasnejšie vedomie ... vidieť, že je displej POWER JavaScriptu .... aj to môže priniesť dolu obra (alebo raz to bolo)

SO ... Pomoc zbaviť svet IE6 s jedným riadkom javascript!

http://code.google.com/p/sevenup/


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Bring Down IE6, jeho najvyšší čas!

Štvrtok 19.březen 2009 Do Nikhil


S ďalšou prehliadača sa postarať od zajtra! (IE8 vychádza z jeho zajtrajška Beta State) ... Je to naozaj najvyšší čas IE6 je daná jeho dlhá Vzhľadom Mercy smrť ... Veľká stojíme o páde IE6

"IE6 je nový Netscape 4. Hack potrebné podporovať IE6 je stále viac vnímaná ako nadmerné nákladnej dopravy. Rovnako ako Netscape 4 v roku 2000, IE6 je vnímaný byť zadržiavať na webe. "

Jeff Zeldman, normy guru

A medzitým pre tých, ktorí rovnako ako ja, ktorí budú zaplavené volanie z porušenia rozvrhnutie CSS v IE8, tu je stará vyriešiť / opraviť pomocou Meta tagy (meta http-equiv = "X-UA-Compatible"), môžete to skúsiť ...

Mis-chová IE8: CSS rozbitie Layout (cielenie verziu prehliadača pomocou Meta Tagy v IE8)


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Dobrý UI design musí byť vyhovujúce štandardom. alebo by to? Môj TOP 10 UI Design pravidlá

Štvrtok 12.03.2009 Od Nikhil


Ani som sa na vývoji užívateľského rozhrania (UI), úplne nové, ani som veterán, a ako som vždy dať to, som vošiel do profilu UI developer viac ako dizajnéra, bez ľútosti. Oh No! Čo som písal o? ... Na chvíľu (musí byť v rokoch nie je o nič menej), teraz, každý teraz a potom, keď som sa dostal do trochu UI designu (pri profesionálnej dizajnér sa vydal na dovolenku), vždy som cant prestať premýšľať, či môj návrh by mal byť riadne complient alebo nie (úprimne, nie že by som mohol achive 100% dodržiavanie štandardov, Ak by som chcel taky). Tak si hovorím, aké nezmysly! ... Design by mal byť jednoduchý, príjemný a hlavne sa zdajú použiteľné, to by nemalo robiť návštevníci utiecť ... alebo Bounce (ako technický). K čomu by pekne dispozične riešený beztabulkový CSS byť návštevníkovi, ktorý je ľahostajný ku všetkému inteligentné hypertextu a kaskádových štýlov pod kožu svoje webové stránky ... Zilch!
Malo by to vyzerať pekne a ľahko používať ... a potom ich všetky štandardy veci.

Aj stumbbled Neváhajte, túto položku blogu Jason Fried z 37 signálov (Pre tých, ktorí si nie sú vedomí 37 signály sú onces, ktorí vytvorili nejaké úžasné webové aplikácie ako Basecamp, táborák atď), ktorý napísal niečo podobné v roku 2004, a verte mi, že takmer 5 rokov a príliš nezmenili, pretože to ... Bol som rád, že si svoj post, keď som úplne súhlasím s tým, čo má na srdci, a tiež skutočnosť, ju nie je istý, čo sa hovorí o jeho len jeho intuície, a tak je moja :)

Jason Fried: "Je tu príliš veľa hovorí o CSS a XHTML a štandardy a dostupnosť a nestačí hovoriť o ľuďoch. CSS a Standards Code sú len nástroje - musíte vedieť, čo stavať s týmito nástrojmi. Skvelé, som rád, že vaše používateľské rozhranie nepoužíva tabuľky. Tak čo? Koho zaujíma, či to ešte neumožňuje ľuďom dosiahnuť svoje ciele. Webové štandardy sú skvelé, ale vlastné štandardy ľudí zahŕňajú ako niečo urobiť (a to je ešte príliš ťažké urobiť on-line).

UI dizajnéri robia rovnaké staré základné "zabúdajú na ľudské bytosti na druhej strane" chyby - mimo túto dobu ich kód vyzerá lepšie. Ľudia - nie validator kód - použitie rozhrania ".

Checkout Jason Fried celý článok

DISCALIMER: To neznamená, že by sme sa nemali starať o štandardoch vôbec. Normy sú dobré mať a držať sa ich čo najviac. Máme len pochopiť, že dobrý dizajn UI neznamená vždy 100% Standards complience alebo naopak ....

Z môjho zoznamu mojej poučenie, som sledovať niekoľko UI Design a vývoj Zlaté pravidlá ... Heres TOP 10 ... nie, že ste podľa nich príliš ... :)

1. Starajte sa o svojich užívateľov. Užívatelia môžu zlomiť, alebo vaše stránky. Donot, aby užívateľ vyzerať ako celkové idoit, absolútne neschopná používať svoje webové stránky. To je zlé!

2. Udržujte jednoduchosť a jednoduchosť použitia vaše hlavné Guidlines. Príliš veľa vecí na obrazovke, tým vyššia je pravdepodobnosť, že používateľ bude zmätený alebo roztržitý od ich pôvodného úlohy.

3. Buďte v medziach ... Donot dopriať príliš do použiteľnosť, prístupnosť a noriem. Efektívne využívať štandardy a aby im rozumel tímu. Tým sa zaistí správne konzistencie výrobku

4. Prototyp požiadavka. Vzhľadom k tomu, v týchto dňoch Použiť rozhranie sú bohaté, prototypovania vždy je lepšie, než len robiť jednoduché drôtových modelov a druhý je neplatné slušné interakcií, by neposkytujú klientovi jasnú predstavu konečného výrobku, ktorý je vyvíjaný. Vždy je jednoduchšie previesť prototypy do konečných výstupov. Tiež! s prototypovú nejaké problémy interakcia by mohla byť bezchybné skôr vo vývojovom cykle.

5. Súlad v dizajne a interakcia je veľmi dôležité. Donot zmiasť váš užívateľovi nepredvídateľné interakcie a vecičky.

6. Porozumenie "Vyhlásenie dizajn Mission". Reklamné predmety sa zameriavajú na primárne pôsobenie na stránku beign určený. Tiež sa uistite, zoznam vašich seconday činností na stránke a ich prioritu.

7. Zaistite správnu spätnú väzbu pre užívateľov webu. U väčšiny internetových stránok navrhnutý tak, okolo AJAX, poskytuje vizuálne podnety pre užívateľa o zmenách na stránke. Užívateľ má na daný potvrdenie o dokončení každej úlohy sa vykonáva. Donot aby používateľ čakať a hádať, napr pre. poskytovať ukazovatele pokroku súborové uplaods.

8. Pomocou ovládacích prvkov vhodne. Pre napr pomocou Výber v rozbaľovacom zozname pre malé zoznamy iba donot umožní užívateľovi vybrať jeden z 200 miest s využitím vyberte krabice. Pochopiť rozdiel medzi tlačidlom a odkaz. Odkaz a tlačidlá majú rôzne účely, Donot použiť jeden pre druhého. Zaistite správnu kontrolu, aby sa v interakcii so stránkou jednoduchšie. Vyhnite sa použitie menu, ktoré sú viac než dve úrovne hĺbky. Nepoužívajte znovu vynájsť koleso. Použite štandardné ovládacie prvky, upraviť je len v prípade, veľmi potrebné. Definovať vlastné ovládacie prvky potrebné pre vaše webové stránky z prvej ruky, aby mohli byť vytvorené a testované samostatne, pripravené pre použitie naproti cez web.

9. Donot iterácii príliš na dizajn. Pamätajte si! Celý produkt sa skladá viac, že ​​dizajn sám. Zostavte si vhodné časovej osi do plánu projektu pre iterácií návrhu a držať sa ho. Iterácie nám pomáha zistiť, čo funguje a čo nie, vyberte si problémové miesta. Ako dobrý interface nejakú dobu trvá, poskytne čas pre iterácií na začiatku vývojového cyklu, takže iterácií návrhu doesnot priamo prirovnať k prepracovanie. Príliš veľa prepracovanie by jeopradize termíny.

10. Posaďte sa a myslieť ako užívateľ niekedy.


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Global Translator Plugin pre WordPress Blog

Nedeľa 8.3.2009 Od Nikhil

Som tak nadšený rastúcim počtu zobrazení na mojom blogu, že som pozri sa na môj Google Analytics takmer každý deň. Všimol som si, že môj blog je odvolával sa na stránkach v mnohých iných jazykoch, a ľudia po celom svete. SO Nice!!
Aby život trochu jednoduchšie pre moju neanglickej prehliadača lodi, som pridal Google Widget / plugin s názvom "Global Translator".

Global Translator hovorí, že "automaticky prevádza blog v 41 rôznych jazykoch, obklopte štyri rôzne on-line preklady motory (Google Translation Engine, Babelfish Translation Engine, FreeTranslations.com, okamžitom)" ... Ak chcete pridať do svojho inštaláciu WordPress ... Pozrite sa sem http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Nie ste si istí, ako dobrý preklad, ale úprimne dúfam, že to pomôže niekoľko vývojárom kolegami tam, kto nakoniec dosiahol môj blog, len aby bol sklamaný, že to je v angličtine ....

Prekladateľ odkazy sú na dne Side Baru ....


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Volanie viac funkcií Windows onload v javascriptu

Sobotu 7.3.2009 Od Nikhil

Tu je ďalší malý peice z JavaScriptu trikov, ktoré som musel kopať okolo, pretože situácia je commaned. V jednom z mojich webových stránok, mal som túto situáciu, kedy som musel vykonať "windows.onload" dvakrát. Prvá vec, ktorá by prišla na neskúsených mysli ako ja (musím úprimne povedať, že od tej doby som bol s použitím javascript rámcov a knižníc, som sa zabudlo robiť jednoduché veci na vlastnú päsť ... smutné, ale pravdivé), je táto metóda ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 atď ..

Je nám ľúto, ale na to zvyknutý pracovať ... nechcem moc diskutovať o vykonaní vedu Javascript ... ale podľa mojej nedávnej skúsenosti, iba posledná funkcia (onloadfn3) bude chorý skutočne vykonaný.

V normálnych situáciách, na rozdiel od bane (ktoré budem hovoriť o niečo neskôr) ... si to mohol urobiť jednu z nasledujúcich vykonať zahŕňa viac onload funkcie ....

Alebo niečo také

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

Pre mojej súčasnej situácii, nemôžem použiť niektorý z vyššie ...
Prečo musím zavolať windows.onload dvakrát, skôr to, že volanie dve funkcie v jednom funkcia onload? Tu je rýchly pohľad na môj problém vyhlásenie ...

"Moje stránky webu sú štruktúrované ako téma Wordpress .... tj existuje spoločný header.php a footer.php, ktorý sa súčasťou do všetkých stránok webu. Tam je onload funkcie implementaion v footer.php urobiť nejaké spoločné onload funkcie. A existuje niekoľko stránok, ktoré je potrebné niečo vlastného onload, okrem tých, ktoré uskutočňuje spoločné funkcie onload. Mám-li priradiť funkciu spätného volania priamo k psovodovi window.onload, že bude cez-ride skôr pridelená spätné volanie v footer.php "

.... Je to môj problém chápať :) ?

Dobre! existuje niekoľko riešení, ktoré som našiel. Všetci sú si veľmi podobné a hlavne implementions na riešenie danej Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Riešenie:

Jednoducho pridajte tento javascript kód na stránky ...

 Funkcie addLoadEvent (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = "funkcia") {
        window.onload = func
     } Else {
        window.onload = function () {
            if (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 } 

A hovoriť namiesto obvyklého "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Ďalšie spustenie kódu na strane záťaže *
 }); 

Výhody tohto fragmentu kódu ...
1. Predovšetkým, to vám umožní mať viac windows.onload udalosti, ktoré sa nazývajú z oddelených častí kódu, bez overridding predchádzajúcej definícii
2. To je naozaj nenápadný. To môže byť umiestnená v súbore s vašimi ostatnými skripty, alebo v samostatnom súbore.
3. Funguje to aj v prípade, že už bola nastavená window.onload.


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Prihlásiť sa k odberu ExpressingIT RSS
get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom
Nasledujte ma na Twitteri