Webdesign : les tendances de la rentrée
Avec l'essor du web mobile - via les smartphones, boxes et tablet PC - de nouvelles normes de lisibilité, d'accessibilité et de mise en forme sont en train de voir le jour. Rien de codifié à proprement parlé, dans ce vaste "labo-foutoir" qu'est le web moderne, mais un certain nombre de tendances qui ne manqueront pas d'influencer la conception web dans les années à venir > décryptage.
Avec les CSS, votre logo prends du relief
Dans l'univers de la conception web, il est un phénomène qui ne cessera de m'étonner : la créativité de certains designers lorsqu'elle tire partie des fantastiques possibilités offertes par l'utilisation des feuilles de style (CSS).
Flash : 15 ans déjà !
C'est en 1995 que naissait FutureSplash Animator, une application graphique innovante et originale qui allait bientôt devenir Flash et connaître l'évolution que l'on sait. Ce constat me ramène à la fin du siècle dernier, une époque ou je pratiquais pas mal Flash... Tout cela ne nous rajeunis pas...
Un look pour mon blog ?
La meilleure manière d’avoir la totale maîtrise de la structure et du style de son blog est de l’héberger directement ; dans un tel cas, WordPress est (à mon avis) incontournable. Si la solution « plateforme » vous semble plus simple à mettre en oeuvre, Blogger offre sans conteste la meilleure alternative. On appréciera la structure et l’ergonomie de l’interface d’administration, et surtout la souplesse de gestion des styles. Bref, derrière, il y a...
Rollover déportés tout en CSS !
Tombé par hasard sur ce code en fouinant sur le génial site css-tricks. L’astuce est de gérer une double zone de roll-over grâce aux CSS. Cela permet de mettre en relation une image et sa légende de manière très évidente et absolument propre. Si vous préférez les images à droite et les légendes à gauche, pas de problème ; les images sont positionnées en absolute. Vous définirez quatre zones d’interactivité complètes, incluant...
Trois problèmes relatifs aux CSS et leurs solutions
Les feuilles de style sont une invention merveilleuse : en permettant de gérer de manière indépendante le contenu et la présentation de votre site, elles facilitent grandement la tâche du concepteur-designer. Malheureusement, leur maîtrise demande une solide expérience. Qui n’a pas un jour, malgré une CSS a priori nickel, été confronté à une série de décalages flippants lors d’un changement de plateforme ou de navigateur ? Au delà des contraintes graphiques, le...
Récupération d’un post effacé…
De nos jours, les purs bloggers travaillent directement en ligne : le temps ou l’on bossait sa version en local (merci EasyPhP et MAMP) avant de tout vérifier et d’uploader ses modifications est révolu. Dommage, car cela avait l’avantage de conserver une copie de chaque publication : copie distante en cas de crash de mon ordi, copie locale en cas de pépin chez l’hébergeur. Si vous êtes dans le premier cas, l’effacement...
Le meilleur de ma blogosphère 2008
OK, la saison des cadeaux est finie… Mais comme je suis un gars sympa, je vais vous faire profiter de quelques unes de mes meilleures sources d’info en ligne. Elles concernent bien évidemment la com, le web – social, technique (non, la CSS n’est pas un nouvel impôt…) ou graphique -, les réseaux et le multimédia. Si vous êtes concernés, suivez le guide…
Ajax fait briller le web !
Certainement l’un des designs les plus remarqués de l’année ! L’excellente équipe de érige la simplicité au rang d’œuvre d’art… La superposition des background, l’utilisation de scrollings en Ajax, le dépouillement de l’interface : efficacité maximum. Un peu plus de précision et de raffinement dans le travail sous Photoshop n’aurait pas nuit mais tout le reste est tellement cool… I love ‘em !
Un formulaire pour SPIP
Vous êtes allergique à PhP ? Bienvenue au club… A par coder en dur, il n’est pas prévu de pouvoir intégrer un simple formulaire dans un site SPIP ; on peut toujours bricoler une pages statique, bien que l’on s’éloigne de la philosophie originelle du CMS éditorial. En fait, les formulaires sont bel et bien implémentés : ils sont prévus à l’origine pour correspondre avec les auteurs et sont extrêmement complets et...
Instructif et ergonomique : dont click it !
Un site déjà largement commenté depuis son apparition en 2005 ! Ce travail de recherche proposait de débattre d’une question ergonomique majeure, a suscité de nombreuses réactions, conformément aux souhaits de ses concepteurs. A considérer sous un nouvel angle, au moment ou l’interface privilégiée avec notre chère machine tend à évoluer… Essayez la manip avec le pad d’un portable ou les doigts, sur l’écran de l’iPhone ou de la PSP : il...
Mon pote le widget ;-)
Et que voila un bel exemple de métaphore de l’environnement de travail ! Et sur un mode fun, en plus… Il faut aller faire un tour sur l’auto-présentation (trés) interactive du widget UPS : un tout mignon personnage se propose pour vous aider à mieux travailler avec le livreur américain. Bon, cet univers est un peu trop clean et un peu enfantin (trés « US », quoi !) mais le rendu 3D réaliste et...
La bible du SEO selon Google
La semaine dernière, le leader des moteurs de recherche publiait la dernière version de son « Official Starter Guide » à l’usage des webmestres. Si le document (en anglais) est très complet, le ton fait un peu « SEO for dummies« … Figurez-vous qu’il faut bien renseigner la balise <TITLE> et les tags <META>, qu’il est conseillé de faire un sitemap (grâce aux outils propriétaires) et de soigner la structure et la navigation de son site…...
Tendances web-design 2008
Mon top 5 de ce que vous avez pu (auriez du ?) voir à maintes reprise sur le web cet année : un petit bilan des tendances look & feel en vogue… #1 – Le logo (titre, entête) horizontal et son reflet : pas si nouveau que ça, cet effet se décline en version « graphique assez travaillé » (c’était mon souhait pour le site pixys) ou « vite fait avec le premier tuto qui passe et...
A quoi sert Flash ?
A faire ça !!! Une pure tuerie d’idée marketing, magistralement écrite et réalisée… Tout y est, à commencer par l’effet de surprise, l’humour omniprésent, la réalisation impeccable et l’ambiance sonore débridée sur la fin… Un petit must « audiovisuel » qui démontre une fois de plus que le web sait être aussi dynamique et pertinent que les autres médias image. Ce site marchand (!) à été repéré sur son blog par Nicolet (le presque-belge)....
