Collapsing Site Navigation with jQuery
by Manoela Ilic
Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the […]
In this section, you will find a variety of in-depth articles written by skilled front-end developers that cover a range of web development and web design techniques.
by Manoela Ilic
Today we will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the […]
by Manoela Ilic
In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties […]
by Manoela Ilic
The other day we were wondering how we could show our visitors more of our works. It’s normal that in a blog older posts get forgotten and even if something […]
by Manoela Ilic
In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We […]
by Manoela Ilic
In today’s tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our […]
by Manoela Ilic
In this tutorial we will show you how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to […]
by Manoela Ilic
In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts […]
by Manoela Ilic
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, […]
by Manoela Ilic
Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is […]
by Manoela Ilic
In this tutorial we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect. We will be […]
by Manoela Ilic
In this tutorial we will create an actions menu with jQuery that appears when checkboxes are selected. This can be a very helpful UI property since we don’t force the […]
by Manoela Ilic
With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple […]
by Manoela Ilic
Today we will create a menu out of little boxes that animate randomly when a menu item is clicked. The clicked menu item expands and reveals a content area for […]
by Manoela Ilic
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. […]
by Manoela Ilic
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 […]
by Manoela Ilic
Today we are going to create a stunning circular motion effect with jQuery. We will be using the jQuery.path plugin to animate a circular movement for a menu in a […]
by Manoela Ilic
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 […]
by Manoela Ilic
Today I am going to show you how to use some neat CSS3 properties to beautify your tables. With so many new selectors we can address specific table cells and […]