Showing posts from the "Front-end Development" category

  • Advanced Gulp File

    With gulp starting to find itself into my everyday workflow - I've started to understand its quirks and twists, and how to get along with it. My baseline gulfile.js has become a lot neater and advanced in its functionality that the one I originally developed back in March. Along with Gulp,

  • Bower

    Please note: When I have written commands for terminal/command line, I have preceded them with a $. This is not to be typed but signifies a terminal command I have recently discovered the power of Bower - a front end package manager. Rather than having to go and find the hosted

  • Sass - Hidden Gems

    I've recently been getting into pre-processors for CSS and I have been using LESS for sometime - getting to grips with the nesting and variables while keeping a library of my own mixins. The only trouble with LESS is, there is no way to easily remote compile a LESS file on

  • #PHPFED - Variables

    Before you continue - make sure you understand the story. The next thing is that php lines always need to end with a semi-colon (;). This tells php that the line has finished and to run it. Without this you will experience 'Unexpected' errors. So lets get started. In a line -

  • #PHPFED - Includes

    Before you continue - make sure you understand the story. When developing static sites (i.e. sites without any sort of CMS - be it Wordpress, Drupal etc.) the PHP I find the most valuable  is the include. This allows you to include one file into another file. The file that you include can

  • PHP for Front-End Devs: The Story

    Recently, a few friends of mine have been asking questions about PHP and want to learn the basics. I am a front-end developer for a web design agency. i.e. I mainly stick to HTML/CSS and have colleagues who do the heavy PHP stuff. However, I think its handy for a

  • HTML5 - Explained. Briefly

    After reading the aforementioned HTML5 & CSS3 for the Real World book, I have come to realise that there are loads of changes included with HTML5. I have the book in front of me for me to reference, but I find it laborious to keep opening it to check on the semantic

  • Creating a HTML Email

    Creating a HTML email is like going back to the nineties with web design – you have to go against all your natural instincts as a web designer. Floats don’t work, and emails rely heavily on tables for layout. Below are the steps I follow when creating a HTML email

  • Designing for Mobile

    Recently I was tasked to transform a full website into a stripped down mobile version for those visiting on their i-whatsits. Having never designed for mobile before, i set out to find the easiest way which would cater for all devices. In the office people around me had an HTC Desire (Android),

  • CSS - The basics

    CSS, or Cascading Style Sheets are the easiest, cleanest and most accessible way of styling a website. Tables were previously used to position objects on the page and CSS used just to make the text look pretty. Now CSS is being relied more and more to position images, text, add