Jamie Balfour BSc

Welcome to my personal website!

Technology enthusiast

I am very interested in technology, particularly relating to computer science. I am most interested in web design and development.

My main hobby is programming. One of my most well known products from this is ZPE. I also am the sole creator of BalfBlog, BalfBar and BalfSlider.

A little bit about me

In 1997, when I was six years of age, I got my very first computer. I was always very interested in the ins and outs of it and dismantled it to see how it worked.

Years later, in 2016 I received my BSc (with honours) in Computer Science, obtaining a First class degree.

I'd like to welcome you to my website and hope you enjoy using it as much as I have enjoyed building it!

Google Plus
Me
Jamie Balfour BSc
Full stack developer

BalfBar

Welcome to the page on BalfBar.

This is my lightest weight menu I have ever built and is built with SCSS so that customisation is easy! You can enjoy this menu from my website at no cost.

My menu is designed to be similar to jQuery SmartMenus but with a different approach. My thought initially when I used SmartMenus was that it was rather large. I personally used and liked the BootStrap theme, but due to the fact that it was using all of the BootStrap library in the CSS files, I found that it was rather large and difficult to update.

I decided on the 15th of September 2015, as part of my own website restructure, I would build my own menu.

Getting started

It's so easy to get started with BalfBar now that it is fully implemented as a jQuery plugin.

First ensure you have jQuery 1.10 or later and a copy of the stylesheet:

HTML
...
<head>
    ...
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <link href="balfbar.css" rel="stylesheet" type="text/css">
    ...
</head>
...
					

On the subject of stylesheets, I provide a compiled version of the style used on this sample page and indeed the one on my personal website, but you most likely want to compile the SCSS file so that it works better with your website.

Crucially, parts of the CSS can be cut out, such as the Dark Mode style, just by modifying the SCSS.

I think defering until the document is ready is the best way to load BalfBar, but that choice is yours. Continuing in the head element, open a new script and put the following code in it:

JavaScript
$(document).ready(function(){
    $("#menu").BalfBar();
});
					

Functions are bound within the plugin to specific events which will trigger automagically. There is no need for you to change any of this. I have also included a beautiful dark mode, which was inspired by my original modifications made to the SmartMenus menu which in turn was inspired by Mac OS X's Dark Mode.

Sample

Logo-base

If you switch to Dark Mode, you may notice that the logo has an orange border colour. This is achieved with the SASS variable $logo_base. You can use this to create a border around a logo which is circular. The logo should have a border-radius property with a value of 50%. You can observe this on my website. If you wish to support old versions of Internet Explorer, that is the 2008 release of Internet Explorer 8 and earlier, you will want to have some fall back to prevent the logo base being generated (since the border-radius property is unsupported in these obselete browsers).

License

BalfBar is, as with all of my projects in my Web Neutral Project, free to use. The source code is available on request, but by default, the file included is minified but non-minified source code can be given on request (I cannot be bothered updating my website with the latest each time).

Plans

I feel that BalfBar is pretty much finished now and will not need to add anything else to it. Let me know what you think in the comments.

Comments

Please do not use any offensive words in your comments.

Site accessibility

A lot of the original functionalities that once existed here have been removed.

This page was generated in 1.1 seconds using 2097152 bytes. Slow? Let me know.

To use project mode, the window must be greater than 920 pixels in width.
Click here to disable Project Mode.
This site uses cookies to deliver its services, to personalise ads, to store preferences and to analyse traffic. Information about your use of this site is shared with other companies. By using this site, you agree to its use of cookies.
Contact me
Contact Jamie Balfour

Get in touch with me via this form.