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. 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. Minishowcase is an simple and tiny php/javascript photo gallery.

TripTracker is a small JavaScript image viewer and animated slideshow player. Instead of using JavaScript, the Dynamic Drive CSS Image Gallery is completely powered by CSS. A free Ajax-powered photo gallery that pulls photos from Picasa from XML. A free flash-based image gallery script that also comes with an optional Pro version that offers more options and customizations. 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. 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. Image SlideShows and Galleries 1) Galleria -Is a javascript image gallery written in jQuery. » 8 Fantastic jQuery Tutorials for Designers. Color Picker - jQuery plugin. Color Picker - jQuery plugin, un simple componente para seleccionar el color de la misma manera que sueles hacerlo en Adobe Photoshop. Sin duda vendrá muy bien para montarlo en alguna aplicación web en la cual trabajes. Ver demo - Mas info y descarga 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. 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.

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. The Cheat Sheet Cheat Sheet: Top 100 Lists of Web Development Ch. With the vast array of web development knowledge available on the Internet, there’s certainly no shortage of cheat sheets to be found.

The Cheat Sheet Cheat Sheet: Top 100 Lists of Web Development Ch

However, finding a way to wrangle them all into one place isn’t quite as easy. That’s why we’ve compiled a list of some of the best cheat sheet collections out there. That’s right: this is your newest cheat sheet for cheat sheeting your way to a better website. Client Side These cheat sheet lists cover information in CSS, HTML, and more. Server-Side Here you’ll find gems for PHP, Python, and Ruby, to name a few. Blogging Get quick access to all of the blogger tools you need with these lists.

General The vast majority of the great cheat sheet lists out there attempt to cover just about everything, so you can go big with this collection.