Author Archive James Harding

Prevent line breaks in text area fields

So I came across an occasion where I needed to use ‘TextArea’ fields to allow for more that one line of text, but wanted to prevent users from typing in line breaks or returns manually. So the question arose how do I prevent line breaks in text area fields but allow text to naturally break down to the next line.

After a few attempts I have found away that allows a multi line text area to be used but blocks the user from using ‘enter/return’ or ‘shift and ‘enter/return’. Manual line breaks were breaking a behind the scenes script and causing it to become slightly unpredictable. By using this fix it allows a user to enter the amount of text they require but takes the line breaks/returns out of their hands and lets the software detail with it.

Prevent line breaks in text area fields -Example


<textarea contenteditable="true">
Sample text here.


 $('[contenteditable]').on('keypress', function(e){
    	 return e.which != 13;
    }); $('[contenteditable]').on('keypress', function(e){
    	 return e.which != 13;

Try it in the live code editorJSFiddle

Please feel free to use. If you find it useful please comment below.

Microsoft Expression Web 4 Free alternative to Dreamweaver

In a bid to try and find a good alternative to Adobe’s Dreamweaver I have tried many tools. However, the only one that I have found for free that comes close to the power of Dreamweaver as well as its ease of use is Expression Web 4 development by Microsoft. Microsoft Expression Web 4 Free alternative to Dreamweaver certainly gets my recommendation.

Download Microsoft Web 4

Microsoft Expression Web 4

Microsoft Expression Web 4 is a WYSIWYG editor created by Microsoft. It allows you to develop your website in full code view, WYSIWYG view or a split of both.

Microsoft no longer develop Expression Web, however the 4th installment is still available to download from Microsoft, free of charge. The 4th installment is also compatible with Windows 10 and I have used it today (Oct 2019) without any issue at all.

It reminds me of earlier versions of Dreamweaver and is very much like Dreamweaver MX. A little bit dated but has all the key elements that you get with the current version of Dreamweaver.

If you are looking for a free website editor, I would certainly recommend you try this.

Microsoft Expression Web 4 Free alternative to Dreamweaver

Download Microsoft Web 4

If you do use this tool, please feel free to comment on your experience below, or get in touch.

Free Microsoft Word CV Template

Over the years, especially when working in management, I have read many CV’s and job applications. Some well written, and some very poor efforts. Some time back I created a CV template designed to help anyone create a professional and effective CV by following its simple structure. You can now download this Free Microsoft Word CV template below.

The CV comprises of seven sections:

  1. Personal Details – Full Name and Contact Information
  2. Personal Statement – A paragraph that highlights key qualities.
  3. Key Skills – Use this to match your key skills with that of the vacancy.
  4. Education and Qualifications – List achievements here.
  5. Additional Certifications & Training – List additional achievements.
  6. Career Summary – From your current position, working backwards.
  7. References – Either list them or show they are available.

Career Summary

Within the career summary, as well as listing key responsibilities, where possible, also list key achievements. Such as, “Increased year on year sales by 10% for 2018-2019”. Achievements should be measurable. If you have a lot of previous positions, focus on the top four or the ones most relevant to the role you are applying for. Any further back you should list company, role and dates but do not need to go into any detail.

Please feel free to download and use this CV. If you have any feedback on the template, please comment below or get in touch

Free Microsoft Word CV Template

CV Tips – A great resource for additional CV help.