Blog Archives

HTML/CSS resources go here

Display your Twitter feed from a website

I have put up several posts on how to display recent Tweets in a webpage with PHP. However, Twitter has switched to it’s API v1.1 from today, so all of my previous articles have become obsolete. The easiest thing to

Posted in HTML/CSS, PHP

Force a favicon onto a webpage

<link rel=”shortcut icon” href=”http://www.my-domain.com/myfavicon.ico” type=”image/x-icon” /> This will force a favicon onto your webpage – useful if you house different websites in subfolders – each subfolder site (or page for that matter) can have a different favicon.

Posted in General, HTML/CSS Tagged with: ,

View html source in the blackerry torch browser

With the browser in landscape mode, call up the keyboard. Press and hold the “!?123” key until the lock icon shows. Then type 3?$4.

Posted in HTML/CSS Tagged with: , ,

Make your website mobile friendly

With an ever-growing percentage of people with access to mobile web browsers in their pockets, the time is ripe to take steps to optimise your site for mobile users. I’ll be posting as I go through getting my own site

Posted in HTML/CSS, PHP Tagged with: ,

New look Chocolate Hedgehog website

Haven’t posted for a few days because I’ve been busy developing a new look for the website. I’ve tried to give it a more striking and memorable appearance using some jQuery and CSS elements. http://www.chocolatehedgehog.co.uk

Posted in General, HTML/CSS, JavaScript Tagged with: , ,

Adding line breaks to a push button

Have you ever wanted to force the text on an <input> button onto an other line? So did I today, and this is how: Simples!

Posted in HTML/CSS Tagged with: , ,

Curved DIV borders

This is so easy!  I used to use a complex set images for top-right, top-left, bottom-right, bottom-left etc. Granted these 2 lines of CSS will not produce shadow effects or anything fancy, but the results are pleasing nevertheless. -moz-border-radius: 20px;

Posted in HTML/CSS Tagged with: , , ,

Change the style of font inside a search textbox

I wanted to emulate certain sites where the search box is populated with “Search…” in grey coloured italic font, but as soon as you click on it and start typing, your query appears in black normal font. The examples I

Posted in HTML/CSS, JavaScript Tagged with: , ,