Posts tagged web development

Easy Slider – Powerful and Customizable jQuery Slider Plugin

Recently, I was working on completing my portfolio website. I wanted a slick and impressive way to display my past portfolio work, and I found this little gem known as Easy Slider while surfing the internet.

Easy Slider saved my life. It’s a jQuery image slider that is highly customizable. I recommend it for anyone who needs to create an image gallery or wants to add an interactive element to their website! It was super easy to put up, even for a JavaScript dummy like me. Check out the newer version for added features.
Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content
Easy Slider 1.7 – Numeric Navigation jQuery Slider

Check out how I implemented Easy Slider on my portfolio website! :)

If you liked this post, you might also like…
Top 10 Web Design Resources Every Designer Should Know About
Wana Learn jQuery?
Wordpress?

HMTL5 Local Storage, Session Storage, and Client-side Database Tutorial by O’Reilly

This tutorial will take you through the new features of HTML5 involving client side storage, sessions and databases. The tutorial is based off creating a web app for the iPhone but will serve you the same purpose if you are looking for any web based platform. HTML5 is the future and its a good idea to make good use of this information ahead of time.

Click Here for the Tutorial

Wordpress?

Wordpress is a great tool to be familiar with. It’s so popular and powerful that businesses use it all the time. Although Commonly used for a blog, it’s possible to create great websites using Wordpress as a platform. Wordpress allows you to install and apply themes so you can quickly get a website/blog up and running instantly, but it’s possible to use your own great designs as well. You can do these by creating and implanting your own custom themes.

So how do you create a Word press theme? Click here for a great step by step resource on how to create custom themes.

Coda

CODAThere are a TON of different text editors out there, everything from Windows’ NOTEPAD.EXE to BBEdit to Coda. BBEdit is great as far as simple text editors go, but it lacks specialization. While it does have autocorrect features, Coda has a comprehensive CSS editor as well as the autocorrect. It also has an organizational feature which, a lot like Dreamweaver, but what Coda has over Dreamweaver is that it is simple, uncluttered, and easy to figure out.

So give Coda a shot if you want to build your alternative suite of tools.

Web Developer Toolbar

If you have ever developed websites you have to get this Firefox add-on. This tool bar can turn on and off anything such as Javascript, CSS, Images and more. Basically you can test for anything to see if your webpage is stable when people have all those turned off. The toolbar has other features that are handy too. You can test for pretty much anything. Its also great for debugging too.

Image of Web Developer Toolbar

If your a web developer I would download the Web Developer Toolbar for Firefox. This is a good add-on.

Firebug is every web developers friend

Firebug Icon
Have you ever built an HTML page and styled it thinking it was going to look like the mock up you created just to view it on a web browser and find out that you have block elements going places you never thought possible. This is the point where the browser leaves you wondering “WHY IS THAT THING OVER THERE!”.

Luckily there is a tool out there that can help you see whats actually going on and that tool is called Firebug. Firebug is a plugin for Firefox and can help a ton when debugging or styling a webpage. It gives you a visual of whats going on by hovering over elements. I also use it to optimize my CSS. Sometimes you might have way to many statements telling your <p> tags to do the same thing. That can lead to a bunch of unnecessary code that increases the size of your css files.

Download and install Firebug. Trust me it helps.

Site’s Ready!

Capilano University’s Interactive Design program’s student blog is now ready to go. We’ve posted some tools, tutorials, program details and other stuff, so check back often as we’ll be posting new stuff daily!