Subject: Do you offer university postgrad scholarships?

Hi there.

My name is David Johnston, I’m a 31yo New Zealand born citizen.

I have a bachelor’s degree in computer science and four years commercial experience as a data transformation and web developer. I spent two years at Acme transforming documents to and from a spine, and the last two as more general frontend and full stack web developer.

With the recent election of Donald Trump and Russian manipulation of social media, I’m feeling I’d rather be working in this space than my current job.

What I want to do is a create an API for scraping news websites and social media, gathering sentiment,  and presenting it wordcloud format or similar.

I don’t have a particularly theoretical approach in mind – I’m not educated in linguistics; my interest in the software engineering solution.

Have a look at this web application I made: – this is something I threw up pretty quickly and haven’t refined – but it shows the possibilities of web browsers as good application interface.

I want to create an open source API, free for the world to use, but something you might find useful.

Essentially, a good way to do this would be for me to go to university, and make this project the subject of my postgrad thesis.

What I’m ask of you, is if you offer sponsorship or scholarships to allow me to go this. I’d be looking for $60,000 living costs/year + study costs.

I hope this finds you well, and I’ve attached my CV if you’re more interested in my technical experience.





Chrome mapping to local workspace resources tutorial.


This tutorial outlines a technique using the Chrome browser, that allows you to map webapp resources to local copies of your resources.

In this tutorial – I will demonstrating this technique for the purpose of modifying .scss and .css resources.

Effectively – the Chrome browser will use your local copies of the resources to render the webpage. This will allow you to modify your version controlled resources in the browser developer tools, and see the changes immediately.

No more tweaking in the browser and then copying to version controlled resources. No more redeploying each time want to see your changes. This may greatly quicken your development process.

Prerequisite Understanding.

For this tutorial I assume you are generally familiar with creating webapps, deploying to web servers  and working CSS and SCSS. If you don’t know Sass/SCSS don’t worry – it’s very simple, and you should learn it, because it’s awesome.

In this tutorial I’m deploying a Java webapp to Tomcat 8, and I’m using Maven for my dependency management and deployment.

If you’re not using these technologies, don’t be too worried, so long as you know how deploy your own webapp.

Project Structure

Here’s what my webapp currently looks like:


Here’s the project structure:


And here’s the code:

<!DOCTYPE html>

<link rel="stylesheet" type="text/css" href="scss/style.css">


this is a div

<span> this is a span</span>

this is a div

<span> this is a span</span>



@import 'foo';

@import 'bar';

body {
background-color: #f2f2f2;
padding: 50px;

.foo {
background-color: green;
padding: 20px;
font-weight: bold;

div {
background-color: yellow;

span {
background-color: orange;


.bar {
border: solid 2px black;


  1. First I need to compile the css.
    >sass compile style.scss style.css
  2. Now I deploy using maven
    >mvn tomcat7:deploy

Making changes the hard way

Let’s say I want to add some spacing between those two divs, and also I want to make it so all the children of the bar div also have borders.

I’ll probably do something like this:

I’ll add margin: 10px 5px; to .foo.

And I’ll add

> * {
border: 1px solid white;

to .bar.

I now recompile the .css

sass compile style.scss style.css

and undeploy, redeploy my app

mvn tomcat7:undeploy

mvn tomcat7:deploy<



There’s a much easier way to do this though.

Introducing: Chrome resource mapping

1. Configure chrome

Open chrome

  • Navigate to chrome://flags
  • Enable Developer Tools Experiments (about halfway down the page)
  • Restart chrome.
  • F12 -> Developer Tools settings
  • Enable CSS source maps.

2. Get SASS compiling and watched

sass –watch style.scss:style.css

3. Map the CSS in Chrome

  • Open chrome
  • Navigate to your deployed webapp.
  • F12
  • Sources tab
  • Right click in the sources folder structure white space -> add folder to workspace


  • Add your local assets workspace.
  • Find websites style.css
  • Right click – >map to file system resource


  • Select the corresponding style.css that’s in your local workspace.

4. Modify your .scss in chrome

  • Open a *.scss file in the chrome workspace
  • Make some changes.


  • Boom! Your changes instantly took place, and are already in your version controlled files.

This is much easier isn’t it?