Redirect IP address back to localhost on Mac OSX

Just a little trick so I can work on some pre-configured work projects at home without having to have a seperate configuration for home. Basically what I wanted to do was, for a web application that connects to a remote MySQL database (where the host is an IP address instead of localhost), I wanted it to simply redirect and connect to my local database (which had the same username and password set up as the remote database).

Continue reading “Redirect IP address back to localhost on Mac OSX”

Installing webgrind with xdebug profiling on Mac OSX with AMPPS

So, recently I felt the need to  do some profiling on an ExpressionEngine website I was working on which was running slower than I’d like. I remember using a nifty tool called Webgrind back when I was developing on Windows with WAMP, and since I’m currently using AMPPS on OSX I thought I’d get Webgrind up and running on that.

Continue reading “Installing webgrind with xdebug profiling on Mac OSX with AMPPS”

Fancy Unordered Lists (bullet points) using CSS

List Icons with CSS

Have you ever wanted to add fancy bullet points to your unordered lists in your(x)HTML but never knew how? The truth is, it’s actually really easy to achieve. All you need to do is add a CSS class to your unordered list and then use your CSS to add your chosen image as the bullet points. In this post I’ll walk you through this step by step. First lets take a quick look at the list we’re going to be creating:

  • This is the first list item
  • This is the second list item
  • and this is the third list item

Continue reading “Fancy Unordered Lists (bullet points) using CSS”

How to center a website accross all browsers using CSS

Now I’m not sure about you, but I really do hate websites that are stuck on the left of the screen, and from talking to a few friends, I know I’m not alone with this pet hate. The thing is, that many beginner site designers may also dislike this left alignment, but simply do not know how to make their site appear in the center of the screen, but others may have centered their site absolutely perfect in their favourite browser, but are totally unaware that it may not be centered in others.
Continue reading “How to center a website accross all browsers using CSS”

Running IE6, IE7 and IE8 on the same pc (even on Vista)

Running IE6, IE7 and IE8 on the same pc (even on Vista)

For many web designers and developers, getting a website to look and function the same in different browsers can often be a challenge. This challenge is often made even more difficult when trying to achieve the same appearance across Microsofts hugely different versions of it’s Internet Explorer browser – none of the IE browsers have ever complied to web standards, and each different version comes with it’s own quirks to deal with. So you would think you could just install all the different versions and test your web pages in each of them…wrong, it’s often impossible to get all the different versions (namely IE6, IE7 and IE8) running on the same computer, especially if you are running Windows Vista which will not let you install IE6 at all.

Continue reading “Running IE6, IE7 and IE8 on the same pc (even on Vista)”

Aptana Studio…better than Dreamweaver, and FREE!

Aptana Studio better than Dreamweaver

To kick off my blog I’d like to share with you my IDE (Integrated Development Environment) of choice for writing and editing all of my website code.

Now I have used Dreamweaver in the past and it is a fantastic product, but comes with a very hefty price tag that most beginners simply cant afford. A little over a year ago, I was scanning the internet for a alternative to the industry-standard Dreamweaver, and after a few days of relentless searching and trying out many different programs, I came across Aptana Studio which ticked all the boxes of the features I needed in an IDE and appeared to be a suitable alternative to Dreamweaver, and best of all, it was (and still is) FREE. Continue reading “Aptana Studio…better than Dreamweaver, and FREE!”