Textarea Auto-Resize Plugin for jQuery
July 19th, 2010 — No Comments
I’ve been looking for something like this for a while. Avoids the annoying problem of typing too much text and not being able to see all you’ve typed without having to scroll in a small box. It’s also smart enough to resize down when you delete text that has caused it to grow. I may even install it as a local browser script and apply it too ALL textarea fields I come across if only for my own sanity.
Read more...Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
January 25th, 2010 — 51 Comments
HTML5 is the future of web development but believe it or not you can start using it today. HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigations and footers which makes much more sense and are more natural.
This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers. Before we start, make note of the answer to this question. Do websites need to look exactly the same in every browser?
View Demo | Download Files (.zip)
How to Create a Theme Development Environment for a Live WordPress Site
January 11th, 2010 — 47 Comments
Any good website owner knows that they need to be constantly looking at ways to improve their site even through small little tweaks. If you’re using WordPress you’ll notice that it isn’t easy to create a development version without creating a separate installation. Of course, you can make changes directly on a live WordPress site but that isn’t recommended for anything other than minor tweaks.
With the help of an excellent plugin for WordPress called Theme switch and preview, this tutorial will allow you to easily switch between the live site and development versions using two different themes on the same installation of WordPress. We’ll do this by creating a bar at the top of the page which will clearly show you if you’re viewing the live theme (what everyone else sees) or the development theme with a link to switch between the two.
While there may well be a Worpdress plugin that does everything below, it’s much more rewarding and satisfying to create your own solution.
Read more...Animate a Contact Us Slide-Out Area using jQuery
July 14th, 2009 — 39 Comments
Contact us pages are usually boring static pages with a form, not very exciting so what we’re going to do is place the contact us form at the top of the page and create a button that slides out and reveals the form when clicked. All with the help of our little friend, jQuery.
View the Demo Download Files (.zip)
Read more...Changing the Background Color of a Page using jQuery
June 16th, 2009 — 18 Comments
I wanted to develop something that would allow the user to change the background of my site but without having to load a separate stylesheet so thats where jQuery comes in. As you will see below, jQuery allows you to manipulate html elements through the use of classes defined in CSS and it’s easier than you think.
Take a peak of the working demo.
Read more...