2009 24 mars 2009

Est désactivé = "true" et désactivé = "false" la même chose?

Cette école anciennes, mais comme d'habitude il est de mon supplément de mémoire ...
Est donc désactivé = "true" et désactivé = "false" même? Oui
... Ne croyez pas, eh bien! thats la manière dont il est ... voici quelques explication rapide ...
«Invalide» est un attribut d'élément de formulaire tout / sur le terrain et ne peut donc accepter n'importe quelle valeur de par sa nature.

Tant que cet attribut est présent, l'élément sera désactivé indépendamment de sa valeur. par exemple pour.
<input type="text" value="Voici disabled" disabled>
<input type="text" value="Voici disabled" disabled="disabled">
<input type="text" value="Voici disabled" disabled="true">
<input type="text" value="Voici disabled" disabled="false">

Tout ce qui précède fera sur le terrain cette forme "Disabled".

Il suffit de ne pas fournir l'attribut "DISABLED" maintient le champ "CPEI" ... comme ci-dessous

<input type="text" value="Ceci n'est pas disabled" />

Rappelez-vous "Toute valeur (ou pas de valeur du tout) de l'attribut disabled, le navigateur va rendre invalide». Pour garder les choses claires dans notre esprit W3C recommande que nous utilisons disabled = "disabled" dans ces situations.

Cette différence est bien quand on utilise cet attribut en javascript ...

document.form.element.disabled = true; / / l'élément sera désactivé
document.form.element.disabled = false; / / l'élément est activé

Les arguments ci-dessus sont également vrai pour ces attributs et d'éléments:

  • vérifié (bouton radio et case à cocher)
  • sélectionné (option)
  • nowrap (td)

2009 22 mars 2009

SevenUp! Encourager le monde pour se débarrasser d'IE6!

Google commence un peuple mouvement rapides pour vider IE6 ... Par les utilisateurs écoutes IE6, avec un POPUP la page de chargement ... peut-être pas une très bonne idée ... mais étant un développeur interface utilisateur, je dois rejoindre ce train en marche ... un de moins pour moi navigateur s'inquiéter Désolé ... il est égoïste! mais je n'ai inclure cette javascript ... (TRY THIS PAGE DANS IE6) ...
Hey! et sur ​​la note plus ... Voir l'article est un affichage de la puissance de JavaScript .... il peut même faire tomber un géant (ou une fois qu'il a été)

SO ... Aide débarrasser le monde d'IE6 avec une ligne de javascript!

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


2009 19 mars 2009

Bring Down IE6, Its About Time!


Avec un autre navigateur pour prendre soin à partir de demain! (IE8 sort de son Etat de demain Beta) ... Son IE6 temps très élevé est donné la mort à long Mercy raison ... United we stand de la chute de IE6

"IE6 est le 4 nouveau Netscape. Les hacks nécessaires pour soutenir IE6 sont de plus en plus considéré comme le fret en excès. Comme Netscape 4 en 2000, IE6 est perçue à retenir sur le Web. "

Jeff Zeldman, normes gourou

Et pendant ce temps pour ceux qui comme moi seront inondés d'appels de rupture mises en page CSS dans IE8, voici le travail autour de vieux / fixer à l'aide Meta Tags (meta http-equiv = "X-UA-Compatible"), vous pouvez essayer ...

MIS-comportent IE8: casse mise en forme CSS (ciblez une version du navigateur en utilisant Meta Tags dans IE8)


2009 12 mars 2009

Une bonne conception de l'interface doit être conforme aux standards. ou faut-il? Mes TOP 10 Règles de conception d'interface utilisateur


Ni Je suis très nouveau à l'interface utilisateur (UI) de développement et je ne suis un ancien combattant et que je l'ai toujours dit, je me situe dans le profil de l'interface utilisateur développeur plus que celle d'un designer, sans aucun regret. Oh Well! Que faisais-je écrire sur? Pendant un certain temps ... (doit être dans les années pas moins) maintenant, chaque maintenant et puis, quand je reçois dans un peu de design d'interface utilisateur (lorsque le designer professionnel est allé un jour férié), je ne peux pas penser arrêt toujours si ma conception devrait être correctement complient ou non (sincèrement, non pas que je pouvais ACHIVE 100% de conformité aux normes, si je voulais trop). Puis je me dis, ce que la merde! ... La conception doit être simple, agréable et surtout semble utilisable, il ne devrait pas faire fuir les visiteurs ... ou rebond (pour être technique). A quoi bon une belle mise en page CSS tableless être au visiteur, qui est inconscient de tous les smart HYPERTEXTES et Cascading Style Sheet sous la peau de votre page web ... Zilch!
Il convient de l'air agréable et être facile à utiliser ... puis vient la substance toutes les normes.

