background preloader


Facebook Twitter

jQuery.popeye - an inline lightbox alternative. Writing the history of single-page image galleries on the web, one could start like this: In the beginning, there was nothing. And the Developer said: “Let there be pop-ups!” And the Users saw that pop-ups were bad… Then came Lightbox . Finally, an unobtrusive script allowed to display enlarged versions of thumbnail images embedded in web pages without leaving that web page or breaking the layout.

Since then, we’ve seen a ton of similar scripts used on an ever-increasing number of websites. While at first, I, like everyone else, was really enthusiastic about this technique, I have come to see some of the downsides of a lightbox-ish image presentation: Lightboxes are usually not consistent with the look & feel of the rest of the website, and they still feel like a kind of pop-up , since the image leaves the layer of the web page and opens up a new layer . Besides – I’m getting tired of seeing the same effect, the same UI controls over and over… Behavior Usage Customization I repeat… Drop Shadow Examples. 50 Excellent Image Galleries You Can Use Today - Nettuts+ Here are 50 of our favorite free image galleries that you can quickly plug into a design.

50 Excellent Image Galleries You Can Use Today - Nettuts+

They've been built with everything from CakePHP to jQuery to Ruby on Rails. A shout-out to all the developers involved in sharing their work with the community! Gallery 2 has probably the biggest community and is one of the most used gallery scripts on the web. Zenphoto bills itself as the "simplest, most useful gallery software for your site". The script is built in PHP. 25 Powerful and Useful jQuery Tutorials for Developers and Desig. jQuery is everywhere, its fast and versatile, and is rapidly becoming as common on websites as CSS.

25 Powerful and Useful jQuery Tutorials for Developers and Desig

The only small problem you may have is keeping up with development, keeping up with new plugins and tutorials. This article will do just that. All of these tuts have been written within the past eight weeks, bringing you up to speed with latest developments. 25 jQuery Tutorials for Web Developers and Designers Submit A Form Without Page Refresh using jQuery A great way of utlizing jQuery to enhance user experience is to not just validate, but to submit your form entirely without a page refresh.

Live Email Validation In this tutorial you will learn how you can validate the format of an email address “live” using jQuery and regular expressions without the need for a plugin. Fading Menu – Replacing Content Iinstead of thinking about CSS as page layout and a way to style your page when it loads, you can use it in animation and change it on-the-fly to react to events that happen on your page. 45+ Fresh Out of the oven jQuery Plugins. Mar 05 2008 Two month ago we’ve presented the 50 favorite jQuery plugins many developers use and we promised that the second version will be coming soon.

45+ Fresh Out of the oven jQuery Plugins

Today, we are going to introduce 45+ more jquery plugins that were recently created, so you don’t have to do the search as we did it and will continue to do it to build a useful library of jquery plugins and solutions. » 8 Fantastic jQuery Tutorials for Designers. Color Picker - jQuery plugin. Spacegallery - jQuery plugin. About Again another image gallery.

Spacegallery - jQuery plugin

Click on the images bellow to see it in action. Download (205 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog The first release release. Implement Attach the Javascript and CSS files to your document. Invocation code Prepare a block level element with some images inside. Options A hash of parameters. Seek Attention, resalta un aparte de tu página con jQuery. Parallax, imagenes 3D con jQuery. 27 ago aNieto2k hace 1503 días en: javascript , Programacion , webdev Hoy he descubierto Parallax , y he quedado impresionado de lo que visto Si has seguido el enlace de la imagen, habrás visto que es parallax. Si no lo has visto, te lo explico rápidamente. Parallax es un plugin para jQuery que te permite crear imágenes en perspectiva usando varias imágenes ubicadas en elementos <li /> . Mediante el uso del ratón, movemos las imágenes provocando una sensación 3D muy impresionante…. creo que así y todo es mejor que veas un par de ejemplos.

Mapa Pétalos Montañera Instalación Para instalar parallax, deberemos tener informar, mediante tags <script /> en nuestro <head /> el fichero de jquery-x.y.z.min.js y el de jquery.jparallax.js Funcionamiento. jQuery and JavaScript Coding: Examples and Best Practices. Advertisement When used correctly, jQuery can help you make your website more interactive, interesting and exciting.

jQuery and JavaScript Coding: Examples and Best Practices

This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices. 1. Why jQuery? jQuery is ideal because it can create impressive animations and interactions. jQuery is simple to understand and easy to use, which means the learning curve is small, while the possibilities are (almost) infinite.

Javascript and Best Practices Javascript has long been the subject of many heated debates about whether it is possible to use it while still adhering to best practices regarding accessibility and standards compliance. Obviously there are cases where a Javascript solution is not the best option. Unobtrusive DOM Scripting. The Cheat Sheet Cheat Sheet: Top 100 Lists of Web Development Ch.