Lunaweb, une réflexion sur la création web et le marketing Internet

Archive pour le mot-clef ‘hack’

Décliner un site pour iPhone

Par le
No Gravatar

Avant propos

Agence interactive LunaWeb à Rennes

Version iPhone du site Internet de LunaWeb

Découvrez sans plus attendre les différentes pages de la version mobile du site LunaWeb en vous rendant sur notre page référence !

Le site LunaWeb en version Mobile »

* * * Bonne lecture ! * * *

Un téléphone qui tombe à point nommé !

Le smartphone d’Apple est à la mode depuis bientôt deux ans, ça tombe bien il a permis de révolutionner la consommation d’Internet, et de faire entrer de plein pied l’accès Internet nomade dans le monde personnel comme professionnel.

site lunaweb sur iphone en mode horizontal

Le développement d’applications iPhone suit des guidelines mises à disposition par Apple, d’un point de vue technique mais également ergonomique et fonctionnel. Dans le grand nombre d’applications disponibles sur l’AppStore, de nombreuses applications mettent par exemple en place une navigation qui se base sur le composant adéquat mis à disposition dans le SDK. Pour l’utilisateur, c’est l’assurance d’une appréhension plus simple et plus intuitive de l’interface.
[Source : Ergonomic Garden - iPhone & Android ou la prise en compte des guidelines - http://is.gd/1Ktf6]

Lire le reste de cet article »

24 façons d’impressionner vos copains

Par le
No Gravatar

24 ways to impress your friendsL’expérience 24 ways continue avec 24 nouveaux hacks et astuces CSS/javascript qui épateront vos copains.
Parmi les articles que détient la 3ème mouture de l’expérience 24 ways, je retiens notamment :

Détecter Internet Explorer 7

Par le
No Gravatar

Internet Explorer 7Le nouveau navigateur de Microsoft commençant à être bien répandu, il devient nécessaire de pouvoir lui servir un contenu propre afin de respecter des mises en pages normalement standard, mais que le nouveau navigateur siglé Redmond n’applique pas totalement. Se trouvant donc à la croisée des chemins entre le détesté IE 6 et un « vrai » navigateur standard, Internet Explorer 7 peut être détecté par la commande suivante dans le head d’une page :
Détecter Internet Explorer 7
Vous voilà paré pour envoyer une petite feuille CSS supplémentaire au vilain bougre…

Détection d’Internet Explorer 7 en Javascript

Par le
No Gravatar

Internet Explorer 7Pour ceux qui ont eu la « joie » de découvrir de nouvelles différences d’affichage entre IE6 et IE7 (sans parler des différences avec les « gentils » Firefox et autres Safari), voici une astuce permettant d’ajouter un critère conditionnel permettant de détecter IE7 par la fonction checkbrowser().
Lire le reste de cet article »

Thème K2 pour WordPress en Français

Par le
No Gravatar

K2 est bien plus qu’un simple thème graphique pour WordPress, il apporte de nombreuses fonctionnalités permettant d’aller plus loin avec la plateforme de publication :

  • insertion facile de modules tels que l’excellent Ultimate Tag Warrior (permettant l’insertion de tags dans chaque note et de faire un Tag Cloud sur son blog),
  • personnalisation de l’interface graphique et du placement des différentes composantes,
  • module de commentaires dynamiques (en AJAX)
  • module de recherche dynamique (en AJAX)
  • module Rolling Archives permettant de naviguer parmi les articles sans recharger la page (en AJAX)

Bref, une extension extrèmement intéressante pour qui veut doper son WordPress à la sauce Web 2.0. Seul hic : l’interface est toute en anglais (front et back) et lorsque l’on a passé du temps à traduire son thème on ne veut pas avoir à tout refaire de zéro. Comme j’ai dû le faire pour un client, je vous donne ici la possibilité de gagner deux bonnes heures en vous mettant à disposition la version francisée de K2.

[Mise à jour du 10/01/2010] : Romain Bohdanowicz nous informe qu’il a mis à jour le thème pour la dernière version de WordPress (le 2.9) !
» Télécharger le thème WordPress K2 en français.Merci à lui !

CSS et l’impression de pages Web

Par le
No Gravatar

checklistLa prise en charge de l’impression est bien souvent la dernière roue du carrosse pour un projet Web. Son importance étant pourtant cruciale, voire essentielle pour certains sites (e-commerce par exemple avec l’impression de bon de commandes ou de factures), voici deux articles délimitant clairement et efficacement les solutions efficaces et accessibles pour mettre en place un dispositif optimisé d’impression de ses pages xHTML/CSS :

  • CSS Design: Going to Print : les bases pour créer une feuille de style spéciale impression,
  • Print to Preview : mettre en place un preview de page pour impression à l’aide d’un script PHP et du CSS,
  • Printing a Book with CSS: Boom! : la prise en charge de l’impression de documents HTML très longs ou volumineux grâce à CSS (voir notamment la gestion de pieds de page, énorme!)
  • Improving Link Display for Print : Article focalisant principalement sur l’impression des liens depuis une page Web (montrer l’URL contenue, comment l’afficher, etc.).

Ouvrir une nouvelle fenêtre sans utiliser l’attribut Target

Par le
No Gravatar

dreamstime_1151080En matière d’accessibilité et de conformance aux standards du Web, il apparaît que l’usage de la norme xHTML strict nous prive d’un certain nombre de balises « classiques » de l’HTML 4 telles que le B (gras), le I (italique) ou encore le U (underline). S’il est facile de s’en passer en adoptant une classe du choix de style à utiliser (ex : une class « gras » dans un span puis span.gras définie dans une feuille CSS), il n’en va pas de même pour l’attribut TARGET permettant de piloter la cible d’ouverture d’un lien : dans la même fenêtre (target=_self), dans une nouvelle (target=_blank), dans une fenêtre parente (target=_parent), etc.
Lire le reste de cet article »

↑ Haut de page