Je stumbbled face cet article de blog par Jason Fried de 37 Signals (Pour ceux qui ne sont pas conscients des signaux 37 sont les onces qui ont créé des applications web comme Basecamp impressionnants, etc Campfire) qui ont écrit quelque chose de semblable en 2004 et croyez-moi, près de 5 ans et pas beaucoup changé depuis que ... j'étais heureux de lire son poste, comme je l'ai totalement d'accord avec ce qu'il a à dire et la aussi le fait, elle n'est pas sûr de ce qui se dit sur son seulement son instinct et le mien aussi :)

Jason Fried: "Il ya beaucoup trop parler de CSS et XHTML et les normes et d'accessibilité et ne parle pas assez des gens. CSS et le code Conformité aux normes ne sont que des outils - que vous devez savoir ce qu'il faut construire avec ces outils. Grand, je suis heureux de votre interface utilisateur n'utilise pas les tables. Alors quoi? Qui se soucie si cela ne fonctionne toujours pas laisser les gens à atteindre leurs objectifs. Les standards du Web sont grands, mais les normes des gens propres comprennent les choses se (et c'est encore trop difficile à faire en ligne).

Les concepteurs d'interface utilisateur font la même vieille fondamentale "oubliant l'être humain de l'autre côté" erreurs - sauf que cette fois leur code est plus beau. Les êtres humains - pas des validateurs de code - les interfaces d'utilisation ».

Article complet Commander Jason Fried

DISCALIMER: Cela ne veut pas dire que nous ne devrions pas se soucier de normes du tout. Les normes sont bien d'avoir et de s'y tenir autant que possible. Nous avons seulement à comprendre que la conception d'interface utilisateur Bon ne signifie pas toujours 100% complience normes ou vice-versa ....

De ma liste de mon leçons apprises, je suis un peu de conception de l'interface et le développement règles d'or internautes Heres le top 10 ... pas que vous avez les suivre aussi ... :)

1. Prenez soin de vos utilisateurs. Les utilisateurs peuvent faire ou défaire votre site. DONOT faire ressembler à l'utilisateur comme un idoit total, tout à fait incapable d'utiliser votre site Web. Ce qui est mauvais!

2. Gardez Simplicité et facilité d'utilisation de vos guidlines primaires. Trop de choses sur l'écran, plus la probabilité qu'un utilisateur se confondre ou distraits de leur tâche initiale.

3. Soyez dans les limites ... DONOT livrer trop en ergonomie, l'accessibilité et de NORMES. Utiliser les normes de manière efficace et les faire comprendre à l'équipe. Cela permettra d'assurer la cohérence droit dans le produit

4. Prototype l'exigence. Depuis, ces jours-ci les interfaces utilisent sont riches, de prototypage est toujours mieux que de simplement faire wireframes simples et celui-ci est nulle des interactions décent, il ne parviendrait pas à fournir au client une image claire du produit final qui est en cours d'élaboration. Toujours, il est plus facile de convertir les prototypes en produits finaux. Aussi! avec le prototypage des problèmes d'interaction pourraient être aplanies plus tôt dans le cycle de développement.

5. Cohérence dans votre conception et l'interaction est très importante. Donot confondre votre nom d'utilisateur avec des interactions imprévisibles et gadgets.

6. Comprendre votre "Énoncé de mission de conception". Emporter l'accent sur l'action principale de l'beign page conçue. En outre, faire une liste de vos actions seconday sur la page, et de les hiérarchiser.

7. Fournir une rétroaction adéquate aux utilisateurs du site. Avec la plupart des sites Web conçus autour AJAX, fournir des repères visuels à l'utilisateur des modifications apportées à la page. L'utilisateur doit avoir la reconnaissance de l'achèvement d'une tâche qu'il accomplit. Donot permettre à l'utilisateur d'attendre et de le deviner, par exemple pour. fournir des indicateurs de progrès pour uplaods de fichiers.

8. Utilisez les contrôles de manière appropriée. Pour l'utilisation par exemple, sélectionnez dans la liste déroulante pour les listes de petites seulement, donot laisser l'utilisateur choisir l'une des 200 villes en utilisant les listes de sélection. Saisir la différence entre un bouton et un lien. Un lien et un bouton ont des buts différents, donot en utiliser un pour l'autre. Fournir le bouton de droite pour faire interagir avec une page plus facile. Évitez d'utiliser des menus, qui sont plus que deux niveaux de profondeur. Ne pas réinventer la roue. Utilisez les commandes standards, les personnaliser seulement si absolument nécessaire. Définir les contrôles personnalisés requis pour votre main le premier site, afin qu'ils puissent être créés et testés de façon indépendante, prête à l'emploi Accross site.

