Le blog de jarash
Single Page jQuery ScrollTo
Voici un mini tutoriel sur comment faire une "single page". Je vais partir sur un scroll vertical, mais le principe reste le même pour une singlepage en scroll vertical.
D'abord la structure HTML, je vais créer des balises <article> pour chaque partie de ma page. Je met un id sur chacun pour m'en servir comme ancre :
Une liste de générateurs CSS3
CSS3 est en plein boom, la plupart des webdesigners utilise déjà plusieurs de ses nouvelles propriétés. Je vais lister ici une liste de - non exaustive - de générateurs CSS3 que j'ai pu recenser depuis quelques semaines.
Plugin Spip MakeMySlideShow, des slideshows jQuery dans Spip
Mon cher compère développeur Tommy Chausson et moi même avons mis au point un plugin pour SPIP qui permet de générer des slideshows en s'appuyant sur l’un des deux plugins jquery suivant, au choix :
Display:box, les boîtes flexibles en CSS3
Nous allons aujourd'hui réaliser un site 3 colonnes, sans se prendre la tête grâce aux boîtes fexibles de CSS3 : Display:box.
Contrôler la validation des formulaires grâce à Validity
jQuery.validity permet de contrôler les champs d'un formulaire. On peut les rendre obligatoire, controler leur format (numérique, date, etc), mais aussi de tester leur valeur grâce à des fonctions comme greaterThan(), greaterThanOrEqualTo(), etc...
Nous allons voir dans l'exemple ci-dessous, comment mettre en place Validity :
Caler le footer en bas de l'écran quelque soit le contenu
Voici un petit bout de code HTML/CSS qui va vous permettre de caler le footer en bas de l'écran, quel que soit la taille du contenu : CSS Sticky Footer. Le script a l'honneur d'être compatible avec la plupart des navigateurs, même l'ancêtre IE6.
Polices (Font) personnalisées grâce à Font-Face et CSS 3
La déclaration CSS 3 Font-face est aujourd'hui reconnu par tous les principaux navigateurs (IE6+, Safari, Chrome, Firefox). Nous ne sommes donc plus obligés de rester cantonnés aux Fonts "Web" comme Arial ou Helvetica. Voici comment faire :
D'abord nous déclarons la police grâce à @Font-face :
Plugin jQuery File Style : Changer le style des boutons "Parcourir"
Changer le style des boutons "Parcourir" ? C'est possible, grâce à un très simple (d'utilisation) plugin jQuery : File Style. L'idée est de remplacer l'input file par un input text suivi du bouton "Parcourir" en image.
Bien sûr, la première chose à faire est de créer l'image qui remplacera le bouton "parcourir". Ensuite on passe à la partie Code.