How I work. My chosen 

Web Development Technologies

I use some of the industries leading web development technologies to build my sites. I’ve outlined some of my favourites below and the reasons why choosing these technologies will be of benefit to both myself and you, my client.

Frontend web development technologies

The use of frontend web development technologies including HTML, CSS and Javascript are responsible for the structure, visual styles and interactive functionality of your website. Below I’ve outlined the industries leading frontend web development technologies, they are used by myself and many other professional web developers to build your website.

Bower Package Manager

Bower / Codekit

Bower / Codekit is a popular package manager for web developers. It automatically installs, updates and manages the dependencies used in my projects. This has reduced my initial basic web project setup time by 90% – which means less cost for you and a reduced lead-time on the development of your site.

Bitbucket version control software

BitBucket

BitBucket is a cloud based version control system which allows me to manage my code and project assets. Not only does it act as a disaster recovery solution. It enables developers to easily collaborate and work on the same file, at the same time, without the fear of overwriting each others work.

HTML5 and CSS web development technologies

HTML 5 & CSS 3

HTML 5 is the markup technology for the web and is used for structuring site content. CSS is a language used to create style sheets which define the look and feel of a website. The latest versions of these technologies allow me to write code in a more semantic way. This allows computers to gain a better understanding of your sites content. Which is great for SEO.

SASS CSS stylesheets

SASS

SASS is an extension of the CSS language used to define how your site looks. Its popularity is huge, and unlike traditional CSS it allows developers to work in a more efficient and modular way. This includes using both variables and logic to create styles without unnecessary repetition also known as the DRY (don’t repeat yourself) approach.

Foundation frontend framework

Foundation

Foundation is an industry leading frontend framework. It includes ready-made components that act as a great starting point (or foundation) for me to build your site on. The aim of a framework is to allow a developer to build the core of the site in less time, whilst providing the flexibility to allow these components to be adapted and styled to suit any design / project.

Responsive web design

Responsive Web Design

We need to ensure our websites look great and fit any given screen size. To do this designers and developers use a technology called responsive web design, or “RWD” for short. The importance of responsive web design should not be underestimated. In 2015 Google openly admitted it will begin to promote mobile friendly responsive websites as part of its page ranking algorithm.

Typekit and Google web font services

Typekit & Google Fonts

Adobe TypeKit and Google Fonts are two leading web font providers. They allow a developer to quickly and easily install any required font on your website so it can match the visual designs set out by your designer. The benefit of using these services include speed of delivery to the browser and a vast library of available fonts to choose from.

Virtual box browser testing

VirtualBox

Browser testing is an important process during development of a website. I use VirtualBox and Windows official virtual machines to test all my sites prior to launch. This allows me to fully test your site across all supported versions of Windows and Internet Explorer. I also test on real iOS and Android devices, including iPhone and iPad.

JS and css minification

CSS / JS Minification

JavaScript and CSS in their basic form are text based files written in a language the browser can interpret. Included in these files will be developer comments, line breaks and indentations to aid legibility. These all contribute to the overall file size of the final document. By removing these elements we can reduce file size and increase page load time. We call this process minification.


Backend web development technologies

Backend web development technologies like PHP are responsible for communicating with your web server and database to populate content on your website. WordPress and WooCommerce are frameworks that are built upon these core backend programming languages. I’ve outlined the core backend web development technologies I use below.

MAMP local web development server

MAMP Pro

Every website is run on a server (a computer). When we type a web address into our browser a request is sent to the server for the files required to display the website. Whilst a developer builds your site they’ll create a local server on their own computer. This allows them to develop the site in a faster and more controlled environment, and MAMP Pro is an industry leading local sever application that does just that.

PHP server scripting language

PHP

PHP is a server side scripting programming language, and arguably the most popular used web programming language in use today. It’s the core scripting language used to drive many of the popular content management systems, including WordPress and WooCommerce. Along with the many benefits of having your site built on WordPress, PHP is also open source. This means no licensing fees, unlike some other propriety CMS systems.

WordPress content management system

WordPress CMS

WordPress is a feature rich, open-source CMS (content management system). It allows you to create and edit your sites content without the need of a developer and its popularity is huge. It’s currently estimated that WordPress powers over 60 million sites including many big names. Its heritage is as a blogging platform, but is now a mature and respected CMS amongst both developers and web masters worldwide.

Wordpress Advanced Custom Fields plugin

Advanced Custom Fields Pro

Advanced Custom Fields is a WordPress plugin that allows the creation of content fields within a WordPress theme. By default WordPress allows a default set of content fields – a title, some body text and a featured image. ACF allows a developer to extend these default content fields to suit the needs of the client’s website content. Every site I build is powered by this excellent plugin.

WooCommerce Ecommerce software

WooCommerce

WooCommerce is an open-source eCommerce solution. It’s built to integrate into WordPress with easy to use features to allow its users to sell, manage and market their online store. Unlike other proprietary or licensed systems WooCommerce’s core is totally free and extendable. This allows the software to adapt and scale to any technical requirement.

Gzip website optimisation

Gzip & browser caching

We can configure your server to compress (or gzip) fonts, CSS & JavaScript files, thereby reducing the time it takes to send these over the network. Once received by the browser these assets are then un-compressed and rendered as a webpage. If caching is enabled we can also ask the browser to keep hold of (or cache) files that are rarely changed, for example fonts, logos, CSS and JavaScript. This further reduces server load and greatly improves page load speeds for your visitors.

Next steps...

Take a browse of my portfolio to see some of these great technologies in action