Category Archive Technical

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

Html

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

JavaScript

 $('[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 co-working work space in London

I am often in and out of London for meetings, trying to schedule calls in between meetings whilst negotiating the underground or an Uber. Although there are thousands of places you can go to jump online and do an email, I found it so hard to find anywhere quiet enough to be able to concentrate and do some deep work, or jump onto a call. Always on the look out for some free co-working work space in London I came across Google Campus.

Google Campus London

Google Campus also known as Google for Start-ups is located in a number of cities around the globe. In London, the office is based in Shoreditch.

In essence it is communal co-working office space provided by Google for Free to anyone starting or working in a start-up. In London Google Campus is located on the basement floor of their Shoreditch office. It comprises of a whole floor of different work spaces from sofa’s, meeting tables, booths and a private garden. It also has its own cafe so there is no reason to leave all day. The Wifi is free and plug sockets are in abundance. There are additional resources to help you progress in your work such as whiteboards.

The atmosphere is usually buzzing with energy as many techies work away on their own project. There is a communal notice board where you can find team mates of offer your help to other projects.

In addition to the amazing space and resources, there are often many lectures and workshops on an array of topics that are usually free to attend also.

To be able to use Google Campus you need to have passed their application process. The application process is free and you can find it on their website listed below.

Free co-working work space in London

Visit Google Campus