Les 4 sélecteurs de combinaison !

Les sélecteurs de css3, partie 2 !

On a vu les 5 sélecteurs de bases en CSS qui permettent de cibler des éléments HTML pour leur appliquer tout un tas de règles. Avec ces sélecteurs, on peut déjà faire plein de trucs sympathiques sur une page web. Mais il en existe encore d’autres qui étends encore plus les possibilités de sélections, voyons un nouveau type de sélecteurs qu’on appelle des sélecteurs combinatoires ! C’est parti !

[ Lire la suite ]

C’est quoi Bootstrap ?

Logo de Bootstrap

Dans les langages web, on connait le HTML qui permet de faire des sites internet. Il va pratiquement tout le temps avec le CSS pour les thèmes graphiques, le PHP pour la génération de pages HTML en fonctions de diverses données, le SQL pour la manipulation des bases de données et le JavaScript pour l’exécution de code sur les navigateurs.

Il en existe bien d’autres des langages pour permettre la création d’un site internet, mais il ne faut pas oublier les divers outils qui tournent autour de ces langages et qui rendent la conception d’un projet web plus facile et rapide ! Ces outils on les appelle des frameworks.

Bootstrap, un framework CSS, fait partie de ces outils qui accélèrent grandement un projet web. Il étend les possibilités du langage CSS en ajoutant plein de fonctionnalités et de composants. Je dirais plutôt, on peut avoir le même résultat que du CSS en utilisant seulement Bootstrap. Même si c’est un framework CSS, il ajoute également un plus au HTML et au Javascript. Voyons qu’est-ce qu’apporte Bootstrap concrètement ! C’est parti !

[ Lire la suite ]

Le positionnement en CSS !

Des positions css3 sur un élément

Le positionnement des éléments sur un site web se fait grâce à la structure HTML par défaut. En fonction des éléments HTML et de la hiérarchie, ces éléments vont s’empiler les uns sur les autres.

Certains éléments se succèdent verticalement, ce sont les éléments de type inline, on retrouve le fameux div, mais aussi les balises h pour les titres et les balises p pour les paragraphes. Sans modification par le CSS, ces éléments prennent toute la largeur disponible. De plus, il y a un saut de ligne avant et après ce qui donne cet empilement vertical.

Nous avons aussi les éléments de type block, qui sont l’inverse des types inline, elles ne prennent pas de place et peuvent s’empiler horizontalement. Ces types de balises servent à encadrer ou à mettre en valeur du contenu.

Ce qui fait la puissance du CSS c’est qu’il nous la donne la possibilité de positionner nos éléments comme on veux et peu importe son type ou sa place dans le code HTML grâce à la propriété position, utilisée conjointement avec d’autres propriétés de position comme top, left, etc…

Nous allons voir les différentes valeurs que peut prendre la propriété position ! C’est parti !

[ Lire la suite ]

Hébergez vos sites web chez vous !

Des pc portables envoyant des données vers internet

Pour avoir un site web accessible à tout le monde sur internet, il est préférable de souscrire à une offre d’hébergement. Les hébergeurs professionnels offrent tout un tas de fonctionnalité comme la réservation d’un nom de domaine, une base de données, des systèmes de sauvegarde, etc., et tout ça pour un modeste cout.

Mais si vous voulez héberger vous même des applications web ou des sites internet directement sur votre ordinateur il existe des méthodes pour le faire. L’avantage principal d’être son propre « hébergeur » est que cela permet de faire des tests gratuitement. On va voir comment faire fonctionner des sites internet chez vous c’est parti !

[ Lire la suite ]

Comment remplacer ses images WordPress ?

Onglet media de Wordpress

WordPress permet d’uploader et de conserver des images pour pouvoir les utiliser par la suite dans vos articles ou votre thème graphique, le problème c’est que si vous voulez en changer une, et bien il va falloir dans un premier temps, supprimer l’image, puis d’upload la nouvelle avec exactement le même nom que l’ancienne si vous voulez qu’elle reste affichée sur vos articles. Et bien sûr, il faut vérifier si la modification à bien était prise en compte sur tous vos articles. Quelle prise de tête non ? Surtout si vous avez un très gros blog qui utilise des centaines d’images.

À chaque problème, un plug-in vient à la rescousse et celui-là est très efficace ! Voyons lequel il s’agit ! C’est parti !

[ Lire la suite ]