background preloader

Tutoriels

Facebook Twitter

Nivo Slider, un slideshow jQuery avec de belles transitions. Nombreux sont les plugins jQuery qui font office de slideshow.

Nivo Slider, un slideshow jQuery avec de belles transitions

En voici un qui sort du lot de par ses superbes transitions ! Nivo Slider gère plus d’une quinzaine de transitions, aussi réussies les unes que les autres. Des transitions impressionnantes ! Commencez par importer la feuille de style, le plugin Nivo Slider (deux fichiers : le script jQuery et la feuille de style) et la bibliothèque jQuery dans l’entête de votre document HTML. Puis mettez vos images dans une div avec un id « slider ». Côté CSS, la feuille de style est minimaliste. Et pour finir, la fonction nivoSlider() qui doit être appelée avec la séléction de la div « slider ». A vous maintenant de mettre en forme votre slider comme vous le souhaitez en modifiant la feuille de style. Options, thèmes, miniatures… Plus d’une vingtaine d’options existe ! [EDIT] : Nivo Slider a beaucoup évolué depuis cet article, le code ci-dessus n’est donc pas à jour. Drop Down Menu Generator.

Free online navigation generator. CSS3 – Créer un slideshow automatique et contrôlable. Si vous suivez le compte @NoupeMag sur Twitter (ça marche aussi pour mon compte), vous avez certainement vu passer mon slideshow en CSS3 datant de l’an dernier.

CSS3 – Créer un slideshow automatique et contrôlable

Ce n’était pas ma première tentative de slideshow comme le présentent ces premier et second travaux datant de mai 2010. Ce tutoriel ne s’adresse pas aux débutants, il vous faudra un minimum de connaissances techniques pour vous y retrouver dans les tronçons de code qui vont suivre. Cependant, le code commenté reste – je l’espère – accessible. Avant propos La page de démonstration du slideshow full CSS3 vous propose des fichiers sources en téléchargement, profitez-en, notamment si vous souhaitez récupérer les images. Les codes CSS fournis ici sont légèrement différents de ceux fournis dans l’archive zippée téléchargeable.

Class. You may be wondering if it is possible to give an HTML element multiple looks with CSS.

Class

Say for example that sometimes you want the font to be large and white, while other times you would prefer the font to be small and black. CSS would not be very useful if it did not allow you to have many different types of formats for a single HTML tag. Well, you are in luck! CSS allows you to do just that with the use of classes. Using classes is simple. Menu déroulant en CSS3 avec transition et max-height. Menu déroulant en CSS3 avec transition et max-height Cet article a 3 années.

Menu déroulant en CSS3 avec transition et max-height

Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 52 989 fois. Il y a quelques temps déjà, Lea Verou proposait d’utiliser la propriété max-height afin d’effectuer des animations sur un élément sans toucher à la propriété height. Démonstration. Apprendre le HTML5 – Tutoriel Complet. Tutoriel complet pour apprendre le HTML5 – Quelque soit votre niveau, ce cours est fait pour vous.

Apprendre le HTML5 – Tutoriel Complet

Que vous débutiez dans la création de site internet ou que vous maitrisez déjà le xHTML et / ou le HTML 4.01, découvrez toute la puissance du HTML5. Chaque chapitre est rédigé de façon concise et compréhensible par tous. Ils sont divisés en thèmes consultables indépendamment suivant votre niveau et vos connaissances. Chaque point détaillé est inclus dans un exemple concret et certains sont accompagné de démo consultable en ligne. L’ensemble du cours – en constante évolution - est accessibles à tous quelque soit votre niveau : Un problème, une suggestion ou une remarque : Poser votre question ou venez en discuter sur notre forum. Maintenant que vous savez à quoi ressemble le HTML5 et ce qu’on peut faire avec, passons aux choses sérieuses. CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web.

Concevoir un formulaire HTML qui tient la route. Il ne vous est jamais arrivé de remplir un long formulaire pour, par exemple, commander un voyage ou un vol et ne pouvoir le valider parce que le clic sur le bouton de validation du formulaire ne produit aucun résultat ?

Concevoir un formulaire HTML qui tient la route

C’est ce qui m’est arrivé il y a quelques semaines de celà… C’est vrai que je suis passé de PC à Mac et que je fais maintenant partie d’une minorité. L’accessibilité prends dans ce cas tout son sens. J’ai eu beau essayer avec Safari, Firefox, Opéra, Google Chrome, rien n’y a fait. Bref si je n’avais pas eu un PC pas loin pour passer ma commande avec Internet Explorer cette compagnie aérienne aurait perdu un client. Pourquoi ce formulaire ne fonctionnait pas , Tout bonnement parce que les personnes qui sont auteurs du code ont préféré se servir de javascript pour la validation des données plutôt que d’opter pour la solution html du bouton de type submit (button ou input) . Comment faire pour ne pas exclure des clients potentiels de votre site ? Ses attributs : * method. Liste des balises HTML5 - Aide mémoire et liens vers le W3C.

OpenClassrooms, Le Site du Zéro - Les cours les plus ouverts du Web. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. Tutoriels sur HTML et CSS - Construisez votre propre site Web - HTML.net. W3Schools Online Web Tutorials.