James Dowen

Category: Web Development (page 1 of 2)

Top 10 websites that web designers & developers must see in 2017

Over the years as a web designer and developer, I’ve come across a number of different websites and resources that assist with productivity and inspiration. Below is a list of the top 10 websites I think you should take a look at if you’re web designer and/or developer. Whether you’re just starting out or you’re a professional who’s been in the industry for years – I’m confident you’ll enjoy looking through the below:

1) GitHub

Mainly for developers, GitHub isn’t just great for collaborating on projects where multiple developers are involved. I am often the only developer on a project and use GitHub as a tool to backup my code.

2) Wunderlist

This website/app is great for writing todo lists. I use this not only for my working life, but to also keep my personal life on track. It’s pretty similar to the many other todo list apps in existence, but the elegant design drawn me towards this one.

3) Codrops

While great for many things including news and resources, my favourite part of Codrops is their how-to articles and demos. There are a tonne of beautiful CSS experiments and examples on there that any designer or developer could embrace

4) Web Designer News

This site does not publish articles itself, but rather curates them from other trusted sites. It’s great resource for easily hunting down the latest news in the industry.

5) Stack Overflow

This had to be included really. My go to platform for any development or programming related problem.

6) Scotch

A library of super well written articles and tutorials on all things web dev.

7) CodyHouse

Pretty much the same reason as Codrops but different experiments.

8) Asana

Perfect for managing multiple ongoing projects. You can add tasks, sub tasks, attachments, assigned to other people if working in a team, etc.

9) CSS Winner

Awards are given every day to well designed websites. Browsing through the award winners tends to give you great design inspiration for your next website.

10) Smashing Magazine

Full of coding news, tutorials, tips, and more. Reading this daily will sure help to keep you in the know.

5 things to consider when creating a website

A website is important to any business. It is a customers first port of call when they require information, potential customers visit your website to find out more, and for a lot of people their website is even their primary income source. But when you are getting a new website, or completely revamping your current one, there’s a lot to consider.

There’s often some things that people fail to consider which may have negative impacts on the website in the near future…

1) Is my website responsive?

A responsive website (or mobile and tablet friendly as some may call it) is important today as it will accommodate the ever growing mobile user-base. Over half of internet traffic comes from a mobile device, and if your new website is not suitable for browsing on a mobile device, then potential customers will most likely leave the site.

2) Website Hosting

You’ll find there’s often very cheap web hosting available for as little as £1.99 per month. While this seems good on paper, I’ve seen many people become let down over the years by poor service levels, resulting in a lot of downtime for their site. 100% uptime of your websites server is a necessity. If someone visits your website while it’s down, stats show that 87% will not return again.

3) Social Media Integration

This is expected by most today, therefore making it mandatory that your site users can easily interact with you on social media via your website. Whether this be links to your social media profiles so you can easily be found, or embedding social feeds, site visitors expect to be able to find this information easily.

4) Security

I once worked at an agency who mainly built WordPress websites for their clients. While this wasn’t an issue in the short term, the longer term often seen plugins and themes not kept up to date – causing security vulnerabilities to appear. Sites would often be attacked with spam comments, spam links, technical errors and so on; not a great look for those visiting your site. This can easily be prevented by keeping site and server software up to date, or using secure programming methods if going down the bespoke route.

5) Content

It used to be said that content was king. Although things have changed on the web over the years, this still appears to be the case in most cases. It’s important that all text is unique and not copy/pasted from another website. Doing this will flag your website as duplicate content to search engines, thus resulting in a possible site ban and loss of traffic. Duplicate content isn’t the only worry though; content must be engaging and of a high quality.

This is just a handful of five factors to consider when creating your new website. The list could go into the hundreds, and it varies from site to site. A small business site would have less factors than a large-scale ecommerce website.

 

How to speed up your website with .htaccess

Loading speed is still a common issue for many websites from small to big today. If your website takes longer than 2 seconds to load, then it most people will leave your website and go elsewhere without a second thought – and will never again return to your website.

There’s also another consequence to slow loading times, Google are now using loading times as a ranking factor on search results. So, if your competitors have faster loading times, then chances are there website could rank higher than yours in search engine results – potentially costing you a great amount of traffic. Below are some quick ways of increasing your loading times with .htaccess:

If you’d like help doing this on your own website, then please do contact me.

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.

Testimonial from Toby Choules, of Combined Unsigned

Initial design concept

News Feed – Initial design concept

I haven’t posted much onto here in a while, simply due to the massive workload I’ve had on. So my time has been more focused on creating websites for clients rather than writing posts on mine (which I don’t mind at all).

Recently I’ve been working on a music-related social network for unsigned artists. Combined Unsigned is an upcoming social network, that allows unsigned artists and producers to post their music, images and other content. The platform also allows users to easily instant message each other, follow each other, and interact in a number of other ways (such as through “Liking” and commenting on posts).

cu blog23

Profile – Initial design concept

