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.
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, les navigateurs prennent en charge le…
« 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 en téléchargement à vos visiteurs. Créer…
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. Quand on construit un menu sur…
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 tout ! Il y a deux…
Comment réaliser un effet « letterpress » sur vos titres ? HTML CSS Résulat final Le Blog du Trading
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 soucier que cela puisse venir d’un…
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 la page 404 Tout d’abord, il…
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 changer la couleur d’un formulaire en…
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 contrôle sur les formulaires (ex: « email…
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 vous évite de perdre des visiteurs.…
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 utiliser l’ascenseur. Comment créer cet effet…
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 titre de votre site, passer les…
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 de jeu très favorable à leur…
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 comment contourner le problème « Internet Explorer ».…
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 un gros changement, en toute discrétion.…
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 préférable de connaître la façon « académique »…
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, que ce soit dans le design…
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 pas avec tous les CMS ni…
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 comportement, en trois étapes. Vous avez…
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 liens externes avec l’icône standard [/list]…
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 une utilisation basique. Découvrez le principe…
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 horizontalement ? C’est ci-dessous qu’il faut…
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é
L’ombre d’un block L’ombre d’un texte Les Fleurs du Mal