Truly Code - Web Design and Dev Video Tutorials

Creating a Mac Application from Scratch Using Electron

This video tutorial and screencast covers building a complete Mac Application from beginning to end using the Electron system, which is built upon the NodeJS infrastructure. Creating an app this way gives us the ability to use common coding techniques and languages most web developers are already used to,...
Tagged:workflow

Episode #6 – Setting Up PHP – A Complete Web Workflow from Beginning to End

Setting up of MAMP Pro to handle a local server, and local domain name for easy asset usage, such as /css/ folders. I then quickly move on to show how PHP can be used to modularise content that is repetitive, using array and foreach loops to separate our content...
Tagged:PHP

Episode #5 – Building the Homepage P2 – A Complete Web Workflow from Beginning to End

In this 5th episode we start to wrap up the home page build. We consider how we’ll handle the mostly repeating elements, in a way that saves us writing too much CSS or HTML, knowing that we will be using some kind of PHP logic to handle the repetition...
Tagged:Complete Web Workflow Series

Setting up Takana and Basic Usage

In this video I show you how to quickly get Takana (The sass live editor/compiler) set up and some basic/example uses for you to see how it compiles your Sass (Scss) instantaneously, so that the results of your SASS code are visible in your browser without even having to...
Tagged:workflow

Episode #4 – Building the Homepage P1 – A Complete Web Workflow from Beginning to End

This 4th episode of our Web Design tutorial, for a Complete Web Workflow, we continue finalising our SASS setup with variables, and start to layout our homepage HTML, using CodeKit, Sublime Text and Photo Shop. Next Episode →
Tagged:Complete Web Workflow Series

Episode #3 – Setting Up the File Structure – A Complete Web Workflow from Beginning to End

In this 3rd episode I show you how to quickly get your basic project files and folders setup using the Advanced New File package in Sublime Text, and get the project up and running on CodeKit. The basic SASS and CSS framework I’ve built up is based on the...
Tagged:Complete Web Workflow Series

Episode #2 – Software Overview – A Complete Web Workflow from Beginning to End

In this second episode I outline the software I use, along with the accompanying plugins and settings. If you’re interested, here are my best Sublime Text Settings Next Episode → Show Notes: ## Software & Tech Setup Configs * Sublime Text (3) * + Packages * HTML 5 (Elements...
Tagged:Complete Web Workflow Series

Episode #1 – Intro – A Complete Web Workflow from Beginning to End

In this web design video tutorial I outline and introduce what the series will cover at a basic level. Next Episode → Show notes: ### We’ll build a website from scratch, all the way to actually putting it live and tweaking settings to go the extra mile. Focus on...
Tagged:workflow

A Complete Web Workflow from Beginning to End

Welcome to my first web design and development video tutorial series and it’s FREE, this series covers a complete web design build and workflow that I’ve built and adapted over the past few years keeping it up to date with the latest technologies. The series is aimed at the...
Tagged:workflow

Submit your Video Requests

I’m currently filming and editing a series of tutorial videos. If you have any particular requests, shoot them to me via the contact form.
Tagged:workflow