JQuery -- More Cool Effects!

[Dmitry Andrejev]

Hey guys,

I just came across more JQuery effects/plugins on the web and wanted to share the ones that look cool:

1. Simple Page Peel Effect

http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/

Demo: http://www.sohtanaka.com/web-design/examples/peeling-effect/

2. 5 Ways to Spice up Your Images with CSS

http://www.sohtanaka.com/web-design/spice-up-your-images-with-css/

3. Animated Navigation with CSS & jQuery

http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/

4. Attaching JQuery Cheat Sheet once again.

Cheers!

DA.

[Phil -- wbtc.fr --]

Hi,

I allready knew them, that's why I talked about upgrading jQ :)

Check this out :

http://osc.template-help.com/osc_27977/index.php

the product slideshow on the homepage is only in js/css, no flash, and you can click on the little rounded button at the bottom of images to review them, I like that ^^

P.

2010/4/1 Dmitry Andrejev <dand...@gmail.com>

--
You received this message because you are subscribed to the Google Groups "In-Portal Design & Interfaces Team" group.
To post to this group, send email to in-porta...@googlegroups.com.
To unsubscribe from this group, send email to in-portal-desi...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/in-portal-design?hl=en.

[Dmitry Andrejev]

Thanks Phil - VERY nice design, but done in Tables - NOT DIV/CSS as we want, ah well...

Anyway, you can easily upload JQ ANY version to your Front End template and it's going to work.

The Upgrade is problem for Admin Interfaces - needs some work.

Front End - NOT connected - you can just upload ANY version yourself and use it as you want!

DA.

[Phil -- wbtc.fr --]

yup, I've understoud about jQ.

I meant that the slideshow is made using CSS only, not the whole design :)
anyway all my custom template I do are full CSS, I'll show you when finished^^

2010/4/1 Dmitry Andrejev <dand...@gmail.com>

[Alexander Obuhovich]

That slideshow has a better version at http://flowplayer.org/tools/demos/scrollable/plugins/index.html . We use it a lot in our projects.

Best Regards,

http://www.in-portal.com
http://www.alex-time.com

[Dmitry Andrejev]

1 important note in regards of Scrollable plugin - there no way (didn't see) to have a ability to jump between the slides using small nav. bar in the right-lower corner as on the one that Phil showed...

May be you saw this in works somewhere?

DA.

[Alexander Obuhovich]

That bar is pagination (3 small circles on top) and using css you can place it in the bottom right corner too.

[Phil]

Here is an interesting link to personnalize CSS with jQueryUI :

http://jqueryui.com/themeroller/

On Apr 2, 12:07 am, Alexander Obuhovich <aik.b...@gmail.com> wrote:
> That bar is pagination (3 small circles on top) and using css you can place
> it in the bottom right corner too.
>

> On Fri, Apr 2, 2010 at 12:58 AM, Dmitry Andrejev <dandre...@gmail.com>wrote:
>
>
>
> > 1 important note in regards of Scrollable plugin - there no way (didn't
> > see) to have a ability to jump between the slides using small nav. bar in
> > the right-lower corner as on the one that Phil showed...
>
> > May be you saw this in works somewhere?
>
> > DA.
>

> > On Thu, Apr 1, 2010 at 4:51 PM, Alexander Obuhovich <aik.b...@gmail.com>wrote:
>
> >> That slideshow has a better version at

> >>http://flowplayer.org/tools/demos/scrollable/plugins/index.html. We use

> >> it a lot in our projects.
>

> >> On Thu, Apr 1, 2010 at 7:22 PM, Phil -- wbtc.fr -- <p...@wbtc.fr> wrote:
>
> >>> yup, I've understoud about jQ.
>
> >>> I meant that the slideshow is made using CSS only, not the whole design
> >>> :)
> >>> anyway all my custom template I do are full CSS, I'll show you when
> >>> finished^^
>

> >>> 2010/4/1 Dmitry Andrejev <dandre...@gmail.com>

>
> >>>> Thanks Phil - VERY nice design, but done in Tables - NOT DIV/CSS as we
> >>>> want, ah well...
>
> >>>> Anyway, you can easily upload JQ ANY version to your Front End template
> >>>> and it's going to work.
>
> >>>>  The Upgrade is problem for Admin Interfaces - needs some work.
>
> >>>> Front End - NOT connected - you can just upload ANY version yourself and
> >>>> use it as you want!
>
> >>>> DA.
>

