Web Development

UX Design, UI Design and Coding Resources

The skills and tools required to develop websites are constantly evolving, and aspiring designers/developers must keep their toolbox up-to-date. A successful Web Developer should be comfortable with front-end web coding languages (HTML5, CSS & JavaScript) design tools (Photoshop, Illustrator, XD & Sketch etc.) and be able to work with a number of Content Management Systems.

We’ve complied the this set of resources to help keep you up-to-date:

Latest Browsers

Project Management

Trello

Task list project management tool, due dates & attachments can be added to list items and team members assigned.

Slack

An excellent team communication tool for projects, that allows private messages, team chats (private and public) calls and instant calls (huddles). Features also include file uploads and integration of other apps (e.g. Trello and JIRA)

Basecamp

One of the most popular project management programs in the marketplace, that allows collaborative working across different stakeholder teams. Features include file upload, project calendars and checklists.

JIRA

Ticketing & bug tracking software for web development projects.

Azure Boards

Scrum and Kanban boards for Azure DevOps projects. Comes with the expected features, plus the all powerful queries function.

Read the full article to about Project Management Tools.

Webmaster Tools

Built With

Great lookup tool, that provides information about a website including hosting provider, CMS and web server.

Broken Link Check

Great tool that automatically detects any broken links on websites.

MX Toolbox

Online tool which provides the IP address/CNAME and the TTL of any Hostname/subdomain.

Web Development

Bitbucket

A version control repository system for collaboration between teams of developers. The product is owned by Atlassian.

CodePen

A front-end web developers code playground, a constantly evolving contributors library of neat effects with HTML, CSS & JavaScript.

Colorros

Hex to RGB converter tool (and vice-versa) clean and very easy to use, the page background even shows the selected colour.

CSS Reset Code

Excellent library of clean CSS code.

HTML Encoder

A web based tool that creates encoded HTML, so that HTML tags can be shown directly on a webpage (especially useful when writting coding tutorials).

Responsive Web Design Formula

A simple tool that calculates pixel values to percentages for use in responsive web designs.

Sublime Text

A great code editor, very popular with the web development community.

Stack Overflow

The number one forum for web development question and answers.

What’s my browser

A website that automatically detects what browser/OS system you are using, and provides a link with this information to share with other. A great tool to assist with client UAT and reporting bugs.

UX/UI Design Apps

Adobe XD

Adobe have finally caught up with Sketch with thier XD offering. Available to both Windows and Mac users.

Figma

A great in-browser wireframing (and design) with many of the functionalities of Sketch.

Invision

A brilliant app that allows designs to be transformed into clickable prototypes for desktop and mobile view.

Sketch

A light-weight vector based design program, its intuitive and geared towards web-design.

UX Resources

Crazy Egg

User data analytics program that provides heat maps & click maps for desktop, mobile and tablet layouts.

Omnigraffle

Industry leading program to create site maps and wireframes, intuitive design and easy to learn how to use.

Design Assets

Noun Project

A huge icon library from individual creators.

Pexals

Over 10,000 free stock photographs available to download for editorial and commercial use.

SaaS Products

Jot Form

Jot Form is a drag and drop form builder and other functionality including email verification.

Other

Mail Chimp

A popular and easy to use HTML e-mail marketing tool.