Archive for the ‘Web Development’ Category

A Simple jQuery Photo Gallery

Thursday, December 29th, 2011
A Simple jQuery Photo Gallery

Simple is best

I haven’t done anything on jQuery in a while, so I thought I would write about another simple photo gallery I had to write. Nothing complicated, and easy to add to or edit. I’m basically writing some jQuery to automatically write the large image source attribute, and the thumbnail’s CSS background property, then throwing in some simple effects. For those of you that are just learning jQuery, you will hopefully learn something and be able to modify this little script to suit your needs. So lets get started. Take a look at the demo first though, so you can see what is going on.

View Demo
(more…)

Ruby On Rails – A Beginners Journey – Part 1

Tuesday, November 29th, 2011
Ruby On Rails – A Beginners Journey – Part 1

Let’s document my trip, shall we?

I set myself a goal at the beginning of the year to learn Ruby by the end of it. Well, I finally started doing just that. Actually I’ve tried a couple of times, but didn’t get far into it. By starting with Rails this time, I am actually picking up things a lot quicker. I’ll give all the credit to Michael Hartl, who wrote the book Ruby On Rails 3 Tutorial, which is what I am using, and so far recommend. You can also visit the site here. This isn’t a book review, though I might do later on. This post is the beginning of many that I’m going to use to document my progress. You know, show you where I was being stupid, and the awesome “ah-HA!” moments.

(more…)

Large Web Development Projects – What I Have Learned

Thursday, November 10th, 2011
Large Web Development Projects – What I Have Learned

Learning how NOT to do things

I have built plenty of websites for freelance, and I thought I had everything down. I know how to guide a client away from bad decisions, give advice that may go against what they want to do, get the information I need, and everything else that goes with starting a project. At least…I thought I did. I came across a problem with my latest project that I wasn’t really prepared for: building a site where the client wasn’t even sure what the whole idea was from the start. They knew what the basics were, but not the whole, and that is where I ran into trouble. It is because of this, that I learned how not to do things in the future. The most important being writing out the project’s scope.

Enter Closet Fish

Closet Fish website

(more…)

Introduction to Haml For HTML Layouts for Newbs – Part 4: Final thoughts

Wednesday, September 28th, 2011
Introduction to Haml For HTML Layouts for Newbs – Part 4: Final thoughts

Abstraction languages are cool

We need more of them. I only know of a few, but the ones that I do are pretty bad ass. Seems odd that the two I use were created by the same person, but if you have used Haml and Sass then you will see the connection and some of the thinking behind them.

Language abstractions make me think differently about the way I do things. Sass taught me to be a lot tighter in my CSS, and Haml showed me how you can write out an HTML page faster than lighting. In short, because of the these, I have improved as a web developer. For that alone they get my high praise and a check mark in the cool category.
(more…)

Introduction to Haml For HTML Layouts for Newbs – Part 3: Markdown Syntax For Content

Tuesday, September 20th, 2011
Introduction to Haml For HTML Layouts for Newbs – Part 3: Markdown Syntax For Content

Haml rocks for Layout, but what about content?

So obviously I really like Haml. Pretty sure that comes through in my writing. I’ve also stated that it is good for the layout/structure of your page, but what about the fluff of the page? You know, all the paraphraphs, lists and other crap the end user will actually read. Let me finally give you an example of why Haml is not the way to go for this.

#content
    %ul
        %li
            %a{:href=> "/index.html"} Home
        %li
            %a{:href=> "/services"} Services
        %li
            %a{:href=> "/about"} About

(more…)