• Forms without Labels

  So as the web is becoming even more smaller (Mobiles) I’m finding i’m having to fit more and more form fields into a page and one thing that has always bugged me is labels so with the below code you no longer have to worry about have to have a label and form field..!
  more »

• Stop iphone from inheriting Safari styling

  I come across this a few times now and keep forgetting how to stop the iPhone (Safari) from changing the appearance of buttons and other controls to resemble native controls. But all you need to do is add this little piece of code into your CSS..!
  more »

• Custom 404 Error page

  Been seeing a lot of these custom pages of late and thought i would share with you how simple it is to make your very own page..!

  First of you will need to make a .htaccess file that will detect if the user has the correct page url and if not will redirect them to your own 404 Error page.
  more »

• Dynamic footer year

  Had to make some updates to a website the other day that was made before we built sites using PHP includes which means i had to change at least 20 pages all becaude the footers date was wrong..!
  more »

• Amazium is here..!

  

  So what is Amazium I hear you ask, well you may have been hearing the term “Responsive Web Design” being thrown around the past few months, which simple means a website that can adjust to your screen size without having to make a separate website!

  This came about from the simple fact that a lot of people have been making demos of this responsive web design but none seem to be using 960 grid system with 12 columns, and because of this I was forced to make my own..!

  Go check it out

• Clearing floats 2.0

  So ever had the problem of having a div float left and another float right only to have to use the classic div with a class of clear:both on it only to have a little padding at the bottom of the divs, well that is no longer a problem if you use the following code.
  more »

• Dynamic year footer update

  Ok, this one might sound really obvious so apologies in advance, but the amount of footers where I see the year is out of date really drives me mad so i thought i would try and stop this by using this code.
  more »

• Web Inception

  So over the last few month’s I’ve been collecting a lot of cool and funky websites as mainly design ideas but also to keep track on what awesome sits are around and so I thought I would put all these site together for you guys to look at over on Tumblr.

  The url for the site is: www.web-inception.tumblr.com
  more »

• Inline style in html for OnMouseOver

  Was asked today to make a link have a underline on it when rolled over but it had to be “Inline” and as most people with know its very easy to make this happen in normal CSS and common enough to just put in text-decoration:none; but i have never needed to make this happen inline, but with much internet searching i have found a solution..!
  more »

• Using EM as your font measurement

  Recently I had to build a website that used EM’s rather than PX and I have to say I prefer the PX route as it makes more since in my head, that was until I found out this handy little trick for working out EM’s as PX.
  more »

• Input Button: Text not underlined when hovered..?

  Doing some bug fixing today I came across this little problem and could not for the life of me work out why it wasn’t putting an underline on my Submit button so I did what I always do in these cases and search online and guess what? It turns out that all you need to fix this problem is to add in a simple display attribution to the Css of the Submit button like so:
  more »

• Convert Foreign Characters to the Correct HTML codes in Dreamweaver

  Now last year I was using VIM to code all my HTML & CSS in and I loved it, but since then I have lost my version of VIMSKI which had been customised to do a lot of cool things one of which was the ability to auto convert foreign characters to the correct HTML codes, which you can image if your translation a website from English to French if you didn’t have this it could take a long time to do using just the “Find and Replace” function of DW.
  more »

• CSS Ordered & Unordered lists

  Last week I was having a mental block on why my Unordered list which was nested inside a Ordered list wasn’t working and then I had problems with plain ordered lists too so I thought I would sit down in a quiet room and sort out this problem with this little bit of CSS which I thought you guys out there might find helpful.
  more »

• Conditional Comments

  It seems like every time i build a website i always have the same problem and that problem is Internet Explorer 5 & 6, and no matter how many times i try to forget that they ever exsits i get someone using windows 98 running IE 5.5 wanting a site that has JQuery or any other of the latest things were putting into our website and this is where i thought i would share “Conditional Comments”
  more »

• 100% Div’s background image is not 100%..?

  Ok so here is the problem i was having, I needed to have a background image for my footer and it needed to be 100% width of the screen sounds easy yes? Well it sort of was untill i got to the testing phase and noticed that when i resized my browser to say half my screen the scrolled right the background wasnt there.
  more »

• Centre align html emails in Windows Live

  After a recent update – tables are no longer centre aligned in hotmail or Windows Live.

  I have only noticed this to be an issue when browsing in Firefox and the solution is to put this in the head of your document.
  more »

• Photoshop Youtube Layout

  Another day and another challenge given to me, this time I was asked to create a new look for a client YouTube Channel and could I find anyone who has made on in Photoshop before..? No would be the answer although I’m sure now that I’ve made one I’m going to fine hundreds of these now.
  more »

• Photoshop Browser Templates

  So I was asked this morning if I could put a web design I’ve made for a client into a browser window and of course being that side of lazy I went on a little hunt in the web and found this cool Photoshop template over at www.piksels.com.
  more »

• Nice website designs of the week

  Another week and yup you guessed it another 5 great web designs..!
  more »

• Text Rotation with CSS

  Today I thought I would share the secret of Text Rotation with CSS, and yes it works with IE too..!
  more »

More »