Link to a favicon:
<link rel=”shortcut icon” href=”/favicon.ico” />
Link to a stylesheet:
<link rel=”stylesheet” type=”text/css” href=”style.css” />
Importing a stylesheet:
In the head section put:
<style type=”text/css”>
@import “import.css”;
</style>
Importing a stylesheet from another stylesheet:
In the stylesheet have:
@import url(import.css);
Link to stylesheet for Iphone:
<!–[if !IE]>–>
<link media=”only screen and (max-device-width: 480px)”
rel=”stylesheet” type=”text/css” href=”iphone.css”/>
<!–<![endif]–>
Link to stylesheet for a small broswer window (may or may not be Iphone):
<!–[if !IE]>–>
<link media=”only screen and (max-device-width: 480px)” rel=”stylesheet” type=”text/css” href=”iphone.css”/>
<!–<![endif]–>
Tags: CSS, favicon, stylesheet
Posted in CSS, Web Development by Jan on September 26, 2008 at 2:49 am | No Comments »
The Opera Web Standards Curriculum is a complete course to teach standards-based web development, including HTML, CSS, design principles and background theory, and JavaScript basics. An interesting read for both beginners and more advanced web developers.
Posted in Web Development by Jan on July 19, 2008 at 4:53 am | No Comments »
I always seem to need filler text for various things, especially web design. I have various pieces of filler text in text files but it’s never convenient to stop what I’m doing and hunt out the text files so I was very please to come across this great resource:
Dummy Text Generator
It will generate various types of filler text and you can set the number of characters and words. It even puts in the paragraph tags for you so you can just copy the text and paste it straight into an html document. It also has some advanced options where you can change the font and it generates the stylesheet to go with the text you select.
A great timesaver and definitely a site for my bookmarks!
Posted in Web Development by Jan on July 6, 2008 at 1:52 am | No Comments »
I’ve been thinking of pagination recently and looked to the web to see what inspirations there were there. I have bookmarked these sites:
Hopefully, I will now be inspired to improve the pagination on my own sites.
Posted in Web Development by Jan on June 22, 2008 at 11:14 pm | 1 Comment »
Here are my favourite extensions for Firefox:
- British English Dictionary – enables me to check my spelling for typos when filling in forms online.
- ColorZilla – Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
- DownThemAll – Great for downloading lots of files.
- HTML Validator – adds HTML validation inside Firefox.
- IE View – Enables me to view pages in IE by just right clicking on the Firefox browser window and selecting View This Page in IE.
- Opera View – the same as above but with Opera.
- Palette Grabber – extracts a color palette for the current page and exports it to a Photoshop/Illustrator color palette file
- Sage – a lightweight RSS and Atom feed reader.
- Screengrab – makes it easy to save a web-page as an image. With it, you can save anything that you can see in a browser window – from a small selection, to a complete page.
- Web Developer – various web developer tools I would find it difficult to do without.
- Password Exporter – allows you to export and import your saved passwords.
- Scrapbook - helps you to save Web pages and manage the collection. Great when you come across a great piece of information you wish to keep handy.
What are your favourite Firefox extensions?
Posted in Web Development by Jan on June 21, 2008 at 1:55 pm | No Comments »
I found this great utility which enables you to check a web page in multiple browsers:
Browsershots
It is very useful for checking pages in browsers you don’t have installed on your computer.
Posted in Web Development by Jan on June 20, 2008 at 12:28 pm | No Comments »