9. Donot ITERATE trop sur la conception. Rappelez-vous! Le produit entier est constitué de plus que la conception seul. Construire des délais appropriés dans votre calendrier de projet pour les itérations de conception et de s'y tenir. Itération nous aide à trouver ce qui fonctionne et ce qui ne, choisir les points chauds. Comme une bonne interface prend du temps, prévoir du temps pour des itérations dans le début du cycle de développement, de sorte que les itérations de conception doesnot directement assimiler à retravailler. Trop bien retravailler pourrait jeopradize délais.

10. Asseyez-vous et penser comme un utilisateur, parfois.


2009 8 mars 2009

Plugin Global Translator pour votre blog WordPress

Je suis si excitée par le nombre croissant de pages vues sur mon blog, que je vérifie mes Google Analytics presque tous les jours. J'ai remarqué que mon blog est fait référence à des sites dans de nombreuses autres langues et par des personnes à travers le monde. So Nice!!
Pour rendre la vie un peu plus facile pour mon bateau spectateur non-Anglais, j'ai ajouté un widget Google / plugin appelé "Global Translator".

Le Global Translator dit qu'il "se traduit automatiquement un blog en 41 langues différentes en enveloppant quatre différents moteurs de traduction en ligne (moteur de Google Traduction, moteur de traduction Babelfish, FreeTranslations.com, Promt)" ... Si vous souhaitez l'ajouter à votre installation de WordPress propre ... check it out ici http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Pas sûr, à quel point la traduction est mais j'espère sincèrement que cela aide un peu les développeurs collègues là-bas, qui finissent par atteindre mon blog, seulement pour être déçu, qu'il est en anglais ....

Les liens de traducteurs sont au bas de Side Bar ....


2009 7 mars 2009

Appel multiples fonctions onload de Windows en Javascript

Heres une autre peice peu de ruse Javascript que je devais creuser autour parce que la situation qu'il commaned. Dans un de mes sites web, j'ai eu cette situation où j'ai eu à mettre en œuvre "windows.onload" deux fois. La première chose qui serait venu à l'esprit inexpérimenté comme le mien (je dois dire honnêtement que, depuis que j'ai été en utilisant les frameworks JavaScript et les bibliothèques, j'ai forgotton de faire des choses simples sur mon propre ... triste mais vrai), est la méthode suivante ...

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

Désolé de le dire, mais, cela ne marchera pas ... ne veux pas discuter de la science exécution de code Javascript ... mais selon mon expérience récente, seule la dernière fonction (onloadfn3) sera malade effectivement exécutée.

Dans les situations normales, contrairement à la mienne (dont je vais parler un peu plus tard) ... vous pourriez faire une des actions suivantes pour exécuter des fonctions onload mutliple ....

Ou quelque chose comme ceci

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

Pour ma situation actuelle, je ne peux pas utiliser de ce qui précède ...
Pourquoi ai-je besoin d'appeler windows.onload deux fois, plutôt que l'appel de deux fonctions au sein d'une seule fonction onload? Voici coup d'œil rapide à mon énoncé du problème ...

«Mes pages du site sont structurées comme le thème WordPress .... c'est à dire qu'il est un header.php et footer.php communes qui sera inclus dans toutes les pages du site. Il ya une implementaion fonction onload dans les footer.php de faire quelques fonctions onload communes. Et il ya quelques pages qui ont besoin de quelque chose de leur propre OnLoad, à l'exception de celles effectuées par la fonction onload commune. Si je cède la fonction de rappel directement au gestionnaire window.onload, il écrasera les rappels affectés précédemment dans les footer.php "

.... Est-ce mon problème compris :) ?

Eh bien! il ya peu de solutions que je n'ai trouver. Ils sont tous très similaires et implémentations principalement d'une solution donnée par Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Solution:

Il suffit d'ajouter ce code javascript sur ​​le site ...

 fonction addLoadEvent (func) {
     var = oldonload window.onload;
     if (typeof window.onload! = 'fonction') {
        window.onload = func
     Else {}
        window.onload = function () {
            si (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

Et il appelle au lieu de l'habituel "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Plus de code pour fonctionner sur * chargement de la page
 }); 

Avantages de cet extrait de code internautes
1. Principalement, il vous permet d'avoir des événements windows.onload multiples, appelé à partir de pièces séparées de votre code, sans overridding la définition précédente
2. Il est vraiment discret. Il peut être placé dans un fichier avec vos autres scripts ou dans un fichier séparé.
3. Il fonctionne même si window.onload a déjà été fixée.


NDK la maison | Exprimant IT | Bouche Exprimant | Penmenship Exprimant | Awe Exprimant | m'exprimer