Building Web UIs

So my new job has been keeping me very busy, which is why I haven’t written a post in a long time. However, since I have a little extra time during these Christmas holidays, I’ve decided to write a little post about some UI coding principles I now embrace. This mostly pertains to HTML\Javascript\CSS. The over-arching philosophy for this is a seperation of interests similar to MVC, but just on the view side things. Whenever possible, I try to use JavaScript for UI functionality: events, calculations, loading (ajax), ui logic, etc.; As for anything visible, I try to use HTML …

Sketch Wireframe Kit

I have used wireframe kits such as this one in the past, but I was never 100% happy with any. The one I used most is the Jaws Sketching Kit but it didn’t have that “sketch” feel to it–the lines were just too perfect and I’m not as into rounded corners anymore. For that reason, I’ve decided to build my own. I’m still missing a few items that I don’t use often for wire-framing, but if I ever do create them, I will update the kit. UPDATE 6-14-2013: I didn’t really have time to write about the sketch kit the first time …

Using LESS with ASP.NET MVC

There are several option in implementing LESS (the dynamic style sheet language) with your asp.net MVC application. While MVC 4.5 provides bundling and, with that, minification, it still does not provide the same dynamism as LESS; that being said, you can take advantage of both using the following technique. An aside for those unfamiliar with LESS: it’s a dynamic stylesheet language that allows you to extend CSS to allow variables, “mixins,” operations and function. It’s a powerful tool that can help decrease dev time while making your style code more robust. It allows you, for example, to declare a variable …

Useful jQuery Plugins – Part 1: Scrolling

There are some great jQuery plugins out there that make our life a little easier. I’m not going to talk about any of the jQuery UI components which I use on a regular basis, but rather some of the 3rd party plugins that are available. They are all open source and free (this is the reason why I’m not including isotope). This is the first of a 4 part article. For some reasons I’ve used a lot of different scrolling plugins. The following are very useful plugins to make your pages a little more interactive: Waypoints This is an awesome …

Microsoft 70-480 Exam Notes

I passed Microsoft’s  Javascript, HTML5, and CSS3 Exam with a great mark, and it helped that I made thorough notes. Please note that these notes are incomplete and I also relied heavily on writing out JS code in JSFiddle so that I would better comprehend the code. I will post the links to JSFiddle sometime in the future after I go over them (they are very rough). However, my notes provide a great start and some excellent links. I recommend that you use them as a starting point. You will notice that many of the topics are missing (especially towards …

dgCarousel – a jQuery Plugin

I am the proud new owner (if one can call it that) of an open source project: dgCarousel. It is a simple, easy to use jQuery carousel that takes a set of list elements and converts them into a fixed-width, animated carousel. It’s customizable, extandable, and adaptive (sort of). I decided to start this project for several reasons. First, I wanted to learn how to create jQuery plugins the right way. I wanted to follow their standards and best-practices, which was also an excellent learning experience in adapting and utilizing an existing API. I followed the example from the jQuery …