Greepit » Gallery http://www.greepit.com Open Source Web Development Resources for Designers and Developers Fri, 03 Feb 2012 10:26:16 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Boilerplate for Creating Your Own Content Slider: Revolver.jshttp://www.greepit.com/2012/01/boilerplate-for-creating-your-own-content-slider-revolver-js/ http://www.greepit.com/2012/01/boilerplate-for-creating-your-own-content-slider-revolver-js/#comments Mon, 09 Jan 2012 07:46:38 +0000 Saif http://www.greepit.com/?p=14576 Revolver.js is a new content slider that has no assumptions about your markup. Think of Revolver as a boilerplate or framework for creating your own content slider, exactly the way you want it.

This content slider plugin currently compatible with jQuery and Mootools!

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2012/01/boilerplate-for-creating-your-own-content-slider-revolver-js/feed/ 0 jQuery Slideshow / Image Gallery Plugin: PikaChoosehttp://www.greepit.com/2011/12/jquery-slideshow-image-gallery-plugin-pikachoose/ http://www.greepit.com/2011/12/jquery-slideshow-image-gallery-plugin-pikachoose/#comments Fri, 30 Dec 2011 11:43:14 +0000 Saif http://www.greepit.com/?p=14465 Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!

jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose has API hooks for integrating lightboxes and other things.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/12/jquery-slideshow-image-gallery-plugin-pikachoose/feed/ 0 Simple and Minimal HTML Content Slider: Flow Sliderhttp://www.greepit.com/2011/12/simple-and-minimal-html-content-slider-flow-slider/ http://www.greepit.com/2011/12/simple-and-minimal-html-content-slider-flow-slider/#comments Fri, 16 Dec 2011 20:45:25 +0000 Saif http://www.greepit.com/?p=14291 Flow Slider is a content slider jQuery plugin that lets you slide your HTML content. This free content slider is optimized to run smoothly and programmed to save the precious CPU time of your browser.

Flow Slider is extremely easy to set-up and allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/12/simple-and-minimal-html-content-slider-flow-slider/feed/ 0 Pure CSS3 Content Sliderhttp://www.greepit.com/2011/11/pure-css3-content-slider/ http://www.greepit.com/2011/11/pure-css3-content-slider/#comments Tue, 08 Nov 2011 09:19:06 +0000 Saif http://www.greepit.com/?p=13842 Caleb Jacob created a pure CSS3 content slider while experimenting CSS3 animations and transitions.

Although there are some flaws in the functionality/practicality of a pure CSS3 slider (jQuery is still the front runner by far), it’s still freakishly cool to see CSS do all of this junk! Just think of all the small things you can now use CSS3 transitions and animations for.

Currently, CSS3 keyframe animations are only supported by WebKit browsers and FireFox.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/11/pure-css3-content-slider/feed/ 0 Slideshows and Image Sliders with HTML5 / CSS3: Slider.JShttp://www.greepit.com/2011/11/slideshows-and-image-sliders-with-html5-css3-slider-js/ http://www.greepit.com/2011/11/slideshows-and-image-sliders-with-html5-css3-slider-js/#comments Tue, 01 Nov 2011 19:11:46 +0000 Saif http://www.greepit.com/?p=13739 Slider.js is an easy-to-use customizable Javascript library to create image slideshows.

Slider.js relies on latest web technologies: the power of CSS Transitions to perform awesome and efficient effects and the HTML5 Canvas to perform some non trivial transitions.

It comes with 13 CSS Transitions and 10 built-in Canvas transition functions including following features:

  • Each slide can have images, text captions and links
  • Slides navigation (pages, next, previous)
  • Image preloading
  • Load the slider photos with a JSON object (distant or local)
Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/11/slideshows-and-image-sliders-with-html5-css3-slider-js/feed/ 0 One jQuery Plugin for Galleries, Slideshows, Carousels and Slideshttp://www.greepit.com/2011/10/one-jquery-plugin-for-galleries-slideshows-carousels-and-slides/ http://www.greepit.com/2011/10/one-jquery-plugin-for-galleries-slideshows-carousels-and-slides/#comments Fri, 28 Oct 2011 10:32:28 +0000 Saif http://www.greepit.com/?p=13688 Managing and presenting content on web pages is one of the major challenges when designing effective user experience. Fortunately, there are a number of tools and techniques that allow you to effective manage huge amounts of data in simple and efficient user interfaces. You can use animate slide shows, image galleries, carousels and a lot more to present various types of content decently. Usually, you need to code these objects in to your web pages and manage each object separately. Minimit however allows you to provide all of these objects by embedding a single plug-in in your code.