> >>>> On Thu, Apr 1, 2010 at 11:09 AM, Phil -- wbtc.fr -- <p...@wbtc.fr>wrote:
>
> >>>>> Hi,
>
> >>>>> I allready knew them, that's why I talked about upgrading jQ :)
>
> >>>>> Check this out :
>
> >>>>>http://osc.template-help.com/osc_27977/index.php
>
> >>>>> the product slideshow on the homepage is only in js/css, no flash, and
> >>>>> you can click on the little rounded button at the bottom of images to review
> >>>>> them, I like that ^^
>
> >>>>> P.
>

> >>>>> 2010/4/1 Dmitry Andrejev <dandre...@gmail.com>

>
> >>>>>> Hey guys,
>
> >>>>>> I just came across more JQuery effects/plugins on the web and wanted
> >>>>>> to share the ones that look cool:
>
> >>>>>> 1. Simple Page Peel Effect
>

> >>>>>>http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jque...

>
> >>>>>> Demo:http://www.sohtanaka.com/web-design/examples/peeling-effect/
>
> >>>>>> 2. 5 Ways to Spice up Your Images with CSS
>
> >>>>>>http://www.sohtanaka.com/web-design/spice-up-your-images-with-css/
>
> >>>>>> 3. Animated Navigation with CSS & jQuery
>
> >>>>>>http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/
>
> >>>>>> 4. Attaching JQuery Cheat Sheet once again.
>
> >>>>>> Cheers!
>
> >>>>>> DA.
>
> >>>>>> --
> >>>>>> You received this message because you are subscribed to the Google
> >>>>>> Groups "In-Portal Design & Interfaces Team" group.
> >>>>>> To post to this group, send email to
> >>>>>> in-porta...@googlegroups.com.
> >>>>>> To unsubscribe from this group, send email to

> >>>>>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsu...@googlegroups.com>
> >>>>>> .

> >>>>>> For more options, visit this group at
> >>>>>>http://groups.google.com/group/in-portal-design?hl=en.
>
> >>>>>  --
> >>>>> You received this message because you are subscribed to the Google
> >>>>> Groups "In-Portal Design & Interfaces Team" group.
> >>>>> To post to this group, send email to in-porta...@googlegroups.com
> >>>>> .

> >>>>> To unsubscribe from this group, send email to

> >>>>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsu...@googlegroups.com>
> >>>>> .

> >>>>> For more options, visit this group at
> >>>>>http://groups.google.com/group/in-portal-design?hl=en.
>
> >>>>  --
> >>>> You received this message because you are subscribed to the Google
> >>>> Groups "In-Portal Design & Interfaces Team" group.
> >>>> To post to this group, send email to in-porta...@googlegroups.com.
> >>>> To unsubscribe from this group, send email to

> >>>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsu...@googlegroups.com>
> >>>> .

> >>>> For more options, visit this group at
> >>>>http://groups.google.com/group/in-portal-design?hl=en.
>
> >>>  --
> >>> You received this message because you are subscribed to the Google Groups
> >>> "In-Portal Design & Interfaces Team" group.
> >>> To post to this group, send email to in-porta...@googlegroups.com.
> >>> To unsubscribe from this group, send email to

> >>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsu...@googlegroups.com>
> >>> .

> >>> For more options, visit this group at
> >>>http://groups.google.com/group/in-portal-design?hl=en.
>
> >> --
> >> Best Regards,
>
> >>http://www.in-portal.com
> >>http://www.alex-time.com
>
> >> --
> >> You received this message because you are subscribed to the Google Groups
> >> "In-Portal Design & Interfaces Team" group.
> >> To post to this group, send email to in-porta...@googlegroups.com.
> >> To unsubscribe from this group, send email to

> >> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsu...@googlegroups.com>
> >> .

> >> For more options, visit this group at
> >>http://groups.google.com/group/in-portal-design?hl=en.
>
> >  --
> > You received this message because you are subscribed to the Google Groups
> > "In-Portal Design & Interfaces Team" group.
> > To post to this group, send email to in-porta...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > in-portal-desi...@googlegroups.com<in-portal-design%2Bunsu...@googlegroups.com>
> > .

> > For more options, visit this group at
> >http://groups.google.com/group/in-portal-design?hl=en.
>
> --
> Best Regards,
>

> http://www.in-portal.comhttp://www.alex-time.com

[Dmitry A.]

Another ones:

1. Draggable Droppables -- http://interface.eyecon.ro/demos/sort.html

2. Image Zoom Effect -- http://papermashup.com/jquery-image-zoom-effect/


DA.

> > >>>>>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsubscrib e...@googlegroups.com>

> > >>>>>> .
> > >>>>>> For more options, visit this group at
> > >>>>>>http://groups.google.com/group/in-portal-design?hl=en.
>
> > >>>>>  --
> > >>>>> You received this message because you are subscribed to the Google
> > >>>>> Groups "In-Portal Design & Interfaces Team" group.
> > >>>>> To post to this group, send email to in-porta...@googlegroups.com
> > >>>>> .
> > >>>>> To unsubscribe from this group, send email to

