WebDesign&Such

Need a nice looking product slider for you website?

Introducing FancyMoves, a new jQuery Product slider for your website or blog. This slider is built off the Moving Boxes slider, with FancyBox for expanding images.

View Demo

Continue reading

I was making a product slider for a clients website; and was using the CSS-Tricks Moving Boxes slider. I chose this slider because it had an effect that most other jQuery sliders don’t have, the main image is larger than the images leaving or entering the screen.

The one problem I found with it was that there is no setting for autoplay, so the user always needs to manually press the arrow to navigate to the next photo. I wanted it to autoplay, so it starts to play as soon as you load the webpage. I found the code to make this work however, check out the demo to see the slider autoplay, and keep reading for the code / instructions.

View Demo
Continue reading

I was coding a page the other day and needed to have a button that could refresh the webpage when pressed. Turns out jQuery can take care of this rather easily. Check out the demo below, and keep reading for the code.

View Demo
Continue reading

In a previous post I showed possibly the easiest way to embed a Twitter feed on your website. This brought up a couple of questions from some users.

1. Can you make a background behind individual Tweets?
2. Can you put the date on it’s own separate line?

As the case goes with a lot of things these days jQuery to the rescue! Check out the demo to see both of these things in action, and then continue reading to see how to accomplish these things with jQuery and download the source files.

View Demo Continue reading

Well the day finally came

… the re-design of my personal website BeantownDesign.com is complete! Well, complete enough to launch I should say. A TON of hours went into this latest version of my site, and I can truly say I’m pleased with the results. I liked my old site, but I had too many new features that I wanted to try out, as well as a new look.

Some notable features of the new BeantownDesign.com include:

• JQuery pop-up boxes
• JQuery images sliders
• Live Facebook style chat
• Twitter feed pulled onto site
• CSS drop nav with image replacement
• Smooth Scroll for “TOP of page” links
• Animated Favicon
• Google Map

Continue reading