2009 24 mar 2009

É disabled = "true" e disabled = "false" o mesmo?

Esta escola máis antiga, pero como de costume, é o meu suplemento de memoria ...
Entón é disabled = "true" e disabled = "false" mesmo? Si
Non creo ..., ben! iso é do xeito que está ... aquí está a explicación rápida ...
"Deficiente" é un atributo de calquera elemento de formulario / campo e, polo tanto, pode aceptar calquera valor pola súa propia natureza.

Mentres este atributo está presente, o elemento pode ser desactivado, independentemente do seu valor. para, por exemplo.
<input type="text" value="This é disabled" disabled>
<input type="text" value="This é disabled" disabled="disabled">
<input type="text" value="This é disabled" disabled="true">
<input type="text" value="This é disabled" disabled="false">

Todos os elementos anteriormente fará que o campo deste xeito "desactivado".

Simplemente non dando o atributo "desactivado" mantén o campo "habilitados" ... como a continuación

<input type="text" value="This non é disabled" />

Teña en conta que de "valor (ou ningún valor) do atributo disabled, o navegador pode facelo desactivado". Para manter as cousas claras na nosa mente W3C recomenda que usan disabled = "disabled" nestas situacións.

Esta é a diferenza que, cando usamos este atributo en javascript ...

document.form.element.disabled = true / / o elemento desactivado
document.form.element.disabled = false; / / o elemento activado

Os argumentos anteriores son válidas tamén para estes atributos e elementos:

  • Comprobarase (botón de radio e caixa)
  • seleccionado (opción)
  • nowrap (TD)

2009 22 mar 2009

SevenUp! Fomentar o mundo para se librar do IE6!

Google inicia un movemento de persoas listas para despexar IE6 ... Por usuarios escoitas IE6 cun emerxente na carga da páxina ... pode non ser unha idea moi boa ... pero sendo un creador de interface de usuario, eu teño que unirse a esta banda vagón ... menos un navegador para preocuparme Sentímolo ... é egoísta! pero eu incluír este javascript ... (probe esta páxina no IE6) ...
Hey! e sobre a nota máis brillante ... Ver é unha demostración do poder de JavaScript .... pode ata derrubar un xigante (ou unha vez que era)

SO ... Axuda librar o mundo do IE6 cunha liña de javascript!

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


2009 19 marzo de 2009

Bring Down IE6, O seu tempo sobre!


Con outro navegador para coidar a partir de mañá! (IE8 sae do seu estado mañá Beta) ... A súa IE6 tempo moi alta é dar a súa morte Mercy tempo debido ... Unidos venceremos a caída do IE6

"IE6 é o 4 Netscape novo. Os hacks necesarios para apoiar IE6 son cada vez máis vistos como carga en exceso. Como Netscape 4 en 2000, o IE6 é percibido como estar atrasar a web. "

Jeff Zeldman, as normas de gurú

E, non obstante, para aqueles como eu, que serán inundados con chamadas de salto de esquemas CSS no IE8, aquí é o traballo de idade en torno / corrixir usando etiquetas meta (meta http-equiv = "X-UA-Compatible") podes probar ...

Mis-comportándose IE8: CSS saltos de deseño (Segmentación unha versión de navegador usando etiquetas meta no IE8)


2009 12 marzo de 2009

Un bo deseño de IU debe ser compatible coas normas. ou debería? My Top 10 Regras de deseño de interface de usuario


Nin eu son moi novo para User Interface (UI) de desenvolvemento, nin eu son un veterano e como sempre dixen, me encaixa no perfil de desenvolvedor da interface de usuario máis que a de un estudio, sen arrependimentos. Oh Well! O que eu estaba escribindo? Por un tempo ... (debe ser en anos non menos) Agora, de cando en vez, cando entrar un pouco de UI Deseño (cando o estudio profesional foi en unha festa), non podo deixar sempre a pensar se o meu proxecto debe ser debidamente complient ou non (sinceramente, non que eu podería achive 100% o cumprimento de normas, Se eu quixese tamén). Entón eu digo a min mesmo, que porco! ... O proxecto debe ser simple, agradable e sobre todo parece útil, non debe facer os visitantes fuxir ... ou Bounce (para ser técnico). Que bo sería un bo esquema CSS tableless ser para o visitante, que está alleo a todo o hipertexto intelixente e Cascading Style Sheet baixo a pel da túa páxina ... Zilch!
Que mirar agradable e ser fácil de usar ... despois vén a todas as cousas patróns.

