SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Evangelist silversurfer5150's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Jquery spinning button

    Hi guys,

    Lately I find myself trying to avoid using too many hover effects, mainly because they aren't effective on tablets as they have no mouse.

    So...I was thinking of some alternatives and I thought wouldn't it be cool if the user clicked a button and it spun round on a 360 axis before sending the request for the next page.

    I can't seem to find anything, I am aware of flip and other such 3d plugins but 3d isn't what I'm after. I just want to do a 360 degree, in place rotation on a 2D axis. Can anyone suggest where I would start?

    thanks
    "Persistence is the path to perfection"

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by silversurfer5150 View Post
    I can't seem to find anything, I am aware of flip and other such 3d plugins but 3d isn't what I'm after. I just want to do a 360 degree, in place rotation on a 2D axis. Can anyone suggest where I would start?
    Perhaps with effect #6 at http://webdeveloperjuice.com/demos/css/css3effects.html
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Guru Jason__C's Avatar
    Join Date
    Oct 2009
    Location
    Racoon City
    Posts
    660
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Note: That jquery effect oesn't work in IE9.
    Chuck Norris is so tough,
    mosquitos ask for permission before they bite him

  4. #4
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by USPaperchaser View Post
    Note: That jquery effect oesn't work in IE9.
    When being compatible with most of the web browsers that are out there, you just don't have as many options available to you.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  5. #5
    SitePoint Guru Jason__C's Avatar
    Join Date
    Oct 2009
    Location
    Racoon City
    Posts
    660
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paul_wilkins View Post
    When being compatible with most of the web browsers that are out there, you just don't have as many options available to you.
    I agree. I blame the W3C for this bs incompatability. Their is some blame for the browser manufactures, but not as severe as the W3C. That is another story.
    Chuck Norris is so tough,
    mosquitos ask for permission before they bite him

  6. #6
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by USPaperchaser View Post
    I agree. I blame the W3C for this bs incompatability. Their is some blame for the browser manufactures, but not as severe as the W3C. That is another story.
    Without someone like the W3C to set standards, how then are the different browser vendors supposed to supply a consistent set of features?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  7. #7
    SitePoint Guru Jason__C's Avatar
    Join Date
    Oct 2009
    Location
    Racoon City
    Posts
    660
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    A simple anwser to this is to boot everyone that is not a browser maker, and have the browser makers come up with a standard that ALL browsers will share a Core. Then, if browser makers want to attract developers/users they can add their extras to make their browser unique. In the end, all browser should be 99% compatable with eachother. I've disliked the W3C when they went HTML5 over XHTML2 Why in the hell would they do that? Now we have this mess known as HTML5/CSS3.
    Chuck Norris is so tough,
    mosquitos ask for permission before they bite him

  8. #8
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,684
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by USPaperchaser View Post
    I've disliked the W3C when they went HTML5 over XHTML2 Why in the hell would they do that?
    Were you aware that the browser makers for Internet Explorer just flat-out refused to do anything in terms of XHTML?
    If progress was to be made in terms of HTML, it had to be done in a way that was politically acceptable to all the major browser makers. Such is why moving forward with the HTML spec was done, for Microsoft had made their disregard for XHTML loud and clear.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  9. #9
    SitePoint Guru Jason__C's Avatar
    Join Date
    Oct 2009
    Location
    Racoon City
    Posts
    660
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    No, was not aware of that, good to know. Funny, I am a huge supporter of XHTML, and now I see MS didn't want to support it, while I am typing this with IE9. Irony.
    Chuck Norris is so tough,
    mosquitos ask for permission before they bite him

  10. #10
    SitePoint Evangelist silversurfer5150's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey thanks for your input guys, I'm with you too, XHTML was the way to go.

    The new features in html5 (apart from video because this is doing lots of good for smartphone providers minus flash) are just not necessary and save only minimal bandwidth that image replacement currently takes up.

    For the amount of time it takes to create certain elements of html5, canvas drawings in particular, it makes much more sense with todays increasing bandwidth to take the hit of a few more kb using image replacement than to lose hours trying to draw vectors programmatically.

    What a waste of time when during the next decade, the broadband worldwide will be so fast that a few extra kb will mean nothing.
    People should just learn Illustrator which creates vectors natively and if they use Photoshop should read the manuals and compress images to their full potential.

    As for Microsoft, they are they culprits for making the lives of web developers like us a misery and have been since the start, why is it that I hardly even have to make a css hack for opera, firefox or chrome and in every project I finish, I am html* hacking all over the place to please IE7. They have a lot to answer for.
    "Persistence is the path to perfection"


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •