Archive for April, 2008

Live HTML preview

live html preview

Enter your HTML code in the top window and watch it appear live in the window below. A great webdesign html scratchpad.

Link

How to create a block-hover effect using CSS

block hover This downloadable code creates that effect where the paragraph you hover over is highlited
Link

Find a good url

deleted 2If you think all the good domain names are gone you might be forgetting that those domains eventually expire when forgotten. DeletedDomains.com shows you newly expired (and available) domains.you can sort them by length and even see which ones wil be expiring tomorrow.

Test your website in over 50 browsers

There’s nothing worse than working hard on a website only to find out months later that people using X browser on X operating system have never really been able to see it as you intended.

Browsershots.org has a great utility that will show you what your website page looks like in over 50 different browser versions on Linux, PC and Mac.

browsershots
It even allows you to choose screen size, color depth, javascript and Flash versions if you’d like,

Link

Social Scan

A quick overview of how many social bookmarking sites are indexing or linking to your site. I have noticed thatr even sites that don’t have any stories seem to get a score of 20 on blinklist. This might be due to the fact that if the site is not in it’s index, it suggests similar sites.
social rank

Link

Color scheme generator

color scheme

Enter an RGB value. (e.g. 211,21,52) or a HEX value (e.g. FFEEEE) hit "Submit" and ColorToy 2.0 will then generate your complementary color scheme.for your website.

Link

Check your website’s load time

pingtest 1 This webtool will ping your site and check it’s load time. The report is nicely laid out with easy to read speed charts.

From the site:

The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser.

The load time of all objects is shown visually with time bars.

You can view the list of objects either in load order or as a hierarchy. The hierarchy view allows you to see which objects are linked to in for example a CSS file.

Every test also shows general statistics about the loaded page such as the total number of objects, total load time, and size including all objects.

pingtest 2

Link

How to schedule your blog posts for the future

blogger Soon this post will be obsolete as blogger ads this functionality but for now, if you want to write a post and have it appear in the future you can log into draft blogger (http://draft.blogger.com/) and when you set the date of your post to the future it will appear as “scheduled” and will (most of the time) magically appear on your blog on that day at the time specified.

This doesn’t work with Live Writer and Blogger yet.

wordpress You can already do this now in Wordpress blogs simply by modifying the timestamp to a future date and time.

This is a really handy tip if you are going to be away on vacation but don’t want your blog to go ’stale’.

Update, May 5th 2008: Blogger has now implemented this feature in the standard Blogger intrface, you no longer have to use the ‘draft’ feature. but keep it in mind if you want to use future upcomming blogger tools.