Problèmes de centrage de contenu sous IE

En montant une démo de site sous Wordpress, j'ai encore eu ce problème de centrage de contenu qui énerve bien des intégrateurs HTML.
La solution, je l'ai trouvée sous http://www.alsacreations.com/actu/lire/383-a-propos-du-modle-de-bote-microsoft-ou-quotquirksquot.html

En fait, ne mettez jamais de commentaires au-dessus du header, sinon, le centrage ne fonctionnera pas.

Vous pouvez appeler le nom du template, par contre. Cela n'aura aucune incidence sur le centrage: il se fera correctement.

Rappel du contenu qui a retenu mon attention sur le forum Alsacréations:

IE 6.0 passe en mode Quirk dans les cas suivants :

• une page HTML sans DOCTYPE (donc non valide),
• une page HTML Frameset ou Transitionnel avec un DOCTYPE tronqué (sans URL de la DTD),
• une page HTML qui contient n'importe quel caractère avant la DTD,
• une page HTML avec une DTD d'une version de HTML inférieure à la version 4,
• une page avec un DOCTYPE XHTML précédé de la déclaration XML (déclaration inutile pour une page xhtml servie en text/html),

Coins arrondis en CSS3

Pour créer des bordures à coins arrondis en CSS3, vous pouvez employer les paramètres suivants:

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

Notez que vous pouvez contrôler chaque coin isolément, en incluant 4 valeurs chiffrées:
-moz-border-radius: 3px 10px 3px 10px;

Ce qui, en notation abrégée, équivaut à:
-moz-border-radius: 3px 10px;

Malheureusement, IE n'est pas compatible avec cette belle invention :-(

Plugins wordpress utiles

MapPress

Permet l'intégration de Google maps avec des "punaises" multiples et des URLS.
La version complète est payante.

WP Geo

Permet l'intégration de Google maps sans "punaises" multiples et sans URLS.
Gratuit.

Construire un site wordpress multilingue

Ces articles prennent en compte cette problématique:

http://urbangiraffe.com/articles/localizing-wordpress-themes-and-plugins/2/
http://dev.wp-plugins.org/wiki/BasicBilingual
http://www.emmanuelgeorjon.com/wordpress-blog-multilingue-part1-62/
http://www.emmanuelgeorjon.com/wordpress-blog-multilingue-part2-94/
http://dianebourque.com/2010/07/06/les-options-pour-un-site-bilingue-ou-multilingue-wordpress/

House Industries ou l'art de l'e-mailing

D'habitude, je déteste recevoir des mails de la part des sociétés commerciales. House Industries échappe à cette règle. Spécialisés dans la typographie, ils maîtrisent leur sujet à la perfection. Cet exemple reçu ce matin montre parfaitement la forme "Z" employée en sémiologie, qui suit le mouvement naturel de la lecture en Occident. Notez l'utilisation intelligente de l'étoile afin de combler le trou qui pourrait ralentir la lecture. Le "H" de "House" et le point d'exclamation suggèrent les sérifs d'un Z dessiné par le texte et l'image de l'enfant, prise très intelligemment. On peut voir aussi très distinctement trois couches de lecture, marquées par l'emploi de la couleur rouge. Le premier, marqué par "House", est d'une taille plus importante et marque la prédominance du visuel et du marketing : le choix est clair et centré sur la marque et non sur la description. Les niveaux inférieurs sont marqués par un changement de typo et une taille de caractère moindre : c'est la partie descriptive.

Et la lumière fut...

Le monde IT regorge de décisions étranges, comme celle d'équiper les toilettes d'un détecteur sonore. S'il ne fait pas de bruit, le pauvre employé devra rester dans l'obscurité. Cette mesure étrange est bien réelle. Il s'agit d'une expérience, il paraît... Il y a des jours comme cela où je me demande si ce monde IT n'est pas tout simplement un univers parallèle. Bienvenue en Absurdie? (PS: la remarque en rouge n'est pas de moi...)

Tax on web plante toujours

Vous remplissez votre déclaration d'impôts? Si vous employez tax on web, ne cliquez pas... là... (en tout cas, aujourd'hui, ça plante!)
https://www.belgium.be/usermgmt/eGovUserMgmtwebapp/profile/MyProfileAction.do

Une nouvelle saloperie qui circule sur le net

Attention, une arnaque de plus qui circule sur internet...
Voici ce que j'ai reçu ce matin dans mon mail.
Si vous le recevez, comme d'habitude, mettez-le dans la poubelle et n'y accordez au cun crédit.
Adresse d'envoi de ce pourriel dont je n'ai même pas ouvert le fichier attaché:
serveur_promotion2010_40h [serveur_promotion2010_40h@tlen.pl]
---

Bonjour Mme / Mr,

Nous vous contactons par cette présente pour vous informer que vous êtes l'un des heureux gagnant de la PROMOTION INTERNET MICROSOFT.INC 2010 organisé par la BILLGATES FOUNDATION LOTTERY.

Ceci n'étant donc pas un Spam ni un virus, veuillez trouver en fichier joint votre notification de gain. Pour entrer en possession de votre lot, veuillez adressez exclusivement par email un courrier avec toutes les références du message en fichier joint à l'huissier de justice assermenté chargé du retrait de la remise de votre gain.
DIRECTION FONDATION BILL GATES
Sce. MICROSOFT.INC LOTTERY
77 Borough, High Street Southward, LONDON SE1 1NH


