James Dowen

Category: Productivity

Using iPad Pro for Web Development

As I began travelling more and more, it became quite a responsibility to travel with a heavy £3,000 MacBook Pro. I wanted an alternative that would still allow me to carry out business and work tasks, such as email and programming.

Visiting the Apple Store was more than enough to persuade me to make the leap and purchase the 12.9 inch 2018 iPad Pro – although it came at a cost of nearly £1,200 with the Smart Keyboard Folio addon.

As well as web development, it’s extremely handy for client meetings and calls. It’s great for making annotations to web pages, taking notes and hosting Skype calls.

After purchasing the iPad, you’ll also need the relevant apps in order to carry out your coding tasks. I went with Coda at a cost of £23.99, as it’s important that you choose a coding tool that does everything you need it to.

After extensive research, I found this to be the best one for my needs; although I understand developers needs differ so it’s important to do your research, read the reviews and check out some YouTube videos. The better apps will cost, but are ultimately a small price to pay in comparison to the iPad itself and for completing quality work.

I’m an avid PHPStorm fan, but it seems the developers currently have no plan to bring this software to iOS just yet. Coda is the closest alternative I could find, which includes key features similar PHPStorm such as “projects”, which Coda refers to as “sites”, and of course FTP – which saves having to use a separate app. The one thing Coda lacks is the ability to hook up to version control such as Github, but that’s probably down to the lack of software to support it from the iOS side.

The iPad will mainly be used for backend coding, as front end is still a struggle without being able to use certain features, especially Inspect Element as found on many desktop browsers. However, Coda is still great for most forms of coding, especially with the range of syntax highlighting available for HTML, CSS, JavaScript, PHP, Python, and more. They do have various front end tools, such as a preview mode to see your changes live without going into the browser, but I’d still find this very tricky to use if coding from a static design.

Although becoming less frequent with the power of the internet, when meeting a client in person we can easily annotate a web design together to get an understanding of their required changes and additions. This can be a lot easier than writing a list with no clear direction in many cases. This becomes even more fun if you opted to purchase the Apple Pencil, which is something I’d recommend if you’re a graphic designer especially.

Ultimately, the iPad Pro is a great portable tool for anyone in the web design or development business regardless of your role. They do offer a smaller model, but from what I’ve seen it would be more of a struggle to work efficiently from. There’s also many other things that can be done to accelerate your professional or personal life.

Web Designer/Developer Office Tour 2019

After moving house in June of 2018, I thought it would be beneficial to turn one of the rooms into a fully functional office. As a web designer/developer, it’s important that my working environment is comfy, well equipped and suitable to my working style. I’ve collated some photos below of certain key areas of the office, including the equipment and tech I use.


My primary working machine is the Space Grey Macbook Pro, operating with 16GB of RAM – mostly linked up to an external curved monitor (also the reason for its closed lid and the plant hiding the adapters).

I used to be a dual screen monitor kind of guy, but since upgrading to this 4K Ultrawide LG curved monitor, I haven’t looked back. The screen quality and resolution allows for a productive workflow.

Originally using the white Apple Magic Keyboard and Mouse, I switched to the Space Grey versions in the New Year.

I often get in the “zone” with the Apple AirPods with music, but they’re also perfect for calls with clients and partners.

I needed some colour in the room, so a few green plants are well suited for this.

As well as some colour, the walls were genuinely plain anyway, so a few art prints don’t go a miss.

Ergonomics is very important when your job requires you to sit down for a lot of the day, so a high quality and sturdy chair is a must have.

Although rarely used, I have a mini “chill out” area in the corner for a sofa and small side table.

Let a robot gain you Instagram followers

I’m a regular user of Instagram, and I’ve managed to build up a good following over the past couple of years I’ve been using it for by posting good photos and interacting with others. Recently though, I created a way to automate the interaction part of my account by creating a robot.

How the robot works is by automatically liking certain photos on hashtags related to my account. For example, it will automatically like hundreds of photos a day with the hashtags #webdesign, #webdevelopment, and more. In turn, this spreads your name across the Instagram network and gets people looking at your profile – which in a lot of cases results in them liking your photos and following you.

However, the robot can do so much more. It can automatically follow users, unfollow users, comment on photos, send private messages, and so on. I chose not to do this on my account because I like to control these things myself (not let a robot do it for me). I have used these techniques on other business accounts which are now gaining thousands of followers each month.

If you’d like access to the robot to grow your following, just email me your Instagram username to hello@jamesdowen.com and we can discuss further.

3 Quick Shortcuts for PHPStorm

PHPStorm is my IDE of choice for all web based projects as it provides an easy to use development environment for all of the technologies I use – especially PHP.

It also comes fully equipped with plenty of shortcuts to make life easier, of which three can be found below:

CTRL-D – Duplicate the current selected line.

Instead of writing out full HTML, generate it using Emmet (already built into PHPStorm). Simply type as below and press tab.

CTRL-Shift-F – Find/replace a phrase in your entire project.

MacBook Pro 2016 – OLED Design Concept

So many of us (myself included) have been waiting a long time for Apple to update the MacBook Pro range – with the last major update been back in 2012. I have a 2012 MacBook Pro model myself, but it’s in dire need of an update and I’ve been patiently waiting for Apple to announce something new.

There’s rumours around the web claiming that the new model will feature an OLED display (amongst other things). Take a look at the OLED design concepts by Martin Hajek below:

Macbook Pro 2016 OLED

Macbook Pro 2016 OLED

Macbook Pro 2016 OLED

Macbook Pro 2016 OLED

Why I started blogging…

Often I sit on a train, travelling to various places of work. Whether it be Adventure, GardenSite, or elsewhere – there’s a good chance I’ll be bored during my journey. I spend an average of 1.5 hours on a train on a typical working day (Monday to Friday) – and I feel like I’m wasting every minute of that time. So I wanted to do something productive. So I thought I may as well start blogging.

I could always do some web development work, but writing code from my phone isn’t the easiest of tasks.

A blog also gives me a place to share the things I find interesting and a place to share my thoughts on various topics that interest me.

I plan to publish a post daily, but how possible that is depends on how busy the train is.

Copyright © 2019 James Dowen