Showing 6 Result(s)
Simple jQuery slider with controls Pt2

Simple jQuery slider with controls Pt2

Well, this might be against some advice skilled bloggers would give me. However, I’m going to risk it and instead of waiting couple days to release this second part of the slider tutorial, I will release it today. Just to remind you, in first part we took care about HTML and CSS required for building up the slider. In this part we are going to enhance current code with jQuery to make it fully functional.

Simple jQuery slider with controls Pt1

Simple jQuery slider with controls Pt1

You just started working on some interesting project. Wireframes and mockups are done and you also have an idea about the overall functionality. You decided to include some dynamic elements into this project with help of jQuery. Let’s say this element will be some simple image slider with controls – left and right arrows – so the visitors will be able to cycle through images as they wish. You have two options. First, use some plugin that suits your needs. Second, create the necessary code by yourself. Today, let’s explore the second one.

Design fixed navigation on scroll with CSS and jQuery

Design fixed navigation on scroll with CSS and jQuery

One thing that can increase user experience and overall impression from your website is always present navigation. Why should the visitor scroll back to the top or click one more time to let the script move the window to the top? Remember, every click counts. We can easily solve this problem of accessibility by creating fixed navigation. However, this type of navigation is useless if visitor stays in the top part of the page. Why not to use jQuery to “switch” between static and fixed navigation? This is exactly what we will do today …

Simple jQuery slider tutorial

Simple jQuery slider tutorial

Today’s post will be about creating a very simple image slider (or any kind of data) you can use in your projects. I know that there are many sliders on the web, but they are often too complicated and contain unnecessary effects and garbage code. For this reason, we will create image slider that will automatically cycle through couple of images along with fading effect. Let’s dive in …

Custom HTML dropdown with jQuery

Custom HTML dropdown with jQuery

Why to use pre-created or pre-packed features if you can create and build your own? Default dropdown inputs does not look good at all and options to style through CSS are quite limited. If you have few minutes and are not afraid of jQuery, you can create your own dropdown according to your ideas. Let’s quite talking and start working …