Dakwamine

Étiquette : site web

  • Des nouvelles de mon boulot

    Des nouvelles de mon boulot

    Hey, salut à tous !

    Cela doit faire plusieurs mois que je n’ai pas donné de nouvelles. Et il y a des raisons à cela.

    Je me suis impliqué un peu plus sérieusement chez Blue Pill, l’entreprise dans laquelle je suis associé / directeur technique / couteau suisse. Nous avons récemment développé l’application iPad des stands de la RATP pour leur campagne contre les incivilités dans les transports. Avec plusieurs milliers d’enregistrements — c’était un sondage —, je suis très satisfait que le système ait été assez robuste pour supporter les transferts. 😀 Oui, je m’auto-congratule.

    Je vous invite à passer sur le site de notre entreprise pour avoir des détails sur le produit : bluepillgames.com. Vous pourrez trouver des captures d’écran de l’application en fonctionnement ainsi que des photos prises sur le stand de Gare de Lyon.

    D’ailleurs, vous pouvez également retrouver nos autres productions, notamment Circus Politicus, ainsi que nos coordonnées si vous voulez nous contacter pour un projet.

    Une dernière chose : si jamais vous aviez des problèmes d’affichage du site, mettez à jour votre navigateur. Le site utilisant HTML5 et CSS3, ce serait dommage de ne pas en profiter !

  • Remise à zéro du thème

    J’ai remis le thème par défaut suite à la mise à jour de WordPress. Il y a un grand nombre de nouveautés et l’ancien thème ne les prenait pas en compte de manière subtile. Je n’ai pas encore décidé si je voulais changer de thème, celui-là semblant fonctionner convenablement (et heureusement). Je vais peut-être apporter quelques modifications sur la couleur ou la taille des polices néanmoins.

  • T&A — Un site superbe pour vous donner une autre approche du CSS

    *UPDATE* 08 août 2011
    Edition : précision dans le dernier paragraphe que les enfants pouvaient être flottants ou pas.

    Je voulais vous présenter ce blog que j’ai découvert récemment : http://matthewjamestaylor.com/ . Il y a de nombreuses petites astuces pour régler vos problèmes de colonnes à hauteur visuelle égale ou de positionnement du footer en bas de la fenêtre, entre autres.

    Les ajouts dans le HTML sont relativement négligeables, surtout si c’est pour avoir une compatibilité ascendante, parfois jusqu’à IE5.5, et sans Javascript !

    Par exemple, je me suis inspiré de cet article pour créer mes colonnes à hauteur visuelle égale des pages d’articles du prochain site de Fuu-Doh! : http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths.

    Concernant ce blog, j’ai presque la même approche du design de site en largeur pleine. Cela me fait plaisir de savoir que des gens essaient de lutter contre la tentation de la facilité avec les largeurs fixes. 🙂

    Pour finir, voici l’enseignement principal que j’en ai tiré : un élément flottant prendra toujours la hauteur de ses enfants, qu’il soit flottant ou pas…

    ps : Non, mon blog n’est pas un bon exemple de ce que j’aime vraiment 😛

  • Fuu-Doh! compatible IE6… ?

    Circonspect

    Bon, ok, je reviens sur une ancienne parole que je me suis fixé. Je vais faire un petit effort pour essayer de faire quelque chose de pas trop cassé sur Internet Explorer 6 concernant le nouveau site de Fuu-Doh!.

    Ce vieux navigateur ne représente désormais qu’une part relativement infime du marché des navigateurs, surtout dans les pays dont la population est ciblée par le site, en l’occurrence, la France et les pays francophones occidentaux.

    Nostalgique

    J’ai fait de nombreux choix techniques au départ comme l’utilisation du XHTML 1.0 Strict (en type text/html) et l’encodage ISO-8859-15. Il s’est avéré que ce n’était pas, selon moi, le meilleur choix si j’envisageais de maintenir aisément le site dans les années qui viennent. Je suis assez rapidement passé à l’Unicode UTF-8 pour l’encodage, bien plus international que l’ISO-8859-15, et j’ai finalement abandonné le XHTML 1.0 Strict au profit du HTML 5.

    Pragmatique

    Le HTML 5, même s’il est encore en draft (brouillon), permet, contrairement au XHTML, l’utilisation de ces bons vieux <iframe>, très utiles pour l’intégration dynamique des vidéos par exemple, laissant le choix à Blip ou Youtube de sélectionner le lecteur qui correspond à la plateforme sur laquelle le site est ouvert (j’utilisais des <object> ou des <video> selon la valeur de $_SERVER[‘HTTP_USER_AGENT’] pour intégrer mes vidéos avant, en XHTML).

    J’ai même récemment remis à plat le design complet du site, visuellement plus simple et plus pratique que le précédent, passant d’un site à largeur statique (980 px de largeur) à une page qui prend toute la largeur de la fenêtre, pour le plus grand plaisir des possesseurs d’écrans larges.

    Prudent

    Et donc, tous ces revirements m’ont fait réfléchir à nouveau sur mon choix du non-support de IE6. Au final, je pense que même si je ne vais pas officiellement faire le support de ce navigateur, je vais essayer de faire quelque chose de correct avec, autant que possible, dans le respect des normes et des syntaxes.

    Par contre, n’espérez pas que je vais faire le support d’IE5.5 ni d’autres navigateurs anciens ou très peu utilisés. J’ai déjà assez de travail pour contourner les bugs d’IE6. 🙂

    Formel

    Voici une liste non exhaustive de navigateurs que je décrète officiellement supportés par le prochain site de Fuu-Doh! :

    • Sur PC / Windows
      • Internet Explorer 9
      • Firefox 4
      • Opera 11
      • Apple Safari 5.0.3
      • Google Chrome 12
    • PC / Linux (Ubuntu)
      • Firefox 4
    • Safari sur iPhone et iPad

    La liste peut vous paraître courte mais je n’ai pas d’autres navigateurs ou plateformes actuellement sous la main pour pouvoir tester rapidement (à part IE6 auquel j’accède par le XP Mode de Microsoft Windows 7 Professional). J’envisagerai le support d’autres navigateurs au cas par cas, dès la fin de la production du site.

  • Mais pourquoi des liens en Javascript ?

    Voici un constat rapide concernant la gestion des liens du site de Pôle Emploi :

    • Impossible d’ouvrir plusieurs onglets : le site se structure grâce à des <frame>. Donc on se retrouve avec de nouveaux onglets qui ne contiennent que le cadre actif. Et dès que l’on essaye d’interagir dans cet onglet, l’activité se reporte sur l’onglet qui héberge la page complète ;
    • Gestion des liens des documents en Javascript : impossibilité d’ouvrir des pages avec uniquement le fichier PDF recherché dans un autre onglet. Le PDF se trouve dans un cadre. Je trouve étrange le fait de faire appel à un Javascript pour ouvrir une page. Certes, cela fonctionne, mais cela nuit à la navigabilité (qui est de toute façon gênée à cause de la structure en cadres du site).

    Bref. Un modèle de conception de site assez étrange selon moi.

  • Verdict sur les extensions lightbox testées : OK

    Il y a quelques jours, j’annonçais le test des modules d’extension pour avoir l’effet Lightbox sur mon blog.

    Le seul problème concerne l’ouverture des images par l’iPhone (pas testé sur d’autres appareils portables). Au lieu d’apparaître au milieu de l’écran, l’image se retrouve tout en haut de la page, aux bonnes dimensions certes. Pour s’accommoder de ce problème, il suffit d’ouvrir le lien dans une autre page pour l’avoir en plein écran, donc sans le lightbox.

  • Test d’une extension lightbox pour WordPress

    Entre deux sessions de composition d’une musique pour Fuu-Doh! (Vereen est d’ailleurs super exigeant, je le hais XD), j’ai installé hier une extension de WordPress permettant d’afficher les images dans un lightbox. Il y avait déjà cette fonctionnalité autrefois sur mon blog, mais je l’ai retiré à cause de la vétusté du script, n’ayant pas réussi à retrouver sur le site des extensions de WordPress.org une version à jour.

    Pour l’instant, les extensions que j’utilise pour réintroduire cet effet visuel ont l’air de fonctionner parfaitement. Pour ceux que ça intéresse, l’effet combine deux extensions :

    1. Shadowbox.js, qui contient le javascript principal ;
    2. Add LightBox & Title, qui permet d’ajouter automatiquement à la lecture un paramètre dans le contenu des articles pour activer l’effet.

    Ces extensions ont été installées sans problème sur WordPress 3.1. Mais comme d’habitude, prenez toujours vos précautions en pensant à sauvegarder vos bases de données et sites pour éviter les crashs (cela m’est déjà arrivé pendant une mise à jour d’une extension, résultant en un blocage non résoluble).

  • Changement d’adresse

    Je viens de changer l’adresse de mon blog en rajoutant le sous domaine « blog. ». Rien ne devrait changer pour vous si vous y accédez par vos Favoris / Marque-pages, puisque la redirection se fait automatiquement.

  • Migration du site web

    Bonjour à tous,

    Le week-end dernier, le site web a eu droit à une migration sur un nouvel hébergeur, ayant décidé de franchir le pas du serveur payant.

    En gros, il s’agit de ma réponse face au problème posé dans un article vieux de plus d’un an (ou plus ?).

    En espérant que cela vous conviendra.