Combined Unsigned has been designed and developed entirely from scratch and runs on an entirely bespoke system. This boosts efficiency, flexibility and security and is something I would recommend for all websites. The site adopts responsive design (mobile and tablet friendly) and utilizes the latest technologies to make the most of the web today. Technologies include HTML5, CSS, JavaScript, jQuery, AJAX, PHP and MySQL.

It’s been a pleasure to work with Toby on this project and I wish him every success. Toby left the following kind words:

Everything is amazing. The look, the overall vibe of it, he way it functions, I honestly don’t think anyone could have nailed this the way you have. Great work!

Contact me today about web design and web development.

Turning Time Into Colour

The web we see today is built on code, and all of the various colours we see are mostly written in CSS as HEX values. For example, the blue colour on this blog has a HEX value of #3FC0F6, and the grey background has a HEX value of #F1F1F1.

So, here’s an experiment that turns time into colour by taking the values of the hours, minutes and seconds and using them as HEX values: http://jamesdowen.com/projects/hextime/.

Koolwan – Chinese Holiday Website

Recently, I launched a website for the Chinese-targeted Spanish holiday villa company, Koolwan. This is a fully functional website which has been fully designed and developed bespoke by myself. Aimed at the Chinese market, Koolwan has the following features:

  • Advanced search facility
  • Online booking system with options to add extras to the booking, with on the fly price calculation and a dynamic payment system
  • A bespoke CMS to allow Koolwan to manage bookings themselves, create vouchers, etc
  • User accounts (including profile picture, the ability to view past bookings, etc)
  • Voucher code facility
  • And much more

Yin Wang, Business Development Manager at Koolwan, had the following to say:

James is an amazing programmer.  He is very patient, and always solved any issues along the way very quickly.  I am very happy to have worked with him. Great job!

koolwan

I wish Yin and Koolwan the best of luck with the future of their business.

If you’re looking for a web designer and/or web developer, then please get in touch as I’m available to take on more work.

Bespoke is always the best option when it comes to building a website; there is more flexibility, it’s easier to scale as your website grows, you aren’t tied down to the design of ready made templates (which other sites will also be using), your website is more secure, it’s more efficient with faster loading times, and so much more.

Testimonial from Joel Davis, of The Social Ad Team

Joel contacted me with an exact vision of what he wanted. He had everything from his logo, to his website, briefed in a document which he had given to me beforehand – which was great in assisting me to understand what Joel wanted from The Social Ad Team website.

I went on to do the following for The Social Ad Team:

  • Logo design
  • Website design
  • Website development
  • Responsive web design
  • Blog
  • On-page SEO
  • Content Management System (CMS)
  • Website analytics

It has been a real pleasure to work with James. He is passionate about his work, responsive, creative and incredibly fast.

This was a bespoke build, allowing for greater flexibility, easy scalability in the future, more customisation, and an overall more efficient website.

Most of my clients’ websites use my bespoke CMS to edit content, publish blog posts, etc.  but I’ve actually trialed something new on the CMS for The Social Ad Team – a new WYSIWYG editor (but a million times better than the others out there). This new content editor allows the client to edit content by simply opening up the live website, clicking wherever they’d like to edit and just start typing. How simple is that? There isn’t even a “save” button as it saves automatically. I hope to use this on all future websites.

Visit The Social Ad Team at socialadteam.co.uk.

I’m available to hire.

Finally getting round to using Idiorm in PHP

Over recent years, I have been using PDO in PHP to execute queries on database. Why? Because it’s easy to use and most of all, it’s secure – meaning I no longer had to worry about SQL injection.

Some time ago though, I was introduced to Idiorm by a co-developer on a large project. He hadn’t used it much himself, but we decided to use it in this instance so I went away and read it’s documentation. After using it for a couple of weeks, I have now begun to use it on any new projects I develop from now on.

Here’s what I found:

  • It’s even easier
  • It dramatically speeds up development
  • It allows the mapping of database column names to working field names
  • Data access is simple

 

To show the difference:

What I might have done before using Idiorm:


What I do now I am using Idiorm:

 

Testimonial from Alex Ferguson, of Freight Negotiate

I often receive testimonials from clients when completing a job for them – but I never actually post them anywhere in the public domain. So this is definitely something I’m going to be doing more often.

I recently developed a website for a company called Freight Negotiate. Alex Ferguson, Managing Director, approached me with a vision of exactly what she wanted. Freight Negotiate was to be a modern and dynamic platform that allows companies to ship their products around the world by allowing various hauliers to bid on shipments, resulting in cheaper rates for shippers and more work for hauliers.

After various email discussions and a meeting, Alex decided to move forward with the project. When Freight Negotiate launched recently, Alex had the following to say:

I am really impressed with the site and to produce something this good in such a short space of time is phenomenal. It has been a pleasure working with you and I certainly look forward to growing the business with the aid of your web development skills in the near future.

Freight Negotiate launched with the following features:

  • Instant messaging
  • Live bidding
  • Advanced search functions
  • A dynamic payment system (including 30 day credit applications)
  • Free registration
  • Secure SSL
  • Simple shipment management
  • And so much more!

I wish Alex and Freight Negotiate great success in the future.

Olderposts

Copyright © 2017 - James Dowen

Freelance Web Developer