DJ-Classifieds Search Module – Design-Joomla

Free joomla themes, modules and plugins

Dj-Imageslider is an extension that allows you to easily …

Dj-Imageslider is an extension that allows you to easily …

The DJ-Classifieds component allows you to add text adver…

New , improved version of DJ-Catalog component brings new…

Component allows you to segment products, assigning them …

The DJ-Art Gallery component allows you to add up to sev…

This module display all categories as menu links.

This module displays advertisements in a certain order: l…

CoolIris (formerly PicLens) module for VirtueMart is our …

Search module for DJ-Classifieds component

via DJ-Classifieds Search Module – Design-Joomla.

20+ jQuery Effects Demos

20+ Demos Showing Advanced jQuery Effects

1. Flip! A jQuery plugin

This demo mimics the popular card flip technique which can rotate an element 360 degrees around its own x or y-axis.


2. jQuery Quicksand plugin

This is a great plugin for sorting an array of elements/icons on a page with nice fade-in/fade-out and animation effects.


3. ImageFlow

This image viewer is similar to Apple’s CoverFlow interface that has become so familiar in their various products and applications.


4. Building an interactive map with jQuery instead of Flash

This demo joins the power of jQuery with Ajax to really create an engaging interface.


5. Slideout Tips With jQuery & CSS3

Clicking on the “+” symbols reveals additional information with a nice smooth animation effect.


6. Zoomer Gallery

In this demo, what appears to be a regular static image gallery is given some extra interactivity by using a multi-layer zoom effect when hovering over an image.


7. jQuery Circulate

This demo shows the much used Flash effect of circling an image around a page – all done using jQuery.


8. Photo Zoom Out Effect

This demo looks deceptively simple, but upon further examination you will find there are several layers to the complexity of the zoom-out effect.


9. Sliding Boxes and Captions with jQuery

Here we get to see how powerful transitions can be created using jQuery, a technique once reserved for Flash developers only.


10. CSS3 Lightbox Gallery

This plugin looks like it was written specifically for social-media. Dragging and dropping a photo on top of the “share box” will open a modal window that can be the interface to call an API via AJAX which can allow the user to share a photo on Flickr, Twitter, Facebook, and other sites.


11. Making a Photoshoot Effect With jQuery & CSS

Although this demo may seem like eye-candy at first glance, it could be a very powerful tool for working with large images when coupled with AJAX or HTML5 local storage.


12. Awesome Bubble Navigation

Here the developer makes good use of color transitions and animation to produce a very attractive and interactive menu.


13. Beautiful Background Image Navigation

In this demo each user action triggers several transitions which all act to fully immerse the user in the interface.


14. AviaSlider

AviaSlider uses classic Flash-like transition effects to enhance what would appear to be a standard slider interface.


15. Background Image Slideshow

Animated backgrounds are one of the areas where Flash used to dominate in web design. Here is an example using jQuery instead.


16. Panning Slideshow

Another unique take on the typical slideshow interface. Here the author adds diagonal navigation to spice up the interface and to make it stand out.


17. jqFancyTransitions

This plugin can be used to display your photos as a slideshow with fancy Flash-like transition effects.


18. iCarousel – Horizontal images slider

Another slideshow that adds just a touch of easing to make the transitions really stand out. It’s no wonder that they chose to showcase sexy Mac products in this demo.


19. Making an Interactive Picture with jQuery

This demo can be used to take advantage of websites where there is lots of screen space. Clicking on a section of the website reveals a modal box which displays more information about the clicked section.


20. Cloud Zoom

A plugin that looks like it was designed with eCommerce in mind. Cloud Zoom is easy to implement and can really enhance the user’s experience.


21. Apple-like Retina Effect

Anyone who has used an iPhone, iPod touch, or iPad is familiar with the “Retina View” that will enlarge a small area on the screen when you touch the area for an extended period of time. This demo implements this effect for the desktop.


Compiled exclusively for WDD by Kalim Fleet. He is a professional web designer and blogger with over 6 years experience. The web is his passion as he splits his time between blog writing, software development and social media. He loves using and developing new applications for the web, mobile, and desktop.

Do you know of any other great examples of jQuery effects that can rival the power of Flash? Do you ever suggest jQuery effects over Flash when your clients request them? Please share your views and examples below!

via 20+ Demos Showing Advanced jQuery Effects | Webdesigner Depot.

David DeSandro jquery masonry

# Articles

# Resources

# Portfolio

# About & Contact

jQuery Masonry

  1. Documentation ›
  2. Primer
  3. Basic Examples
  4. Tumblelog
  5. Infinite Scroll
  6. Animated
  7. Filtering

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

