An interesting article…

A Dao of Web Design, by John Allsopp

Advertisements

Stepping into jQuery

One of the easiest ways to introduce some interactivity and action into your website is to use a jQuery plugin. jQuery is a script that you set up in the head of your document, and then in the body, call it up to effect some cool actions. To start, we’ll look at an image gallery jQuery, called Lightbox, or in this case, Lightbox2. Check it out here:

http://lokeshdhakar.com/projects/lightbox2/

This gallery plugin is a great way to show an array of images, or just one image. It lets you set up a thumbnail on your page, which when clicked, opens up to a large (full screen if you set it up that way) version of the image. This is a staple of portfolio sites. And it’s pretty easy to achieve. The instructions are on the site.

And as you get comfortable with the format, you may want to experiment with some more sophisticated versions based on the original. Check out this one:

http://projects.nickstakenburg.com/lightview

Still, my advice is to keep it simple. We’ll start with Lightbox2, and go from there.

After we’ve mastered the basic Lightbox set up, we’ll want to make our own gallery. Here’s a PDF lesson I’ve created for just such an occasion.

FIRST POST for ART 335 Inter Term 2013…

Welcome to Art335, and WordPress.com! I’m sure that you’re both excited and trepidatious as I am. This is a rather grueling schedule we have in front of us. We will be condensing what usually takes 15 weeks, and then some, to really *get*. HTML, CSS, web design in general, is like a new language. I won’t expect you to be fluent speaker at the end, but I do hope you’ll be conversant. So before we start this marathonic endeavor, I’d like you to take a moment and read this note.

Those of you who may have had a class with me before know that I like to post material, and ideas and make them available to you through several media. Since this is a web design course, I think it’s only right that we start with the blog. And this site is going to be the active blog for the course. I will be posting assignments, interesting links, resources and such at this site during the semester. I’d like you all to check in on it at least once a week, just to make sure you’re not missing anything. Of course, we’ll also use the Blackboard system (atrocious!) to upload assignment files, and material, but this is the place where you should check in frequently. I’ll leave it open for comments as well, so you can participate, more than just cull information.

This is the first post, and the first week of this class, so no worries if you don’t comment. But please be aware that during the year I may make reference to this blog, and will expect you to be aware of it.

Attendance is a priority for this course. since every class day is equal to a normal semester week’s worth of work, if you miss a class, you miss quite a bit. So we must all be here, every day. Bring coffee, bring tea. But be here. That’s about all, and until we meet in class…Please read the following post for your first assignment.

….carry on.

-shalat