Eu stumbbled accross esta entrada do blog por Jason Fried da 37 Signals (Para os que non son conscientes de 37 sinais son os onces que crearon algunhas aplicacións web impresionantes como o Basecamp, Campfire etc) que escribiu algo similar en 2004 e, crean, case 5 anos e non cambiou moito desde que ... eu era feliz ao ler o seu post, como eu estou de acordo totalmente co que ten que dicir e tamén o feito, non está seguro sobre o que está dicindo sobre a súa intuición só a súa e así é o meu :)

Jason Fried: "Non hai xeito moi falar CSS e XHTML e Normas e Accesibilidade e non é suficiente falar sobre persoas. CSS e patróns de Código compliant son só ferramentas - ten que saber o que construír con estas ferramentas. Gran, eu estou feliz pola súa interface non utiliza táboas. Entón o que? Quen se importa se non deixa a xente a acadar os seus obxectivos. Web estándares son grandes, pero os patróns das propias persoas inclúen facer as cousas (e que aínda é moi difícil de facer en liña).

Deseñadores de IU están facendo a mesma vella fundamental "esquecendo-se do ser humano sobre o outro lado" erros - só que esta vez o seu código está mellor. Os seres humanos - non validadores de código - interfaces de usar ".

Artigo completo check-out Jason Fried

DISCALIMER: Isto non significa que non hai que preocuparse estándares en todo. Patróns son bos de ter e estar con eles, na medida do posible. Nós só temos que entender que o deseño UI Bo non sempre significa 100% cumprimento dos requisitos de normas ou viceversa ....

Da miña lista dos meus ensinanzas, sigo unha UI Deseño poucos e desenvolvemento de regras ouro ... Heres o TOP 10 ... non que ten segui-los tamén ... :)

1. Coidar dos seus usuarios. Os usuarios poden facer ou romper o seu sitio. DONOT facer mirar de usuario coma un idoit total, absolutamente incapaz de usar o seu sitio. Iso é malo!

2. Manteña simplicidade e facilidade de uso seus guidlines primarios. Moitas cousas na pantalla, maior a probabilidade de que un usuario vai ficar confuso ou distraído da súa tarefa orixinal.

3. Sexa dentro dos límites ... DONOT entrar moito en usabilidade, accesibilidade e patróns. Utilizar as normas de forma eficaz e facelos entender para o equipo. Isto asegura a consistencia dereita no produto

4. Prototipo o requisito. Desde entón, estes días, as interfaces usan son ricos, prototipado sempre é mellor que só facer wireframes simple e esta é nula de interaccións decentes, sería deixar de proporcionar ao cliente unha imaxe clara do produto final que está a ser desenvolvido. Sempre que é máis doado para converter os prototipos en produtos finais. Tamén! prototipado con os problemas de interacción poderían ser resoltos antes no ciclo de desenvolvemento.

5. Consistencia no seu deseño e interacción é moi importante. Donot confundir o usuario con interaccións imprevisibles e Gizmos.

6. Entender o seu "Misión Design". Aways concentrarse na acción primaria da beign páxina proxectada. Ademais, facer unha lista das súas accións Secundaria na páxina, e prioriza-los.

7. Proporcionar información adecuada para os usuarios do sitio web. Coa maioría dos sitios concibidos en torno a AJAX, proporcionar consellos visuais ao usuario sobre o cambio para a páxina. O usuario ten que recibir un aviso da realización de calquera tarefa que executa. Donot facer o usuario esperar e creo que, por exemplo. proporcionar indicadores de progreso para uplaods arquivo.

8. Use os controis de forma adecuada. Para o seu uso por exemplo, seleccione na lista de correo para listas só para pequenas, donot deixar o usuario escoller unha das 200 cidades que utilizan caixas. Entenda a diferenza entre un botón e unha ligazón. Unha ligazón e botón teñen finalidades diferentes, donot usar un para o outro. Facilitar o control dereito a efectuar a interacción con unha páxina máis fácil. Evite o uso de menús, que son máis que dous niveis de profundidade. Non reinvente a roda. Use os controis estándar, personalizar-los só moi necesaria. Define todos os controis personalizados necesarios para a súa man primeiro sitio, para que puidesen ser creados e probado de forma independente, listo para o seu uso local fronte.