> > >>>>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsubscrib e...@googlegroups.com>

> > >>>>> .
> > >>>>> For more options, visit this group at
> > >>>>>http://groups.google.com/group/in-portal-design?hl=en.
>
> > >>>>  --
> > >>>> You received this message because you are subscribed to the Google
> > >>>> Groups "In-Portal Design & Interfaces Team" group.
> > >>>> To post to this group, send email to in-porta...@googlegroups.com.
> > >>>> To unsubscribe from this group, send email to

> > >>>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsubscrib e...@googlegroups.com>

> > >>>> .
> > >>>> For more options, visit this group at
> > >>>>http://groups.google.com/group/in-portal-design?hl=en.
>
> > >>>  --
> > >>> You received this message because you are subscribed to the Google Groups
> > >>> "In-Portal Design & Interfaces Team" group.
> > >>> To post to this group, send email to in-porta...@googlegroups.com.
> > >>> To unsubscribe from this group, send email to

> > >>> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsubscrib e...@googlegroups.com>

> > >>> .
> > >>> For more options, visit this group at
> > >>>http://groups.google.com/group/in-portal-design?hl=en.
>
> > >> --
> > >> Best Regards,
>
> > >>http://www.in-portal.com
> > >>http://www.alex-time.com
>
> > >> --
> > >> You received this message because you are subscribed to the Google Groups
> > >> "In-Portal Design & Interfaces Team" group.
> > >> To post to this group, send email to in-porta...@googlegroups.com.
> > >> To unsubscribe from this group, send email to

> > >> in-portal-desi...@googlegroups.com<in-portal-design%2Bunsubscrib e...@googlegroups.com>

> > >> .
> > >> For more options, visit this group at
> > >>http://groups.google.com/group/in-portal-design?hl=en.
>
> > >  --
> > > You received this message because you are subscribed to the Google Groups
> > > "In-Portal Design & Interfaces Team" group.
> > > To post to this group, send email to in-porta...@googlegroups.com.
> > > To unsubscribe from this group, send email to

> > > in-portal-desi...@googlegroups.com<in-portal-design%2Bunsubscrib e...@googlegroups.com>

> > > .
> > > For more options, visit this group at
> > >http://groups.google.com/group/in-portal-design?hl=en.
>
> > --
> > Best Regards,
>
> >http://www.in-portal.comhttp://www.alex-time.com
>
> --
> You received this message because you are subscribed to the Google Groups "In-Portal Design & Interfaces Team" group.
> To post to this group, send email to in-porta...@googlegroups.com.
> To unsubscribe from this group, send email to in-portal-desi...@googlegroups.com.

> For more options, visit this group athttp://groups.google.com/group/in-portal-design?hl=en.

--
You received this message because you are subscribed to the Google Groups "In-Portal Design & Interfaces Team" group.
To post to this group, send email to in-porta...@googlegroups.com.

[Dmitry A.]

One more - http://www.mind-projects.it/projects/jqzoom/

On May 13, 11:44 am, "Dmitry A." <dandre...@gmail.com> wrote:
> Another ones:
>

> 1. Draggable Droppables --http://interface.eyecon.ro/demos/sort.html
>
> 2. Image Zoom Effect --http://papermashup.com/jquery-image-zoom-effect/

[Alexander Obuhovich]

Sadly, but "1. Draggable Droppables -- http://interface.eyecon.ro/demos/sort.html" is no longer supported by jQuery. This was first implementation if jQuery UI, but not they don't use it.

Also author of that Interface library no longer develops it too.

[Phil -- wbtc.fr --]

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

in fact, just check http://jqueryui.com/demos/ it's amazingly good!

2010/5/14 Alexander Obuhovich <aik....@gmail.com>

[Alexander Obuhovich]

We are actually are using that draggable plugin to drag content boxes and side boxes in design mode (In-Portal 5.0.0 and up).

[Phil -- wbtc.fr --]

I didn't knew it ^-^

2010/5/14 Alexander Obuhovich <aik....@gmail.com>

[Dmitry A.]

I'd like to share VERY nice JQuery Image Slider!

http://nivo.dev7studios.com/

DA

[Alexander Obuhovich]

Nice.

DA

--

You received this message because you are subscribed to the Google Groups "In-Portal Design & Interfaces Team" group.
To post to this group, send email to in-porta...@googlegroups.com.

To unsubscribe from this group, send email to in-portal-desi...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/in-portal-design?hl=en.