Dernièrement, j’ai du déterminer le gagnant du concours lancé sur Geek Mexicain pour gagner Hitman Absolution. J’ai donc créé un code en Jquery qui permet de tirer un nombre aléatoire entre deux bornes. C’est un script assez simple mais il peut être modifié pour différentes applications. Tout d’abord, il vous faudra la version de Jquery de votre choix, prenez la plus récente si vous le souhaitez et importez là dans votre page html.

Dans ce tutoriel je vais vous montrer comment faire un bouton incrémental avec quelques lignes de codes. Il vous faudra jQuery et quelques secondes pour accomplir ce tuto. Voici le code à utiliser : Vous pouvez aussi modifier l’incrémentation en changeant le ‘+1’ par la valeur de votre choix. Et partir du nombre que vous souhaitez en changeant le 3 par votre nombre de départ.

J’étais parti pour vous apprendre à faire un bouton qui disparaissait au survol de la souris, puis, je me suis dit que c’était vraiment inutile. C’est pourquoi je vous propose donc de faire un bouton qui va se modifier quand on passera la souris dessus. Ce tutoriel me permet de vous apprendre la fonction “:hover”

Dans ce dossier je vais vous présenter tout un tas de fonctions CSS3 super pratiques que vous pourrez utiliser dans vos créations. Vous pouvez aussi regarder mes précédents tutos pour adapter votre site aux mobiles , et pour faire pivoter des objets . Lançons nous dans le grand bain du web design avec ces 5 fonctions :

Dans ce petit tutoriel je vais vous apprendre une manière simple de faire pivoter des objets en css. Alors comment ça se passe ? Tout tiens dans une ligne adaptée pour tous les navigateur ! .mon-objet{ transform: rotate(2deg);-webkit-transform: rotate(2deg);-moz-transform: rotate(2deg);} L’affaire est dans le sac, le style “transform” dispose de nombreuses fonctionnalités dont la rotation.

Dans ce petit tutoriel je vais vous apprendre une manière simple d’adapter votre site web aux mobiles, en le rendant responsive. Alors comment ça se passe ? Et bien, il vous suffit de modifier votre css pour chaque résolution. Je vais vous présenter ici la solution la plus simple. Dans votre feuille de style vous allez définir une largeur d’écran pour laquelle le css de votre objet va changer, voici un example avec le contaioner de votre site.