View Demos and Docs

Download jquery.masonry.js

Download jquery.masonry.min.js

This project lives on GitHub at github.com/desandro/masonry, where you can follow progress and download all these demos and documentation, and grab the latest version of the script.

There you can find an issue tracker where you can look through other people’s resolved issues or submit a new one for yourself. If you’re still having trouble, try looking over the FAQ.

via Portfolio · David DeSandro.

Expand All Product Categories | Collapse All Product Categories

Expand All Product Categories | Collapse All Product Categories

How are PVII products delivered?

PVII products are delivered electronically. That is, once your online order form is submitted you will be able to download the product immediately.

How do I install my product?

That depends on the product. The process, however, is simple:

  • Make a copy of the downloaded product file, which is usually a Zip format file. Keep the backup in a secure place such as an external backup drive.
  • Unzip your product file
  • Look in the root of the unzipped archive for a readme_first file, which contains specific installation instructions and a link to a product User Guide or Help Files.

How do I get support?

Once you buy a PVII product, you have access to our full support system. For a complete description of all support options, see our main support page.

via Projectseven.com – Products.

Let me have a blog: haccordion, a simple horizontal accordion plugin for jQuery

haccordion, a simple horizontal accordion plugin for jQuery

I need one menu with horizontal accordion, but the plugins that I have looked doesn’t like me, too much requirements or code, really I need something more simple, so in few minutes I write a simple plugin.

v0.1

It is very simple, with a few parameters: speed set the velocity of the animation, headerclass set another classname for header divs (by default “header”), contentclass set another classname for content divs (by default “content”), contentwidth is the final with of each content panel.

code & script & demo at:  Let me have a blog: haccordion, a simple horizontal accordion plugin for jQuery.

+

Horizontal Accordion script

Description: This script turns an ordinary UL list into a horizontal accordion! Move your mouse over a LI to expand it side ways while contracting its peers. The HTML markup of the Accordion (UL list) can either be defined inline on the page, or inside an external file instead and fetched via Ajax. Plus you can specify which LI should be expanded by default, whether to persist the last expanded LI (within a browser session), and also, expand a particular LI by passing in different parameters into the URL string. All this makes for a versatile, smooth horizontal accordion!

Demo #1- One content always open, persistence of last expanded content enabled:

http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

External resources – Flash ‘n’ SEO Indexing – Google, Yahoo, MSN and Adobe Flash Crawling Experiment

External resources

In this cool experiment we will try to figure out what is the current status of indexing xml content that is loaded into Adobe Flash.

  1. Can our favorite search engines (Google, Yahoo and MSN) index content that is loaded from XML?
  2. Will they follow links that are inside XML?

Experiment is created with Adobe Flash CS3 and published for Flash Player 9 and ActionScript 2.0

via External resources – Flash ‘n’ SEO Indexing – Google, Yahoo, MSN and Adobe Flash Crawling Experiment.

URLs discovering – Flash ‘n’ SEO Indexing – Google, Yahoo, MSN and Adobe Flash Crawling Experiment

URLs discovering

Can Google and Yahoo follow link in Adobe Flash?

Hm, hm :)

We will try to discover:

  1. What will happen if we add link somewhere in text field?
  2. What will happen if we make whole text field as a link?
  3. Can Google and Yahoo follow and index pages that have on(press) ActionScript?
  4. What about function that have getURL ActionScript?
  5. What will happen with commented getURL?

Experiment is created with Adobe Flash CS3 and published for Flash Player 9 and ActionScript 2.0

URLs discovering – Flash ‘n’ SEO Indexing – Google, Yahoo, MSN and Adobe Flash Crawling Experiment.

Embedded text in Flash – Flash ‘n’ SEO Indexing – Google, Yahoo, MSN and Adobe Flash Crawling Experiment

How Google index text embedded in Adobe Flash?

In this experiment we will try to figure out can and how Google index content inside the Adobe Flash .swf file.
Experiment will provide us with answers to 6 questions?

  1. Can Google recognize text in static text field?
  2. Can Google recognize embedded text in dynamic field?
  3. Can Google recognize dynamic text inserted via variable?
  4. Can Google index dynamic text inserted via instance name?
  5. What will happen if we assign some text to a variable but not show that text on the stage?
  6. What will happen if we add some nice content in ActionScript and make it commented?

Experiment is created with Adobe Flash CS3 and published for Flash Player 9 and ActionScript 2.0

Embedded text in Flash – Flash ‘n’ SEO Indexing – Google, Yahoo, MSN and Adobe Flash Crawling Experiment.