CABINET D'ETUDE JURIDIQUE MAITRE GEORGES NGOUAN
Huissier de justice accrédité par Microsoft.inc lottery
20 BP 1105 ABJ 20, Cocody Boulevard Latrille Abidjan (R. C. I)
Email: cabinet_georges_ngouan@consultant.com

Tel: 00225 47 30 74 88


Mme Isabelle Chevalier
Directrice des opérations

Les misères des web designers

J'ai reçu ce matin ce lien vers une petite page qui reprend, avec un réalisme cynique, les problèmes que l'on peut rencontrer lorsqu'on réalise un site internet pour un client. Tout y est vrai. Jusqu'à l'accouchement du monstre hybride. Explorez cette page révélatrice d'un monde incompréhensible.
http://theoatmeal.com/comics/design_hell

Scanner un négatif de photographie argentique... sans scanner

Comment peut-on scanner un négatif de photographie argentique quand on ne dispose pas d'un scanner digital?

Tout a commencé lorsqu'un collègue de bureau m'a dit qu'il allait probablement s'acheter un scanner de négatifs. Je lui ai dit que cela était totalement inutile puisqu'il disposait déjà d'un appareil-photo numérique et d'une fenêtre...

Réponse idiote? Non : scanner un négatif est inutile puisque vous pouvez faire une photo de ce même négatif avec votre appareil-photo digital. Tout ce qu'il vous faut c'est une surface uniformément éclairée sur laquelle vous poserez votre négatif (une table à dessin rétro-éclairée, une fenêtre sur laquelle vous collez une surface blanche pour adoucir la lumière, ...). Puis vous prendrez une photo de ce négatif afin de charger l'image dans Photoshop. Ensuite, vous inverserez l'image (image / adjust / invert) pour en obtenir le positif...

Eh oui, vous avez ainsi un positif de l'image et vous pouvez commencer à le retoucher, à ôter les poussières, etc. Bref, si ce n'est pour scanner des centaines d'images, confinez-vous à cette petite astuce qui ne vous coûtera rien. Si vous avez un objectif macro, le résultat n'en sera que meilleur... ;-)

Elements d'ergonomie appliqués aux pages web

Quelques concepts de base

Persistance visuelle
Le positionnement des éléments est persistant. Un élément ne change pas de place pendant toute l'exploration par le consommateur, au fil des étapes.

Continuité logique
Les éléments forment une chaîne continue, séquentielle. Celle-ci est perçue comme fluide de la première à la dernière étape.

Consistance
Les élements sont consistants visuellement. Ils ne changent pas de couleur ou de forme selon la page. Même la typographie est invariable. Les actions définies sur les boutons et les règles typographiques sont définies dans un système précis.

Contraste
Les éléments se détachent aisément du fond sur lesquels ils sont placés. Les objets et actions secondaires sont relégués comme inférieurs par l'usage de couleurs moins tranchées.

iPad ou un ratage en règle?

Après avoir lancé des produits dont on est pas censés pouvoir remplacer la batterie, Apple continue et lance le iPad. Evidemment, on pourra y arriver avec force manipulations risquées, hasardeuses... mais le constructeur semble estimer que le mythe du "j'achète, je consomme, je jette" persiste.

Au rang des erreurs affolantes dans la construction du iPad, on notera l'absence de connexion d'extensions autres que l'interface propriétaire qui équipe déjà l'iPod.
Ceci signifie que vous êtes limité à la mémoire embarquée de l'appareil. Un comble lorsqu'on pense qu'il peut servir à gérer iTunes!?
L'iPad aurait pu être un succès s'il avait été doté de quelques petites options supplémentaires:

• Slot USB
• Eventuellement, un emplacement SD et CF.
• Un pied stable pour le poser à 45° comme un terminal d'entrée.
• Une totale compatibilité avec les applications iMac existantes.
• Une possibilité de gérer le multitâche.
  

Imaginez un iPad posé sur un meuble, avec un disque dur slim de 1TB branché en USB...
Ce serait quand même bien plus intéressant qu'un petit disque de 16, 32 ou 64GB embarqué...

On verra si le constructeur revoit la copie suite aux critiques qui fusent...

Anti-malware, anti-spyware, anti-trojan gratuit

N'étant pas un lien commercial et un menteur de ce fait, je vous suggère ce programme pour vous débarrasser des trojans, malwares et autres crasses qui altèrent le fonctionnement de votre PC. Je l'ai essayé hier et il a parfaitement fonctionné. Mieux que Adaware, en tout cas... :-)


http://www.emsisoft.fr/fr/software/free/

Surtout, il est totalement GRATUIT!
Oui, vous avez bien lu! Ca existe encore!

Comment savoir si votre machine est pleine de parasites divers?
Si votre PC ralentit, si votre machine lance des fenêtres Internet Explorer sans votre assentiment, si vous ne parvenez pas à désinstaller certains programmes qui vous dérangent, si votre page d'accueil Internet Explorer a été changée après la visite d'un site, ...
Bref, si vous êtes sous Windows et que vous trouvez votre machine "bizarre".