Brian began developing applications for the Internet in 1995, and has continued to architect, design and develop Internet software for the last 11 years, including projects for IHG, IBM, Brighthouse, and Cox Target Media (Valpak).

Here he shares his thoughts and opinions on Internet Software Architecture and Development, chronicles his current projects and areas of research, and give tips and tricks he discovers along the way.

GUI



DENIM: A must have tool for Web Site Concepting and Storyboarding

I love drawing on whiteboards. I’m very visual, and most times, can’t think through a problem, nor plan a problem without drawing it out. I’m terrible at drawing, so its not about drawing something that looks visually interesting, simply about using visuals to organize concepts, data, and flow.

I use the same technique when planning out a new web site. I like to draw a box for each page, and use lines to link them together. I also design the basic idea of each page, either on a white board, or on paper. In the past, I’ve mocked up my pages using HTML/CSS, and at other times done it in Photoshop or Gimp. The problem is, I waste so much time fooling around with the tools, or trying to get that CSS to look just right, that it takes longer than it should to come up with my basic design.
Thankfully, I’ve found a solution to all that, which I’ve already used to design my next project. With the new tool I’ll introduce you to in this article, you can sketch out which pages you need, and the linkings between them, as well as sketch out the look of each page, all with the ease of using a pencil and paper, yet, save it for later use and editing, and turn it into a functional mockup, perfect for handing to a HTML/CSS developer and a graphic designer.

Read the rest of this entry >>

Tip for Easier Web Page Layouts

I don’t usually post much about laying out web pages, but this tip was one I just couldn’t pass on . I can’t wait until the next time I have to layout a web page to use this. The tip is to use a background image, which is a grid. You apply it as the background, and then use it to position all your elements. Take a look over at Smiley Cat, which provides a background image and an example.

AJAX Returning HTML (change of opinion)

After further thought and consideration, I retract my statement that HTML should never be sent back to an AJAX request. There was a reason I made that statement, however I can’t fill you in on it yet (hint: I have to wait for a future software release). But, even with that reason, I have no issue with using HTML in an AJAX response. I wrongly applied a wise and fully correct architectural principle, which I will elaborate on in a future post, to the AJAX situation.

Hopefully at some point in the future, I can go into more detail on why I first wrongly concluded that this should never be done. Until then, rest assured, I will use whatever format fits the circumstance (JSON, HTML, XML).

Next Page »


Close
E-mail It