-
Dans cette page
-
Plus de scripts
-
Gardons le contact
-
Souternir webbricks
CATALOGUE DES SCRIPTS
Catégories
Modules J'appelle modules des scripts autonomes qui permettent d'améliorer, de façon simple mais performante, l'interface d'un site.
Fragments Les fragments (snippets, pour les anglophiles) que je vous propose sont des portions de code qui peuvent être réutilisés dans des scripts plus complexes.
Autres Tout ce qui ne rentre pas dans les cases précédentes. (Bookmarklets, API, services en ligne, etc.)
Tags
Scripts
Animate
Animez toutes les propriétés css de vos éléments html : marges, dimensions, bordures, couleurs, opacité, etc.
: effets spéciaux
: module
12
bgMax
Un background-image toujours adapté aux mesures de la fenêtre du visiteur, avec en prime une apparition en fondu.
: effets spéciaux - image : module 178
cellPointer
Met en valeur la colonne et la ligne de la cellule pointée dans un tableau.
: effets spéciaux - ergonomie - tableaux : module 3
delay
Une implémentation de delay en javascript, pour suspendre l'exécution des scripts.
: effets spéciaux - technique : fragment
easeInOut
Des effets d'accélération ou de décélération progressive. "Ease-in" et "ease-out", comme on dit en anglais !
: effets spéciaux : fragment 2
getPos
Connaître la position d'un élément HTML dans la page.
: crossbrowser snippet - prise de mesures : fragment 9
imgProtect
Une astuce javascript pour empêcher les néophytes de copier vos images.
: ergonomie - image - technique : module 11
jQuery.lazyRender
Le lazyLoading appliqué au HTML, pour un rendu plus rapide des pages web.
: jQuery - optimisation - technique : module 1
lazyLoad
Économiser de la bande passante en différant le chargement des images non visibles.
: image - optimisation - technique : module 1
miniQuery
Donnez-lui un élément, une collection d'éléments, un sélecteur css, ou même rien du tout, miniQuery en fera un Array tout propre.
: crossbrowser snippet - technique : fragment
mousePos
Pour connaître la position de la souris dans la fenêtre, quelque soit le navigateur.
: crossbrowser snippet - prise de mesures : fragment
onDomReady
Assainir son code et accélérer l'affichage des pages, en reportant l'exécution des script jusqu'au moment ou le DOM est prêt. Fonctionne aussi en duo avec des librairies telles que jQuery, pour augmenter encore leur souplesse et leurs performances.
: jQuery - optimisation - technique : fragment
pageDim
Pour connaître les dimensions de la page, quelque soit le navigateur.
: crossbrowser snippet - prise de mesures : fragment 4
scrolled
Mesurez le défilement de la page, sur n'importe quel navigateur
: crossbrowser snippet - prise de mesures : fragment
scroller
Un effet de défilement doux pour les liens de vos pages pointant vers des ancres.
: effets spéciaux - ergonomie : module 19
seek
Sélectionnez les éléments du DOM en javascript, aussi facilement qu'en css.
: crossbrowser snippet : fragment 1
setOpacity
Une unique commande javascript pour modifier les css quelque soit le navigateur.
: crossbrowser snippet - effets spéciaux : fragment
winDim
Pour connaître les dimensions de la fenêtre, quelque soit le navigateur.
: crossbrowser snippet - prise de mesures : fragment 1
zOOmmark
Zoomer sur les images de Google, de Wikipedia, et de tout le web.
: boolmarklet - ergonomie - image : divers