Articles de la catégorie "Tutoriels"

C’est une chose qui peut paraître très simple à faire, mais sur laquelle beaucoup de personnes se sont cassés les dents.
Aujourd’hui encore je trouve des solutions en JavaScript qui permettent d’attribuer une marge à gauche de l’élément ul pour centrer les li qu’il contient.

J’ai recherché des possibilités en PHP pour retravailler les liens fournis par WordPress il n’y a pas longtemps ; ce qui m’a amené à cette idée d’article.
Beaucoup de possibilités de styles sont disponibles grâce à CSS, mais il est parfois nécessaire de transformer le comportement d’un lien avec JavaScript.

Après une demande reçue par e-mail, je me suis dit que la fonctionnalité serait peut-être utile à d’autres que moi.
Lors de la rédaction de ce tutoriel : jQuery – Effet Smooth Scroll (défilement fluide), la complexité du contenu m’a fait retirer une extension intéressante à la dernière fonction/plugin proposée.

Le sélecteur d’adjacence indirecte est peu connu en CSS.
Arrivé avec la nouvelle mouture CSS3, ce sélecteur vous permet de sélectionner d’un seul coup tous les frères d’un élément ciblé répondant à un sélecteur précis.
Voyons voir avec quelques exemples comment l’utiliser et quels sont ses effets.

Peut-être avez-vous entendu parler du salon e-commerce qui s’est déroulé les 11, 12 et 13 Septembre derniers.
Je n’y étais pas personnellement, mais des retours que j’en ai eu, ce salon fut fort en diversité et en stratégie. L’e-commerce, ça marche, mais pour cela il nous faut des outils !

L’effet de scroll fluide est déjà intégré, en fonction de vos paramètres utilisateur, sur certains navigateurs. Il se manifeste par un défilement fluide de la page web lorsque vous descendez ou montez grâce à la molette de votre souris, ou les touches de votre clavier. Il est possible de générer cet effet au clic sur une ancre grâce à JavaScript.

Il est quasiment obligatoire que vous ayez déjà rencontré cette erreur et peut-être tombez-vous sur cet article après une recherche d’explication sur le net car vous venez de la rencontrer.
Cette erreur est assez courante lorsque l’on débute, mais elle arrive aussi lorsqu’on a de mauvaises

Un mois sans article ! Heureusement que les vacances me donnent une bonne excuse 🙂
Ce court article pour relayer un tutoriel diffusé sur Alsacréations qui vous permettra de créer un volet coulissant grâce à la pseudo-classe :target et à la propriété transition en CSS3.

Lors d’un développement sous WordPress, il peut s’avérer fort utile d’utiliser le système de miniature du CMS.
Mais, ne vous est-il jamais arrivé de tomber à court de dimensions de miniature ? Ces miniatures souvent bien pratiques pour s’offrir différents affichages des « Images à la une », ou encore

Bien que les nuages de tags soient en cours de disparition (d’après ce que j’entends, lis et constate), il arrive que pour certains projets le tagcloud revête une importance particulière.
Il y a même possibilité d’en faire un élément graphique intéressant sur une page d’un site web.

Depuis l’arrivée des animations en CSS sur les différents navigateurs du marché, de nouvelles possibilités sont offertes aux webdesigners.
En comptant certaines propriétés de mise en style déjà reconnues par la plupart d’entre eux depuis des mois, il est facile d’imaginer

Ces derniers temps il m’arrive souvent d’avoir besoin de travailler des chaînes de caractères pour des mises en pages précises, pour ne pas dire complexes.
Lors d’un projet j’ai eu à faire ressortir le début d’un extrait de page que je devais insérer dans un bloc, tout en conservant une deuxième partie de cet extrait placé à la suite.

Hier est sorti, sur le site web d’Alsacréations, un nouveau tutoriel de mon cru.
Celui-ci aborde de manière succincte une méthode d’optimisation d’une page de résultats de recherche sous le CMS WordPress.
Loin d’être exhaustif, je vous invite à le lire si ce CMS ou ce thème vous intéresse.

Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display ?
Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas.

CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1.
Les visuels que vous voyez sur la page de démonstration ne sont

J’avais complètement oublié de vous en parler, et pourtant c’était prévu depuis l’article sur l’optimisation du chargement de vos pages grâce à la compression Gzip.
Toujours liée à l’optimisation de votre site Web, et à l’utilisation d’un

Je vous souhaite une excellente année 2011, et vous remercie pour votre fidèle lecture des articles de ce blog.
Je profite de cet article pour vous présenter mes voeux car je n’ai pas l’intention d’en faire un spécialement pour ça, j’imagine que votre boîte mail en a déjà suffisamment souffert. (j’aime bien le chapeau hors sujet de l’article)

C’est un petit peu en retard que je vous présente un nouveau tutoriel. Celui-ci est graphique cette fois, ou plutôt photographique contenu du thème abordé.
Publié sur le magazine Création Photo n°5, ce tutoriel vous apportera quelques astuces de manipulation d’une photo.