March 3rd, 2010 by Andrew
Ah, the much loved but often over used accordion. It has its time and place but we need to be sure we are actually facilitating the content or design and not just using it as a spiffy animation. When the content says “hey there, I’m an accordion” by all means use it. But, regardless of your need, or lack there of, for an accordion, a lot can be learned about jQuery from building one from the ground up. This time around, we’ll be taking advantage of jQuery’s animation and event functions. So let’s dive right in.
Please note: This tutorial assumes basic knowledge of HTML, CSS, and basic jQuery usage and syntax.
View the demo.
So as you can see from the demo, we are going to be coding up your standard accordion. Nothing too amazing there but in addition to that we’ll be spicing it up a bit. Using jQuery’s .css( ) function, it is easy to add icons to indicate that the item is expandable and collapsible. This adds a bit of style but also increases the user experience. It’s important that if we are going to add functionality to our site we need to let the user know that the functionality is there.
Read the rest of this entry »
Tags: accordion, CSS, jQuery, Tutorial
Posted in Tutorial | 4 Comments »
February 25th, 2010 by Andrew
If I have seen a little further it is by standing on the shoulders of Giants.
-Isaac Newton
Countless individuals and communities have shaped and powered the internet for many years now. That is a bit of what encouraged me to dip into the waters of web development and design, the chance to shape, help, and be a part of what even back then had obvious potential. Now, the internet has developed into more than just a place for geeks to make fan pages or chat via discussion boards; it is a home for sharing thoughts, creativity, and an open advancement of technology.
Therefore, I find it time that I give a little back to the community that has given me the awesome opportunity to learn from, and be a part it of, all these years. With that said, I plan on using this blog to offer up tidbits of knowledge in the form of tutorials revolving around web site design and development and since graphic design is bedfellows with web design you might see a few tutorials relating to that as well. Additionally, I’m sure there will be a post or two about my view of the current internet landscape and where I see it going with the obligatory round-up sprinkled in for added variety.
Cheers and keep up the coding.
Posted in Announcements | No Comments »
