Sometimes, We Write Stuff...

Posts tagged with: CSS

MooTools Content Slider Update - Numbered Nav

27 comments

So, here we are again... yet another content slider update!  By far, the most requested addition I have received is a way to 'jump' to other slides, along with a navigation for it.  I'm actually going to take that one step further, and show you how to accomplish that with a dynamically created navigation list!

Read / Discuss

Mootools Div Slider With Basic Controls

8 comments

After posting my last Mootools tutorial, I received a couple of friendly comments asking for a version with some simple controls.  That seemed like a great/useful request, especially given the fact that I wasn't sure if anyone was reading these posts!  It's been a super hectic week here, but I finally managed to get around to coding it up this weekend... Hopefully you will enjoy this and/or find it of use!

Read / Discuss

Mootools Content Slider With Intervals

16 comments

To celebrate the official release of MooTools 1.2, I decided to post a quick tutorial on making a timed 'content slider' with the new version.  I needed to create one of these for a client this afternoon, so I coded one up from scratch... and I thought it might be useful to someone else needing to do something similar.  There may be a better method to accomplish this, so if you have one please share with us!

Read / Discuss

Jazz Up Your Forms With MooTools Pt. 1

5 comments

I can't promise anything, but I plan on putting out at least one tutorial a month. For my very first one, we'll be dealing with MooTools and contact forms.  It's a bit lengthy, so I'm going to be breaking this up into two posts. There are four main things we'll tackle:

  • Animated field highlighting
  • Displaying/hiding instructions for each input field
  • Live comment previewing
  • Auto-resizing of both the comment preview and it's corresponding textarea input
Read / Discuss