9 Donot. ITERATE moito no deseño. Teña en conta que! O produto consiste todo un proxecto máis que por si só. Constrúe calendarios adecuados no seu programa do proxecto para iterações de proxecto e cumprir-lo. Iteração nos axuda a descubrir o que funciona eo que non, escoller os puntos problemáticos. Como unha boa interface leva tempo, dar tempo para as iteracións no inicio do ciclo de desenvolvemento, de xeito que iterações de proxecto doesnot directamente equivale a REWORK. O exceso de retraballados podería jeopradize prazos.

10. Sent-se e pensar como un usuario, ás veces.


2009 08 de marzo de 2009

Global Translator Extensión para o seu Blog WordPress

Estou tan animado co número crecente de page views no meu blog, que eu verifico miñas Google Analytics case todos os días. Notei que o meu blog está a ser referido por sitios en moitas outras linguas e por persoas de todo o mundo. So nice!
Para facer a vida un pouco máis fácil para o meu barco espectador non Inglés, eu engade un widget de Google / Extensión chamado "Global Translator".

O Global Translator di que "traduce automaticamente un blog en 41 idiomas diferentes incluíndo catro diferentes motores de tradución en liña (Google Mecanismo de Tradución, mecanismo de tradución de Babelfish, FreeTranslations.com, Promt)" ... se quere engadir lo á súa propia instalación do WordPress ... confía aquí http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Non estou seguro, como é bo a tradución é, pero eu sinceramente espero que axuda a compañeiros desenvolvedores por aí que acaban chegando o meu blog, só para estar decepcionado, que é en inglés ....

As ligazóns tradutor están na parte inferior da barra lateral ....


2009 07 de marzo de 2009

Chamando múltiples funcións onload de Windows en Javascript

Heres outro anaco pouco de malandragem Javascript que eu tiven que cavar ao redor porque a situación commaned-lo. Un dos meus sitios web, eu tiven esta situación onde eu tiven que aplicar "windows.onload" dúas veces. O primeiro que veu á mente un inexperto como o meu (teño que dicir honestamente que, unha vez que teño benvida a empregar frameworks JavaScript e bibliotecas, eu forgotton para facer cousas simples no meu propio ... triste pero é certo), é o seguinte método ...

 window.onload = onloadfn1; window.onload = onloadfn2; window.onload = onloadfn3, etc .. 

Sentímolo dicir, pero, iso non vai funcionar ... non quero discutir a ciencia execución de Javascript moi ... pero segundo a miña experiencia recente, só a función anterior (onloadfn3) vai realmente mal executada.

En situacións normais, ao contrario do meu (que eu vou falar un pouco máis tarde) ... podería facer as seguintes opcións para realizar funcións de onload mutliple ....

Ou algo así

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

Para a miña situación actual, non podo utilizar calquera dos anteriores ...
Por qué me teño chamar windows.onload dúas veces, en vez de chamar dúas funcións dentro dunha función onload único? Aquí é rápido ollar para a miña declaración do problema ...

"Páxinas do meu sitio web son estruturados como o tema do WordPress .... é dicir, hai un header.php e footer.php comúns que está incluído en todas as páxinas do sitio web. Hai unha implementaion función onload nos footer.php para facer algunhas funcións onload comúns. E hai poucas páxinas que precisan de algo da súa propia OnLoad, ademais daqueles feitos pola función onload común. Se eu asignar función de callback directamente ao manipulador de window.onload, ha sobrepasar-se callbacks previamente designados nos footer.php "

.... O meu problema entendido :) ?

Ben! existen poucas solucións que podo atopar. Todos eles son moi semellantes e, sobre todo, implementions dunha solución dada por Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solución:

Basta engadir este código javascript á páxina web ...

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

E chama-lo de vez da "windows.onload" usual

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Máis código para ser executado na carga da páxina *
 }); 

As vantaxes deste fragmento de código ...
1. En primeiro lugar, permite que ten eventos windows.onload múltiples, chamados de partes separadas do seu código, sen overridding a definición anterior
2. É moi discreto. Pode ser instalado nun arquivo con seus outros scripts ou nun ficheiro separado.
3. Funciona mesmo window.onload xa foi definido.


NDK casa | Expresando IT | Palate expresando | Penmenship expresando | AWE expresando | expresar o meu