[niveau: intermédiaire] Si vous souhaitez créer un effet highlight sur un élément (en passant le background en jaune par exemple), voici comment il faut s’y prendre : jQuery.prototype.highlight = function() { jQuery(this).css(« background-color », »yellow »).fadeTo(‘slow’, 0.1, function() { jQuery(this).fadeTo(‘slow’, 1.0, function() { jQuery(this).css(« background-color », »white »); }); }); }; jQuery(‘#mon-element’).highlight(); A tester ici : Hello, I’m an example Highlight Total 31337 […]
Catégorie : Web Design
Les widgets de la sidebar WordPress ne se sauvegardent pas [WordPress]
[niveau: intermédiaire] Vous utilisez WordPress et avez choisi un des nombreux thèmes gratuits qu’on trouve sur le Net. Et puis vous souhaitez utiliser la barre latérale (« sidebar ») pour afficher dynamiquement des widgets comme WordPress le permet ? Cependant vous remarquez que même en cliquant sur « Save », les widgets ajoutés ne se sauvegardent jamais… Tout d’abord […]
Equivalent de ModalBox de okonet.ru en jQuery [javascript]
J’ai longuement cherché un équivalent en jQuery de ModalBox qui est, lui, basé sur PrototypeJS. Je voulais avoir cet effet MacOS X qu’il donne à ses fenêtres popup. Après d’infructueuses recherches je suis finalement tombé sur SimpleModal qui propose exactement le même effet de popup basé sur un style MacOS X, et le tout pour […]
Emuler Internet Explorer de Windows Mobile [Web Design]
[niveau: intermédiaire] Pour tester la version mobile d’Internet Explorer il vous faut installer tout un attirail : – Virtual PC 2007; – Gestionnaire pour appareils Windows Mobile 6.1; – 040C/Windows Mobile 6 Professional Images (FRA).msi (attention de bien prendre la version PROFESSIONAL). Une fois tout cela installé, il faut procéder à plusieurs étapes : Dans […]
Convertir des ’em’ en ‘px’ (WebDesign)
[niveau intermédiaire] Lorsqu’on crée des CSS, il arrive qu’on s’y perde un peu entre les px bien pratiques, et les em tout aussi pratiques mais bien moins parlant…. Le site http://pxtoem.com/ propose de convertir des pixels en em.
Tester son site sous plusieurs résolutions [Web Design]
[niveau: débutant] Via Presse-Citron j’ai découvert le site View Like Us qui propose de voir à quoi ressemble un site web selon la résolution de l’écran, allant de l’iPhone à au 1920×1200, en passant par la Wii. Rapide, gratuit et efficace.
Installer Linux dans Windows et tester ainsi les navigateurs Linux [Web Design]
[niveau: intermédiaire] Linux est un système d’exploitation qui était réservé au geek, mais depuis plusieurs années les distributeurs font en sorte que cet OS soit plus facile à installer et à utiliser. Linux apparaît d’ailleurs de plus en plus comme une alternative à Windows. Il y a donc plusieurs raisons qui pourraient vous pousser à […]
Quelles polices de caractères utilisées sur le web ? [Web Design]
[niveau: intermédiaire] Si vous n’êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web. Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques? C’est ainsi qu’est introduit le billet d’Alsacreation qui vous explique parfaitement les polices disponibles pour la plupart des navigateurs. […]
Tester votre site dans Opera Mini [Web Design]
[niveau: expert] Je vous ai déjà expliqué comment tester votre site sur IE6, IE7 et IE8, et maintenant je vous propose un émulateur pour voir le rendu de votre site sur Opera Mini. Pour cela il suffit d’aller sur http://www.opera.com/mini/demo/ qui offre une applet Java pour tester la version mobile du navigateur. A noter que […]
Adapter la taille des polices de caractères selon les navigateurs [Web Design]
[niveau: expert] OpenWeb propose un excellent article nommé « Compatibilité multi-navigateurs des polices de caractères » où ils y expliquent les unités et les valeurs à utiliser pour dimensionner la taille des caractères de façon homogène sur le plus grand nombre possible de navigateurs Web. Pour résumer, il est conseillé de ne pas utiliser une […]