Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
26 Mar

How to Create a Sponsor Flip Wall using jQuery

  • Gallery, License Free
  • Leave a Comment

Designing and coding a sponsors page is part of the developer’s life. It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design.

TutorialZine has written a tutorial about how to create a Sponsor Flip Wall using PHP, CSS and jQuery with the jQuery Flip plug-in, to do just that. The resulting code can be used to showcase your sponsors, clients or portfolio projects as well.

jquery-sponsor

Requirements: PHP, jQuery Framework
Demo: http://demo.tutorialzine.com/2010/03/sponsor-wall-flip…
License: License Free

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Create Endless Grid with The Wall Mootools Plugin

Create Endless Grid with The Wall Mootools Plugin

Flipping Like a Card with QuickFlip 2 jQuery Plugin

Flipping Like a Card with QuickFlip 2 jQuery Plugin

How to Create a Animated Flip-Down Clock with Mootools

How to Create a Animated Flip-Down Clock with Mootools

Giving Away 3 Copies of Flash 3D Wall PRO

Giving Away 3 Copies of Flash 3D Wall PRO

Web Designer Wall – Design Trend and Tutorials

Web Designer Wall – Design Trend and Tutorials

PicLens – View Images with Interactive Full Screen 3D Wall

PicLens – View Images with Interactive Full Screen 3D Wall

Comments
  • jQuery Original

    Right for portafolios, not for banners… banners should be direct click=>target, without flip. No two clicks for target.

  • Roland

    Very nice! Will be using it for my portfolio

  • http://hbro.sin.khk.be Hans Broeckx

    AWESOME! Why haven’t I thought of that? :p

  • Yo

    See some bugs in IE.

  • http://www.bigtunainteractive.com Adam Hermsdorfer

    Very nice jQuery flip wall. I definitely can see this for sites that have multiple sponsors and want to give them more space.

  • http://www.fedmich.com/life/ fedmich

    Have done this before, but client later on decided to revert to normal design, paragraphs.

    and I encountered the IE bug too.
    it doesn’t return to its original location after clicking the picture
    http://i43.tinypic.com/117e61t.jpg

    Thanks for sharing :)

  • http://shaunpreston.co.uk Shaun Preston

    Really useful! Thanks!

  • jo

    hey very nice tutorial.if anybody can tell how to flip on mouse hover….

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Easy to Use, Drag & Drop Bootstrap Interface Builder
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • Create an Amazon-like Navigation Menu with jQuery
  • A True Responsive jQuery Lightbox Plugin for Free
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes24
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information239
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License122
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License410
Sponsors
Advertise Here
Partners
MaxCDN