Flat jQuery Accordion Menu Tutorial

In this post I will be showing how to create a two level, jQuery accordion menu. Whats special about this menu is that we will be using jQuery to count the number of items in the sub menus and then show that number next the parent item. For this tutorial I am assuming you are fairly comfortable with the HTML and CSS. I will explain a little bit about them, but the focus of this tutorial will be on the jQuery code.

Note:Download more of our free jQuery Menus and Accordion Menus.

Read More

5 Sexy Accordion Menu Designs

  • August 10, 2013
  • 0 Comments

So with the latest addition of jQuery Menus to the site we are now able to bring you dynamic accordion menus. We will be filling out our selection of these menus as time goes on but to kick things off here is a round up of some of the sexiest accordion menus we can find on the net. Take a look and grab some inspiration for you next design project. If you think we are missing some good ones, let us know in the comments.

Read More

New jQuery Menus Added

  • August 10, 2013
  • 0 Comments

We are excited to announce that we have just added new jQuery menus to the site. We've been getting request for accordion style menus for a while now, and have finally added some jQuery into our system. Even those these menus are not 100% CSS, we still think that are worth having around.

Read More

CSS Form Template Roundup

Here we go again, yet another CSS template roundup. This time we found some great looking CSS form templates for you to use on your website. All these templates are found at CodeCanyon and cost anywhere from $1 -$4 dollars, but in my opinion a couple bucks can save you a couple hours in development time. All these CSS form templates are pure CSS and HTML.

Read More

10 Handy CSS Selectors

Most experienced front-end developers probably already have this as part of their coding toolbox, but did you know there are some powerful CSS selectors to target an empty element, elements of a specific type, or maybe any type of element? Older resources tend to shy away from using some of these tricks, however more and more we see that browsers are so fast, it doesn't matter nowadays. With that in mind, here are 10 handy selectors you can start using today (assuming you don't need support for ancient versions of IE, however, there are polyfills for that).

Read More

5 Awesome Web Dev Utilities (for Windows)

"A bad workman always blames his tools" is a known proverb, however, a good tool is still better than a bad tool. To avoid being the proverbial "bad worksman", here's a list of awesome (and free) web dev utilities (for Windows) that you can add to your toolbox!

Read More

localStorage Basics

HTML5 adds a new feature to browsers which allows them to store a certain amount of data locally on someone's computer. This comes in handy with some of the recent "web apps" that might, for example, save your drafts or states even when disconnecting from the internet. This feature is a Javascript API known as localStorage, and in this tutorial, we'll be covering some of the basics of how it works.

Read More

Web Inspectors Round Up

Debugging your website doesn't have to be a tedious task of trial and error; every browser comes with some built-in developer tools that will let you inspect individual elements, live test CSS, or even go as far as helping you find different parts that can be furthered optimized! In this tutorial, we'll take a look at each browser's native tools and some basic tips on how to use them.

Read More

Pages