Lightbox clon or alternative for YUI, the yahoo library. Show yours imagens in modal boxes when you click over them.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

When it comes to form validation, it's hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don't have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

If you ever saw how products like Microsoft CRM look like you probably noticed there are input fields that have "embedded" image buttons inside them. If your clients saw that, there is a probability that they will want to have it in their applications. Whether you agree or not, here is how you can do it easily. So easily that you will have to add just a few lines of code and enable this feature in entire application.

*Fully Skin-able * Your original dropdown is safe, so your form post will not be messed. * An image can be inserted with your text. Each option can have an image. * You may covert all combobox as image combobox, you may convert by id, multiple ids, or by wild card. We'll see that in example. * Its possible to repopulate the data. You can also Enabled/Disabled your dropdown. Now with the object control. * Almost all events are working.

Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Here's what it takes to get going: load the typeface.js library and some typeface.js fonts, then proceed like normal.

How to build an attractive full page content feature slider plugin (similar to the MailChimp slider) - by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical stack of thumbs appear when hovering over a menu item. The thumbs are scrollable by moving the mouse up and down which makes a really nice effect. We will add some CSS3 properties for spicing up the looks.

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesnt display border-radius on images. Then I figured a way to work around it wrap a span tag around with the original image as a background-image. Thanks to Darcy Clarke for the jQuery code which does the magic tag wrapping automatically.

In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect. The background image sliding direction from the list item in the middle will depend on which item the user was before: coming from the right, it will slide from the left and vice versa.

Today we are going to create some sliding boxes effects built with jQuery and some CSS. Throughout this tutorial I will explain every line of used code with details, Hope you will enjoy this understand it easily.

Loading ...

Recent Comments

Anusha D said:

I got an idea after reading your blog. Thanks a lot for sharing this content with us. <a href="https://www.acte.in/python-training-in-bangalore">python ...

Web Educare said:

This is a very good content and thank you for sharing such an wonderful information. Please follow my <a href="https://www.webeducare.com/">website</a> ...

veeera said:

Great post and informative blog.it was awesome to read, thanks for sharing this great content to my vision. <a href="https://www.acte.in/cyber-security-training-courses-in-chennai"> ...

pushba said:

Very nice blog and articles. I am really very happy to visit your blog. Now I am found which I actually want. I check your blog ...

Data Science Training in Hyderabad said:

Fantastic article, information shared was very valuable found helpful and enjoyed reading this one. Thanks for sharing. https://360digitmg.com/data-science-course-training-in-hyderabad ...

Cyber Security Training said:

Very nice blog and articles. I am really very happy to visit your blog. Now I am found which I actually want. I check your blog ...

Cyber Security Course said:

Great Post and including an understanding of the regulatory process. https://360digitmg.com/india/cyber-security-course-training-in-bangalore ...

preet kaur said:

Thank you for sharing such an amazing content Also you can visit my site and find similar and informative content on the ...

Digital Marketing Course said:

Stupendous blog huge applause to the blogger and hoping you to come up with such an extraordinary content in future. Surely, ...

Data Science Course in Bhilai said:

Honestly speaking this blog is absolutely amazing in learning the subject that is building up the knowledge of every individual ...