I really like the transition and effects used on this site: http://imagemechanics.com.au/. I would like to replicate this on a site I'm working on, but my CSS and Javascript skills are not there yet. The site said it's "nothing too special behind the scenes of the site - all done with css, jquery, ajax..."
Are there any jQuery kits out there that does the same effect? Or is there an easy way to pull the code needed from the site to replicate it myself?
Thanks in advance
check jquery scrollTo();
http://flesler.blogspot.com/2007/10/jqueryscrollto.html
Related
I'm implementing a long list of contacts on the page and would like to use infinity.js library for smooth scrolling.
Can someone share jsfiddle ideally with some snippets to implement it?
I believe it can be done using directives, but I'm very new to Angular.
I found this jsfiddle, but I don't think it works properly...
Thank you!
I would like to add a style switcher to my site and I like the ones used on themeforest templates.. How is that done and what library are they using?
Example: http://centum.envato.tabvn.com/demo.php
Slides in from the left side.
I use drupal so I'm hoping there is a module but I couldn't find anything like it.
Any ideas?
WHY AM I GETTINGS VOTED DOWN? PLEASE EXPLAIN IF I'VE DONE SOMETHING WRONG HERE
This is fairly easy to create yourself just by adding classes with an onClick handler, and then styling with the classes how you see fit. They're probably not using a plugin for this but is actually a bespoke function they've created them selves with the jQuery library.
For example.
$('.style').on('click',function(){
$('.itemToChange').addClass('styleOne');
});
Please see a basic example with this Fiddle.
Please note this is a VERY basic version, and the example you show is much more indepth
if someone still looking here are two solutions
Blast.js or
JTS
The example you provided is using this
http://drupal.org/project/flexslider
EDIT
I'm sorry I got confused.
The style switcher is custom made by Envato, the company behind themeforest you can find the code here
http://centum.envato.tabvn.com/sites/all/themes/centum/js/switcher.js
Sometime before I had come across a javascript library that allowed one to write text in various forms and arrangements. I cant seem to find it, can someone please recommend links ?
Thanks,
Murtaza
There are quite a few jQuery plugins that deal with text effects. Here are a few:
Lettering.js
jqIsoText
Codename Rainbows
Personal feelings aside (I find such effects to be somewhat trite on professional websites, on the other hand if a site is design-driven it may very well be worthwhile to code something custom), there are some libraries out there like fittext.js
Here's a list of 11 jQuery plugins: http://sixrevisions.com/javascript/jquery-plugins-typography/
i know the basics of js the language for several years, but never had a need to go deeper than say change a style of a paragraph or do a image rollover or validate a field.
am thinking going deeper with js.
can anyone recommend the top 3 library or framework that you cant live without?
Xah
Let's ask Stack Overflow Tag Trends:
Its really a personal choice, but:
JQuery
Node.js (Serverside JS)
SproutCore or Capuccino
You could take a look at this: http://www.ibm.com/developerworks/web/library/wa-jsframeworks/?ca=dgr-dwexnbarbw
How do I implement the feedback form that the following sites have?:
http://foodoro.com/
http://www.heyzap.com/
(look at the left center.)
Thanks!
You should probably checkout the JQuery or similar library for this sort of effect. There are heaps of great tutorials and plug-ins out there.
I would use this code in github
https://github.com/lorenzoongithub/getsomefeedback
as a template / boilerplate.
It should be quite easy to adapt to your requirements.
Start by looking into jQuery. It's pretty nice for stuff like this.
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
The first example on there shows a simple way to at least get a sliding panel. It's not exactly what you want but it gives you an idea of what jQuery can do and maybe how you'd achieve what you want.
Edit: Here's a direct link to the sliding panel demo on there...
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html