Coding since 2003.

Just a Website example I built.

A sample website from a 2008.

Web page design and support content

This Web page is a list of resources for others learning or working in web development or interested in web development.

It's not everthing but it's a current list of resources for me at this time in case I have a need to refresh my memory, learn or discover something new. I will add a load of other useful stuff as I go so you'll find a link to resources of all types and a short description. In time I'll add links to resource provides, all those lovely people who make up the Internet community.

Here's a list of IT job Ads to look at and the sort of skills you need. I will be adding more.

Useful web design stuff.

New page. Incomplete. Work in progress

Building my expertise with most of these or those that provide a resource.

  1. WordPress

    Free BUT NOT really if you want more! You can create a free website with Wordpress if you don't have a domain name. If you have a domain it's likely you'll have hosting. If you don't you'll need a web hosting service or a web server which can be a home PC if you have a fixed IP address and good security. If not you will need a hosting service and they will more than likely have a self install service for a range of Content Managment Systems like WordPress. But it's not free if you don't like the free templates or you want additional functions and services. The worst part about WordPress or any CMS is the constant updates.

  2. Template Toaster

    Template Toaster with a range of Templates for responsive websites and CMS. WP, Prestashop and Joomla are CMS

  3. Adobe PhotoShop

    The best but not the cheapest. See more such as Pixlr. You can create a website for free though.

  4. GIMP

    GIMP GNU is Free like Photoshop but not. Whether you are a graphic designer, photographer, illustrator, or scientist, GIMP provides you with sophisticated tools to get your job done. You can further enhance your productivity with GIMP thanks to many customization options and 3rd party plugins.

  5. ATOM

    A hackable text editor for the 21st Century - Better than Notepad++

  6. Design+Code/Sketch

    Is a vector design tool entirely focused on user interface design. It is easy to pick up and costs a fraction of the price of Photoshop. Because of its simplicity, anyone with little to no training can learn Sketch. It is perfect for designing for multiple devices, and delivering assets is a breeze.

  7. Balsamiq

    Free Wireframing tool

  8. Lightshot

    For Screenshots

  9. WAMP and MAMP

    Apache Web server, PHP Processor, MySQL. Look for MAMP too.

  10. Notepad++

    Web page editor for it all!

  11. Chrome Development Tool

    Chrome Browser app - Debugger


    Website Builder

  13. Bootstrap

    Like HTML, CSS and JS Website builder.

  14. HTML Ipsum

    A whole lot of meaningless Words with a purpose!

  15. Pictaculous

    Upload an image and get a matching colour palette

  16. Adobe Color Wheel

    It's a Adobe, who in design or photography has not heard of Adobe.


    js for Cats and new pet owners, anyone really. Learn some js people. And if you want to learn som javascript create a website and write about js.


    Including VECTR for graphics.

  19. Free images

    StockUnlimited Images

  20. CSS Tricks Website Protection Status

Other informative and useful stuff.

Software resources I have an interest in that are not directly website building software

  1. SketchUp

    Drawing Software for designers and engineers

  2. OpenPYxl

    A Python library to read/write Excel 2010 xlsx/xlsm files

  3. Python for Everyone

    Python is a an exciting programming language with so many useful features and possibilities that you'll be hooked in no time. Helps if you have some programming expertise.

  4. Other things worth knowing

    1. Docker Containerisation - it is that, puts all your aps in one box in the cloud.
    2. Virtulization Make better use of your resources. Hypervisors can sit on top of an operating system (like on a laptop) or be installed directly onto hardware (like a server), which is how most enterprises virtualize works.
    3. JSON

      Setting a Object Variable:
      Objects defined by { , or : }
      var myCat = {
      "name" : "Meowsalot", "species" : "cat", "favFood" : "tuna"
      An Array Variable:
      Setting a Variable using an array:
      var myFavColors = ["blue", "green", "purple"];

      Or Forget all that stuff above and do it like this!

      var thePets = [
      "name": "Meowsalot",
      "species": "cat",
      "favFood": "tuna"
      "name": "Barky",
      "species": "cat",
      "favFood": "tuna"

      That's a bit of JSON. See JSON.ORG

    If you're looking at Developer jobs then this page I've started may be of use. Job Ads

Cross browser test of CSS Grid for me

Always remember this; Design for mobile first, then PC