Sliding Image Panels with CSS3
Today we'll show you how to create some neat sliding image panels with CSS only. The idea is to use background images for the panels and animate them when clicking on a label. We'll use radio buttons with labels and target the respective panels with the general sibling selector.
Create Micro Image Galleries Easily With jQuery
The usage of images in web pages is sometimes difficult as, in order to keep the story going, we may need to keep the content/image ratio at a specific level. However, more images are always good to define and support the content better. Micro Image Gallery is a jQuery plugin which can help solving this issue by displaying multiple images in limited spaces easily.
Circle Navigation Effect with CSS3
Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions. View demo Download source The beautiful images are by Andrey & Lili and they are licensed under the CC BY-NC 3.0 License.
jQuery Plugin: Give Your Characters a NobleCount « The Product G
NobleCount… for a more ‘proper’ count of the characters remaining. A very common requirement with many of the more social products of the various companies I work with is the dynamic display of the number of characters remaining in a textarea, Twitter-style. When implemented, every one of these companies either developed a simple solution in-house or found a re-usable front-end plugin online.
SIDEWAYS – jQuery fullscreen image gallery
Last updated on Nov 20, 2010 Originally published on September 12, 2010 by malihu, under Templates & web apps. A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.
Nivo Slider - The Most Awesome jQuery Image Slider
Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding.
85 Awesome jQuery Slider Plugins
Slider are very useful and increasingly popular web page elements used for highlighting important content. By using a jQuery slider plugin, one can create amazing HTML slider effects with fancy animations of content elements like text and images. jQuery takes care of the difficult aspects like browser support and typically when using jQuery plugins it can be done with very little coding effort. This is the reason why jQuery sliders and jQuery banner slideshow scripts have become very popular on most types of websites. They are are typically used to feature multiple products, news, video etc. without taking up a lot of space on the pages. In fact, we see sliders on most news and business websites today and they are placed on the most important location over the fold on the front page.
Grid Accordion with jQuery
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space. Basic accordion from jQuery UI
A Zoomable jQuery Image Gallery Called jPhotoGrid
View the Demo | Download the Zip The screenshot above is jPhotoGrid in action. This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.
“Who Is Online” Widget With PHP, MySQL & jQuery – Tutorialzine
Martin Angelov For this week’s tutorial, we are taking a look at our ever-so-interesting inbox. It all started with a letter from one of our readers a couple of weeks ago:
