2011-09-21 19:37:11

This week I have created a new CV to order to apply for some voluntary work within the web industry.

Creating your CV is much harder than it looks. I got the impression it would be pretty simple but this did not prove to be the case. Here are some issues I came across whilst creating my CV.

CV is not a resume. The first thing I realised is that a CV is a UK term for a resume, during my research I came across several articles were on resumes as opposed to CV’s, they are basically the same apart from the length. A resume is one page long where as a CV is typically 1 or 2 pages.

Design. Before you start take a look around various resources and think about the design you would like to create this would also include the font(s), logo, colour and layout. Make a few mock ups using lipsum and get a feel for how CVs are designed. I strongly recommend the CV is not overly creative. Include as much information as possible without it becoming cramped.

Relevant information. Make sure that the information you include is relevant to the job that you are applying for. A web design company do not want to hear about the shifts you did at your local supermarket.

Online portfolio. Make sure that you include your online portfolio or website if you have one. Whilst creating my CV I was told that will glance at my CV but will examine my website.

Grid. Make use of a grid when creating your CV. Ensure that every line is in place and correctly aligned and positioned. Pixel perfect. I used InDesign for this.

My portfolio can be viewed here.

Fixed scrolling navigation
2011-09-11 15:30:00

I came across a problem recently where I wanted to have a logo at the top of my page and the navigation underneath. When the user had scrolled past the logo I wanted to navigation bar to remain locked in place at the top. When the user scrolled back to the top the navigation would then lock out of place to display the logo.

It is obviously a case of swapping from either absolute or relative positioning to fixed depending on the position of the element.

After a bit of research I found various plug ins and located the following site which offered the best solution.

fixed scrolling navigation

The HTML markup is as follows

header class="centered" Header markup goes here /header
div id="main_content" Content goes here /div
div id="nav_bar" Navigation goes here /div

CSS can then be used to place the navigation anywhere on the page absolutely.

$(document).ready(function() {
var yOffset = $("#nav_bar").offset().top;
$(window).scroll(function() {
if ($(window).scrollTop() > yOffset) {
'top': 0,
'position': 'fixed'
} else {
'top': yOffset + 'px',
'position': 'absolute'

This piece of JavaScript starts by finding the offset of the navigation from the top of the document. Then, it defines the scroll event for the window object, which checks to see if the window has been scrolled past the navigation element. If this has occurred, it fixes the navigation to the top of the window. If not, the navigation is returned to it’s default state.

PMbennets demo can be viewed here, thanks to him.

2011-09-09 16:19:15

Whilst creating this blog I was looking for some help to assist me in extracting a certain number of items from the database and then options to go to the next set of numbers and so forth. When I was looking to ask to help I was struggling to think of a short descriptive sentence to explain exactly what I wanted.

I search high and low and eventually came across the word pagination.
Here is the official description from wiki

“On the Internet, pagination is used for such things as displaying a limited number of results on search engine results pages, or showing a limited number of posts when viewing a forum thread. Pagination is used in some form in almost every web application to divide returned data and display it on multiple pages. Pagination also includes the logic of preparing and displaying the links to the various pages.”

Pagination can be used both server and browser side, however the former is more common.
I basically wanted to stick 5 blog posts onto my wall and have a button to go to the next 5. I found this link extremely helpful in completing my pagination effect.

2011-09-03 20:41:23

Today I downloaded a new app for my iphone. FACEMKR. Facemmkr is basically an app that allows you to create a avatar on your iphone/ipad. Facemakr has a vast collection of professionally illustrated, detailed parts. Including (for example); over 70 detailed hair styles, 30 beards, over 30 eyes both male and female, and a whole lot more! With more items being added all the time, the combinations are endless. The process of creating a avatar is very simple and the finished articles are really quite stunning. These avatar can then be sent to both Twitter and Facebook from the app. There is also a online gallery where you can upload your creations. A fantastic app that I would recommend to anybody who is interested in graphic design.

Ive added a new image function
2011-09-03 15:22:13

I have just implemented a new image up-loader to BLOG IT, so now i can share pictures with my posts. This is a tester to see how it looks. Good i hope