Visual Blast-médias

Free web ressources pour les concepteurs et les développeurs de sites Web | Free Icons, Tutoriels, Scripts, Photoshop, CSS

Smart Lists - convertir le HTML dans la catégorie des listes, listes paginées

Smart Lists est un Prototype / Scriptaculous extension qui convertit HTML plat des listes de l'information en catégories, listes paginées.

Smart Lists extension ne nécessite pas une base de données ou un script côté serveur et les baisses de grâce si JS n'est pas activé.

smart_lists.jpg

Vous avez le choix de l'élément cacher / montrer effet (Blind, Fade / Appear, Grow / Shrink, aucun), le choix de changer la page d'effet (Blind, Fade / Appear, Grow / Shrink, aucun), le contrôle sur la vitesse à laquelle les effets se produire, le nombre d'articles par page et bien plus encore.

Conviviale et prend en charge le navigateur Firefox 2, Internet Explorer 6 +, Safari 2 + et Opera 9 +.

MoreCSS - bibliothèque JavaScript

MoreCSS est une petite bibliothèque JavaScript pour la vie quotidienne, comme la création des fenêtres pop-up, l'onglet des menus, des tableaux et des listes de "zèbre"-style etc ... Mais la chose est vraiment spéciale: vous pouvez faire ces choses comme à des CSS.

morecss_js_library.jpg

Password Strength Checker

Le mot de passe Meter aider les utilisateurs à choisir un mot de passe sécurisé en remplissant les formulaires d'inscription. Vous êtes libre de l'intégrer à votre application Web. Le logiciel est librement disponible pour distribution sous la GNU General Public License (GPL).

Cette application est conçue pour évaluer la force du mot de passe des chaînes de caractères. Le retour visuel instantané fournit à l'utilisateur un moyen d'améliorer la force de leurs mots de passe, avec un disque de rupture sur le type de mauvaises habitudes de la mauvaise passe formulation.

password_meter.jpg

Glassbox Javascript Library

Glassbox est une bibliothèque Javascript Prototype et Script.aculo.us utilisation de certains effets. Avec Glassbox, vous pouvez construire impressionnant transparent frontières, de couleurs et de mises en page "Flash-like" effets.

Glassbox est autorisé sous les termes de la licence MIT. Cela signifie: vous pouvez l'utiliser gratuitement, pour tout ce que vous aimez.

glassbox_javascript_library.jpg

Lightview 2 - overlay rien, et pas seulement les images

Lightview est un Prototype / Scriptaculous réglage d'image avec des coins arrondis, le redimensionnement d'image intelligent, construit en diaporama et fonctionne sur tous les navigateurs modernes.

Nick Stakenburg a publié Lightview v2. Avec Lightview v2.0, vous pouvez aussi la superposition vidéo (Quicktime), Ajax, Flash. Swf, iframe et de contenu en ligne.

Télécharger et comprennent 1.6.0.2 Prototype et Scriptaculous 1.8.1 dans votre tête. Si le fichier est trop grande pour vous, avec Protopacked vous pouvez avoir les fichiers nécessaires, Prototype effects.js et, à partir de 28kb.

lightbox_viewer_2.jpg

mooSlideBox 3 - Ajax basé curseur

mooSlideBox 3 - un curseur pour MooTools avec le support pour d'autres balises HTML et des images de diapositives à partir du bas de l'écran vers le haut. Les petites et minces à base ajax extension ou de remplacement de la commune de "l'album". Travaux dans IE 6 / 7, Opera et Firefox.

Vous pouvez définir une image, texte, titre et contenu supplémentaire pour être affichées.

Note: Comme de nombreux utilisateurs se plaignent du fait que le curseur n'est pas unobstrusive, il ya une solution simple. Changer l'effet dans le mooslide.js. Remplacer le Fx.Transitions.Bounce.easeOut avec quelque chose comme Fx.Transitions.linear.

mootools_slide_box_3.jpg

jQZoom - plugin jQuery

jQZoom - vous permet de réaliser une petite loupe fenêtre à proximité de l'image ou les images sur votre page Web facilement.

jqzoom.jpg

DEMO - jQZoom page de démonstration

Facile à mettre en oeuvre:

  • les jqzoom.css dans votre page
  • inclure jQzoom jQuery et code
  • attribuer le "jqzoom" classe à l'image ou les images que vous souhaitez agrandir
  • Chargez le plugin à la fenêtre de chargement
  • spécifier les options

Télécharger jQZoom v1.2

Les instructions complètes à l'esprit les projets jQZoom-page du projet

FancyZoom - Javascript Smooth Zoom Image

FancyZoom - Smooth zoom image Javascript. Conçu pour voir la taille des photos et des images en ligne sans avoir besoin d'un chargement de la page web.

fancy_zoom_images.jpg

  • Automatiquement les échelles des images d'une image lien, pas de HTML avec des changements
  • Précharge de taille des images en arrière-plan sur le lien mouseover
  • Pas de ressources, bibliothèques Javascript lourds - 100% de code à partir de zéro pour l'agrandir
  • Dessine une belle ombre portée sous le format d'image pour compenser à partir de la page
  • Safari 3 utilise le "box-shadow" pour attirer l'ombre en natif, pas d'images nécessaires
  • Exige seulement deux nouvelles lignes de code dans votre code HTML
  • Testé et fonctionne avec Safari, Firefox, IE7 et IE6. (Looks mieux dans les navigateurs modernes.)

Gratuit pour un usage non-commercial.

MooTools plugins que vous ne voulez pas manquer!

Image Menu - menu horizontal, révèle plus de l'image comme vous le renversement il.

mootools_image_menu.jpg

Rounded Corners - crée des angles arrondis sur divs.

mootools_rounded_corners.jpg

Diaporama - transition entre les images. Fade, Slide Wipe et des transitions, des boucles, Play, Stop, Suivant et Précédent de contrôles, de la matrice Dans sa src de l'image, une liste des images sur la page ou en utilisant le href d'une balise, comme le Lightbox.

Valider ..., l'album, Multibox, Sortable Table, Slider, Page Loader MooTools plugin, à tous les Phatfusion. Enjoy!

Control.Tabs - discrète CSS onglets pour Prototype.js

Control.Tabs attache crée une interface à onglets à partir d'une liste à puces de liens / que le point d'ancrage à des éléments sur votre page qui ont un attribut id.

controltabs_unobtrusive_css_tabs_prototypejs.jpg

Les onglets peuvent être trigged via planant, et il n'est même pas nécessaire d'examiner les onglets. Vous pouvez utiliser des images au lieu de divs, et le "hover" option.

controltabs_image_css_tabs.jpg

Control.Tabs page du projet - Téléchargement Control.Tabs 2.1.1

« 3 4 5 6 7 8 9 10 11 12 » Page 10 de 12 «First ...« 3 4 5 6 7 8 9 10 11 12 »

Traductions