Minimit Gallery provides galleries, slideshows, carousels, slides and a lot more in a single pack. You just need to work on your core functionality and leave the rest of Minimit Gallery.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/10/one-jquery-plugin-for-galleries-slideshows-carousels-and-slides/feed/ 0 jQuery Plugin for Custom Positioned Slides: FerroSliderhttp://www.greepit.com/2011/10/jquery-plugin-for-custom-positioned-slides-ferroslider/ http://www.greepit.com/2011/10/jquery-plugin-for-custom-positioned-slides-ferroslider/#comments Thu, 06 Oct 2011 10:29:35 +0000 Saif http://www.greepit.com/?p=13374 Presenting content on a website can be challenging sometimes especially when you you really want to break the barriers of vertical and horizontal scroll bars. That is why, you would often find designers and web developers playing with various navigation techniques to present content on a website. Today, we are featuring a simple jQuery plugin, FerroSlider, that presents your website contents in the form of interactive and organized slides.

FerroSlider allows your website visitors to go through contents of your websites in simple and animated content slides. You can position content as you want: by row, by column or using a custom displacement.FerroSlider is really simple to use, due to the multiple available plugin’s options.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/10/jquery-plugin-for-custom-positioned-slides-ferroslider/feed/ 0 Responsive Image Gallery with Thumbnail Carouselhttp://www.greepit.com/2011/09/responsive-image-gallery-with-thumbnail-carousel/ http://www.greepit.com/2011/09/responsive-image-gallery-with-thumbnail-carousel/#comments Wed, 28 Sep 2011 13:03:38 +0000 Saif http://www.greepit.com/?p=13282 Today we are sharing a nice tutorial on how to create a responsive image gallery with a thumbnail carousel. Inspired by Twitter’s “user gallery”, here is an implementation of a responsive gallery that adapts to the view-port width.

The gallery has a view switch that allows to view it with or without the thumbnail carousel, it also comes with keyboard navigation support.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/09/responsive-image-gallery-with-thumbnail-carousel/feed/ 0 Create Impressive Zoomable, Full Screen Portfolio Sites with jmFullWallhttp://www.greepit.com/2011/09/create-impressive-zoomable-full-screen-portfolio-sites-with-jmfullwall/ http://www.greepit.com/2011/09/create-impressive-zoomable-full-screen-portfolio-sites-with-jmfullwall/#comments Mon, 19 Sep 2011 11:03:49 +0000 Saif http://www.greepit.com/?p=13160 The best a professionals in creative services can get out of the Web is creative display of his/her work which is available online anywhere anytime. However, designing an online portfolio display is not as easy as putting a simple HTML page with thumbnails. A portfolio is like the first impression an online visitor (potential client) interfaces before asking about skills and rate. Thus a portfolio website has to be creative and interactive yet easy to navigate and use.

Fortunately, there are a number of open source and free tools that you can use to set up a simple yet effective portfolio website to display your work online. One of the many open source tools for building portfolio websites is jmFullWall. It is a jQuery photo gallery plugin that allows you to create impressive zoom-able, fullscreen portfolio sites. It shows thumbnails on a grid, offers zoom control and navigation on a selected portfolio item.

Major Features

  • Customizable row x column format
  • Handles images at any size (if offers pan control for high res images)
  • In-gallery navigation controls
Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/09/create-impressive-zoomable-full-screen-portfolio-sites-with-jmfullwall/feed/ 0 Animated jQuery Image Slider with Unique Transition Effects: Chop Sliderhttp://www.greepit.com/2011/08/animated-jquery-image-slider-with-unique-transition-effects-chop-slider/ http://www.greepit.com/2011/08/animated-jquery-image-slider-with-unique-transition-effects-chop-slider/#comments Thu, 11 Aug 2011 06:02:03 +0000 Saif http://www.greepit.com/?p=12668 As the saying goes: Big things come in small packages. Chop Slider proves it true. Packaged in just 6KB, ChopSlider delivers awesome and powerful image slider with unlimited transition effects. In fact, it is more than a simple image slider. It allows you to create your own custom transition effects that harness the power of CSS3 and jQuery to provide amazing animations that load fast and render smooth effects.

Transitions and animations are easy to customize and are work perfectly for mobile devices and all major browsers. For devices (iPhone, iPod, Symbian, BlackBerry, Android and other) and browsers that do not support CSS3 transitions, you can set specific parameters to ensure flawless animations. The only limitation with ChopSlider is your imagination and creativity.

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Related Posts

]]> http://www.greepit.com/2011/08/animated-jquery-image-slider-with-unique-transition-effects-chop-slider/feed/ 0