What is the best width for a website

An interesting topic where everybody will have their own opinion. Now the modern age of digital technology, enables many different sized devices to view internet web pages. From a small Smartphone, Tablet to a basic Desktop screen to an extra-large one. What I want to cover in this article is how to think what is the best width […]

posted in: CSS HTML Tutorials

Date posted: 1 May, 2014


Explaining How to Create CSS3 Triangle Shapes

I have recently experimented with CSS3 shapes, using various articles to learn how to create them but every article that I used as a reference failed to explain what caused what to change. They simply showed how to create a triangle pointing up, down, left or right. I highly recommend understanding the concept of CSS […]

posted in: CSS Tutorials

Date posted: 20 February, 2014


Validating telephone numbers using jQuery

In today’s article I will be delving into validating the telephone numbers on the fly using jQuery. We will cover to allow numbers only, setting a range of numbers and also having the input field activate the number keyboard on the mobile device. Step 1 : adding the input field We will first add our […]

posted in: CSS HTML jQuery Mobile PHP Tutorials

Date posted: 28 January, 2014


Building a mobile checkout, validating email address (Part 3 of 8)

Today I will explain to you how to quickly process the email input field validation process using jQuery. We use jQuery instead of PHP validation as it is much quicker. Other articles related to building a mobile checkout. Part 1 : The basics on how to build a mobile checkout Part 2 : How to visually styling a […]

posted in: CSS HTML jQuery Mobile PHP

Date posted: 12 January, 2014


Building a mobile checkout (Part 2 of 8)

If you have not read the first part of this article, than I would recommend having a read about the basic understanding on building a mobile checkout. This article will show you all the steps in building a mobile optimized checkout. I first want to show you a list of steps that you need in […]

posted in: CSS HTML Mobile PHP Tutorials

Date posted: 6 January, 2014


Test a mobile site free on different devices using google chrome tools

There are so many free and paid services available on the market to test your mobile site, unfortunately they don’t work when using a complex system based on server-side, media queries and JavaScript detection, alongside complex systems these tools are also a great addition to your arsenal for simple CSS based media query responsive designs […]

posted in: CSS Google PHP Tools Tutorials

Date posted: 5 November, 2013


CSS Border Radius Generator

Css Border Radius Generator Allot of articles regarding CSS border radius or generators for that matter, still mention webkit and gecko prefix for styling your elements. There is no point for this anymore as Chrome, IE9+, Firefox, Safari and Opera all use the standard border-radius styling. The following two elements are obsolete. -webkit-border-radius:20px 20px 20px […]

posted in: CSS Tools Tutorials

Date posted: 15 June, 2013


Panerabread CSS Border With Images

At Panerabread I have discovered a very nice border styling that they use on there div’s, so ill explain how they have done it by using background images. First you need to split up your images into sections. You will have your 4 cornes, a horizontal and vertical section. For creating this border box we […]

posted in: CSS

Date posted: 7 June, 2013


id versus class performance

For a beginner web developer or designer there is always a question as to why you should use a class over an id or an id over a class. But I’m not going to cover a topic that already has been explained excellently by Chris Coyier which you can find here. I’m going to explain to you the performance difference between […]

posted in: CSS Tutorials

Date posted:


PHP, CSS and jQuery Mobile Detection Setup

With the rise of smartphones and tablets a mobile site is a must, it is time to start thinking about developing a site for all devices be it Desktop, Tablet or Smartphone. I have built an e-commerce website ( using a technique I will explain below which uses a combination of PHP, CSS media queries and […]

posted in: CSS PHP Tutorials

Date posted:

Follow me on Google+

Google Shopping Data Feed Generator

Sponsored Links

Sponsored Links

Hire Me