Archive for the ‘Web Development’ Category

Linking to stylesheets and favicons

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]–>

Opera Web Standards Curriculum

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.

Text Generator

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!

Pagination

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.

My Favourite Firefox Extensions

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?

Testing web page in multiple browsers

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.