Automatically Validating a pages HTML with a browser bookmark
To make validating a pages HTML easy, create a new bookmark in your browser (for any page at this point), name it something like ‘HTML Checker’, then edit the URL for the bookmark to just contain this...
View ArticleWhy is there HTML comment markup for internal CSS stylesheet
You may have come across this: <style type="text/css"> <!-- h1 { font-weight:bold; } --> </style> The HTML comments are used for older browsers that can’t interpret CSS, so they are...
View ArticleHTML Email Boiler Plate
This website provides a HTML Email Boiler Plate for your HTML newsletters and campaigns. It gives an understanding on how HTML Emails are interpreted for different email clients, and how to code around...
View ArticleHTML5 DOCTYPE
What is the DOCTYPE for HTML5? If you’re using HTML5, you’ll need to use this DOCTYPE: <!DOCTYPE html> As you can see, it’s an easy one to remember, and much easier than the traditional way:...
View ArticlePreparing page elements for HTML5
Get HTML5 elements to act as normal divs in HTML5 unsupported browsers HTML5 elements are supposed to create cleaner markup, such examples are <header>, <section>, <nav> and...
View ArticleCentre background images with CSS
When the location of the other axis isn’t present, the background image will automatically be placed in the centre: div.background { width:980px; height:500px; background-position:bottom; } In the...
View ArticleNotes on Harvard Building Dynamic Websites CS75
I’ve recently been watching a collection of website development videos on how to build dynamic websites, by an instructor called David J. Malan from Harvard University. You can find the videos here...
View ArticleHTML Special Characters
Here’s a useful resource that lists a great number of special HTML characters, for example arrow images via HTML, to save you a server request. There’s so many to check out and test it works in the...
View ArticleHTML & CSS Guidelines
Here are some useful HTML and CSS guidelines from Google to help optimise your code: http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml
View ArticleHow to create & reuse a HTML template with Bash
Situation: You’re a web developer and the pages within the project you’re working on require the same initial HTML or PHP template for every file, and you’re sick and tired of opening up an existing...
View ArticleHTML5 doctype keyboard shortcut using Emmet
When creating a new HTML document, there’s always that sluggish start before you should begin; Getting the boilerplate/skeleton of the HTML structure out of the way. You’ll need something like this...
View ArticleMac Terminal shell look-alike using CSS & HTML
I was a bit bored, so I decided to create a CSS & HTML version of the Mac Terminal shell. Introducing CSS Shell: You can see the live demo here. The HTML is straight forward, and fairly semantic:...
View ArticleHTML email like a ninja
If you’ve ever had the arduous task of coding up HTML email templates, you’ll be very aware of the difficulties faced in the implementation. Cross email client rendering differences and nuances are...
View ArticleHTML5 doctype keyboard shortcut in WebStorm
When creating a new HTML document, more specifically, HTML5, there can be that sluggish feeling as you go to create the page: Getting the boilerplate/skeleton of the HTML structure out of the way....
View ArticleHTML5 DOCTYPE
What is the DOCTYPE for HTML5? If you’re using HTML5, you’ll need to use this DOCTYPE: <!DOCTYPE html> As you can see, it’s an easy one to remember, and much easier than the traditional way:...
View ArticleWhy is there HTML comment markup for internal CSS stylesheet
You may have come across this: <style type="text/css"> <!-- h1 { font-weight:bold; } --> </style> The HTML comments are used for older browsers that can’t interpret CSS, so they are...
View ArticleHTML Email Boiler Plate
This website provides a HTML Email Boiler Plate for your HTML newsletters and campaigns. It gives an understanding on how HTML Emails are interpreted for different email clients, and how to code around...
View ArticleAutomatically Validating a pages HTML with a browser bookmark
To make validating a pages HTML easy, create a new bookmark in your browser (for any page at this point), name it something like ‘HTML Checker’, then edit the URL for the bookmark to just contain this...
View ArticleSupplying the source address for a quote using HTML
When you are using q or blockquote, you can supply the link from which you retained the information from, by using the HTML tag cite. Here’s an example of cite being used to reference the quotes...
View ArticleHow to jump to sections of your web page with anchor links
Use anchor tags to jump to locations on a webpage. Maybe you have a lot of content on one page and it is split into sections, and you want a jump-to navigation at the top of the document to help out...
View Article