On est tous confronté un jour ou l’autre à devoir modifier, même légèrement, le design de notre site.
Cette série de tutoriels est faite pour vous apprendre à réaliser quelques actions simples sur votre site qui nécessitent d’intervenir sur le code source (HTML, CSS ou Javascript)
Ce ne sont en aucun cas des formations au développement web. Ces tutos sont faits de manière très pragmatiques, pour résoudre une difficulté bien précise.
J’espère que cela pourra vous aider. Mais si vous ne trouvez pas de réponse à votre problème, laissez-moi un commentaire à la fin de l’article et je tâcherai d’y répondre dans un prochain tutoriel.
0
par Youcef · Published 20 janvier 2020
· Last modified 30 mars 2020
Avant la prise en charge du CSS3 par les navigateurs, la création de blocs aux coins arrondis nécessitait l’utilisation créative d’images de fond, de bordures et de positionnement. Heureusement, cette époque est révolue. Aujourd’hui,...
0
par Youcef · Published 25 mars 2014
· Last modified 30 mars 2020
« La balise a » va nous permettre de créer des liens entre nos pages, sur un mot ou une image, ou au sein d’une même page. Elle peut même vous permettre de proposer un document...
0
par Youcef · Published 4 mars 2014
· Last modified 27 mars 2020
En CSS, on est souvent amener à styler une liste à puce HTML pour en faire un menu horizontal ou vertical. Voici une astuce, grâce à la propriété css last-child pour faciliter votre design....
0
par Youcef · Published 14 janvier 2014
· Last modified 27 mars 2020
Mail où est passé le design des newsletters ? Vous avez sûrement remarqué que de nombreux mails reçus _notamment lors d’inscription sur un blog_ n’ont quasi pas de mise en page, voire pas du...
0
par Youcef · Published 21 juin 2013
· Last modified 27 mars 2020
Ces petits mots incompréhensibles pour vous, sont importants pour les ordinateurs qui composent le Web, et la bonne lecture de vos pages. On les appelle des paramètres et vous n’avez vraiment pas à vous...
0
par Youcef · Published 14 mars 2013
· Last modified 31 mars 2020
Lors d’un de mes premiers articles, je vous expliquais quels contenus mettre sur votre page 404 afin de retenir vos visiteurs. Comment faire cela en pratique: ce que nous allons voir aujourd’hui. 1. Créer...
0
par Youcef · Published 13 novembre 2012
· Last modified 27 mars 2020
Dans cet article, nous parlerons des pseudo-classes en CSS. Vous allez voir, c’est quelque chose de très sympa. Cela vous permettra de mettre un peu de dynamisme sur votre site. Par exemple, vous pouvez...
0
par Youcef · Published 19 octobre 2012
· Last modified 27 mars 2020
A quoi sert JavaScript sur un site web ? JavaScript est un langage fortement utilisé sur les sites web. Les diaporamas que l’on voit souvent en page d’accueil ? C’est lui. Les messages de...
0
par Youcef · Published 16 octobre 2012
· Last modified 30 mars 2020
Mais pourquoi utiliser les sprites CSS? Combiner toutes les images qui participent à la charte graphique de votre site Web en une seule image utilisée en fond accélère le chargement de la page et...
5
par Youcef · Published 28 septembre 2012
· Last modified 21 mai 2021
Exemple : je voudrais afficher un bouton qui enverrait son visiteur un peu plus bas dans la page. Un bouton qui fasse donc défiler la page automatiquement vers le bas, c’est à dire sans...
0
par Youcef · Published 23 juillet 2012
· Last modified 27 mars 2020
On est tous confronté un jour ou l’autre à devoir modifier _même légèrement_ le design de notre site. Vous savez, mettre les mains dans le CSS _ce code obscur et compliqué_ pour agrandir le...
0
par Youcef · Published 26 juin 2012
· Last modified 30 mars 2020
jQuery sert à coder plus facilement et plus efficacement en JavaScript. Leur devise le dit d’ailleurs mieux que moi : « Do more, write less » (« Faîtes plus, écrivez moins ») Les experts y trouveront un terrain...
0
par Youcef · Published 21 mai 2012
· Last modified 27 mars 2020
Comment utiliser une police originale sur votre site web ? La méthode que nous allons voir repose sur le css. Elle n’alourdira pas votre code comme le fait la librairie javascript « Cufon ». Apprenez aussi...
0
par Youcef · Published 18 mai 2012
· Last modified 12 juin 2017
Vous ne connaissez peut-être pas la redirection php, pourtant elle peut vous rendre un sacré service ! En effet, chaque webmaster est amené à fermer son site aux internautes, pour effectuer une maintenance ou...
0
par Youcef · Published 16 avril 2012
· Last modified 27 mars 2020
L’idéal pour personnaliser une liste HTML serait de pouvoir utiliser sa propre image à la place de la puce. C’est un besoin très répandu qui amène de mauvaises pratiques chez certains webmasters. Pourtant, il...
0
par Youcef · Published 9 avril 2012
· Last modified 27 mars 2020
MC: liste html Les listes HTML, aussi appelées listes à puces, sont très couramment employées sur le web. Sémantiquement, elles indiquent une collection d’élément, ce qui se retrouve dans de nombreux cas de figures,...
0
par Youcef · Published 2 avril 2012
· Last modified 12 juin 2017
Vous avez déjà entendu parler de jQuery. Cette librairie JavaScript vous permet d’animer vos pages en quelques lignes de codes (et même si vous n’y connaissez rien du tout). Seulement voilà, elle ne vient...
0
par Youcef · Published 12 mars 2012
· Last modified 27 mars 2020
Dans le premier épisode de cette série, vous avez compris l’inconvénient à obliger vos utilisateurs à ouvrir un lien dans un nouvel onglet. Dans le second, vous avez découvert une façon correcte d’implémenter ce...
0
par Youcef · Published 9 mars 2012
· Last modified 27 mars 2020
Résumons les trois étapes: [list style= »1″] 1ère étape: les liens doivent s’ouvrir de façon classique (en HTML) 2ème étape: les liens externes doivent s’ouvrir dans une nouvelle fenêtre (en JavaScript) 3ème étape: décorer les...
0
par Youcef · Published 7 mars 2012
· Last modified 12 juin 2017
Le CSS est le langage de code utilisé pour mettre en page vos documents HTML. Pour apprendre le CSS, vous devez d’abord savoir le lire. Il est relativement simple à comprendre, du moins pour...
0
par Youcef · Published 13 février 2012
· Last modified 12 juin 2017
Centrer verticalement un bloc Vous souhaitez centrer verticalement un bloc en CSS ? Je vous propose de voir cela ensemble ci-dessous. CSS HTML Résultat Centrer horizontalement un bloc Vous préférez plutôt centrer votre bloc...
0
par Youcef · Published 30 janvier 2012
· Last modified 12 juin 2017
Centrer verticalement un texte CSS HTML Résultat Un texte centré verticalement Centrer horizontalement un texte CSS HTML Résultat Un texte centré horizontalement Centrer horizontalement et verticalement un texte CSS HTML Résultat Un texte centré...
0
par Youcef · Published 20 janvier 2012
· Last modified 12 juin 2017