Accueil du site > tools
Cette rubrique regroupe des "trucs" et autres "techniques" que j’ai souvent trouvés sur le net, que j’utilise régulièrement et que je tiens à avoir sous la main à tout moment. Elle n’a pas d’autre prétention que d’être une sorte de boîte à outils qui me rend bien des services.
Si elle vous en rend aussi et vous permet de sortir d’une impasse alors j’en serais heureux mais en aucun cas ce site ne se veut être un site d’enseignement des techniques du web.
Articles de cette rubrique
-
Webkit (et donc, Safari, Chrome etc.) créé un halo autour des formulaire et des liens en "focus". Ceci est une bonne idée et permet d’améliorer l’ergonomie sur des formulaires simples, mais si votre design CSS est poussé et que vous voulez (...) -
Ceci est une astuce trouvée sur usabilitypost.com qui permet de construire une boite aux coins arrondis, en CSS, étirable en hauteur avec une seule image de fond. Sur son post, Dmitry s’étais lancé le challenge de trouver une technique pour faire une (...) -
Le contexte : Je veux charger une image avec un loading et pourquoi pas une animation de type "fade in". Ce post reprend et approfondit la technique montrée ici. Pour cela on va utiliser jQuery qui est en standard avec SPIP depuis la version 1.9 (...) -
Comme chacun sait IE6 ne gère pas les transparences dans sa gestion des images en png 24 et les remplace par un fade gris grisâtre. Cela est bien dommage car l’utilisation du png 24, et sa gestion fine des transparences est un bonheur pour les (...) -
Une conférence du Paris-Web 2007 : Une retransmission d’une très bonne conférence qui a eu lieux au Paris-Web 07 sur un sujet qui me tient à coeur, le Web mobile. Il s’agit d’une conférence de Dominique Hazaël-Massieux, du W3C, qui nous présente les (...) -
Voici deux solutions pour détecter si le visiteur est un iPhone ou un iPod Touch et proposer, le cas écheant, une redirection vers la version du site optimisée pour l’écran tactile du périphérique pommesque. Méthode 1 : Grâce à un javascript on va (...) -
Internet Explorer 6 ne comprend pas la "position : fixed" introduite avec CSS 2 mais on peut le forcer à fixer une div grâce à un petit hack CSS présenté ci-dessous. Pour forcer IE6 à fixer une div : On utilise la pseudo propriété expression() propre (...) -
Un moteur de recherche stylé à la OS X pour votre site sous SPIP
Le moteur de recherche d’OS X est partie intégrante de l’OS d’Apple, on peut ainsi le retrouver dans diverses applications de la plateforme. Ceci dit, il est possible, à l’aide quelques styles CSS et d’un peu de javascript, de styler le moteur de (...) -
L’intro des articles apparaît avec un slide quand on clique sur le titre
Voici un petit script jQuery permettant de faire apparaître avec un "slide" l’intro d’un article en cliquant sur le titre de celui-ci. le tout dans une liste générée par SPIP. Le code javascript Les éléments portant la class .slide_button seront des (...) -
J’ai rencontré un problème récemment, les sites syndiqués dans SPIP ne voulaient plus syndiquer quoi que ce soit et j’avais un message d’erreur dans le back-office : Attention : la syndication de ce site a rencontré un problème ; le système est donc (...) -
Transformer un document Word en article SPIP en conservant les styles et les notes de bas de page.
Si vous avez déjà écrit et mis en page un article dans le logiciel de traitement de texte "Word" de Microsoft, il peut être long et laborieux de transformer les "styles" que vous avez donnés à vos textes, tels que les titres, citations, caractères (...) -
Il est désormais possible, depuis la version 0.50.2b1 de Senuti d’avoir accès aux fichiers media de votre iPhone / iPod Touch et de les rapatrier sur le disque dur de votre Mac. MàJ : Senuti, après des années de betas gratuites vient de devenir (...) -
un plugin SPIP d’après le squelette "Mobile-SPIP", optimisé pour l’iPhone/iPod Touch
Le plugin iSPIP est un squelette alternatif adapté à l’iPhone et à l’Ipod Touch qui s’installe sur votre site SPIP avec la simplicité d’un plugin. Ce plugin, dévelopé sur SPIP-Zone, est une adaptation par Joseph LARMARANGE du squelette que j’ai développé (...) -
Un pas à pas présentant les fonctionnalités de base du back-office de SPIP 1.9.x
Veuillez trouver ci-dessous quelques tutoriaux vidéo (screencast) vous expliquant les bases de la gestion d’un site web sous SPIP. De nouvelles vidéos seront ajouter au fur et à mesure de leurs créations. Ajouter un nouvel article TUTORIEL SPIP - (...) -
[MAJ] Une adaptation du squelette en plugin SPIP par Joseph LARMARANGE est en développement sur SPIP-Zone. Baptisé iSPIP, le passage au plugin permet une installation simplifiée et ajoute des fonctions supplémentaires, comme la possibilité de faire (...) -
Remplacer par une solution XHTML "valide" et cross-browser l’attribut "absmiddle".
L’attribut "absmiddle", appliqué sur une image, la centre verticalement avec le centre "absolu" du texte (et non avec sa baseline), cette solution a deux inconvéniants, elle n’est pas XHTML "valide" et ne fonctionne que sur Internet Explorer. Sur (...) -
Lui régler son compte dans la plupart des cas.
Le Peekaboo Bug c’est quand, dans Internet Explorer 6, vous avez un texte ou un bloc qui ne s’affiche pas au chargement, puis réapparaît quand on scroll sur la page ou quand on en sélectionne le texte. Trouvé sur SixThings, ce petit bout de code m’a (...) -
Créer un compte à rebours en javascript afin d’annoncer un événement à venir. Voir l’exemple J’ai trouvé un javascript sur jejavascript.net qui récupérait la date du client et la comparait avec une date date donnée en dure. Je l’ai modifié en allant (...) -
sur du texte ou sur une image
On veut lancer automatiquement un "fade in" (ou tout autre effet visuel) sur un bloc choisit (une image ou du texte) au lancement de la page en utilisant la bibliothèque javascript jQuery. Un petit script bien pratique (trouvé sur le blog de (...) -
Créer une "Apple Touch Icon" personnalisée
La version 1.1.3 du firmware de l’iPhone apporte la possibilité à l’usager d’ajouter des raccourcis vers des site web sur le SpringBoard (le bureau). L’iPhone créé alors une icône en faisant un "screen shot" de la page courante. En tant de créateur de (...)
© Abel Poucet Webdesign - Motorisé par