Wednesday, 15 April 2009

frames

First a disclaimer, I browse TechCrunch though I don’t read a lot of posts. Also, I am not a Digg user. Just never really cared. So I don’t understand the hoopla about the DiggBar or its uses. But TechCrunch is covering it of course.

Evidently the DiggBar puts any site within a frame and creates a shortened URL making it easy to Digg it or share it or whatever. (Just check out digg.com/techcrunch.com for an example.) That has its uses obviously.

Frames, though. Frames are exactly what they sound like. The content of your site appears within a code frame of another site. So though the user sees your content, the address bar shows their URL.

I’m not going to make any claims that frames are bad user experience because I don’t know that’s really universally true. The DiggBar looks unintrusive and pretty. But as a website owner, I hate for my site to be displayed in someone else’s frame so for years, I’ve used a short “break out of frames” script that checks to make sure my website is in the top frame and if not, makes it so.

Go ahead try to view S&A in the DiggBar: digg.com/sandwichesandapples.org. See what happens?

Now I don’t mind missing the Digg traffic so this works out fine for me.

Here’s the script if you want it. I didn’t write it so I leave in the credit. Put it in your <head> tags:


<script>
<!--
/* Break-out-of-frames script
By Website Abstraction (http://wsabstract.com)
Over 400+ free scripts here!
Above notice MUST stay entact for use */

if (window!= top)
top.location.href=location.href
// -->
</script>

Tags: 
Wednesday, 30 July 2008

html for bloggers

Finally, my friend asked:

What would you recommend/include in a list of top 5-10 things a blogger needs to know about html? I have plenty of people around me at work that know html well but I’d like to be able to deal with style (like the list question you answered before) and other issues on my own…you know, be somewhat self-sufficient without getting too deep into html.

I think bloggers should understand the basic rules of opening a tag and closing it. A closing tag looks similar to its opener but with a slash in front of the tag: e.g. </strong>. There are some basic tags that I think bloggers should be familiar with: bold (<strong>), italics (<em>), images (<img>) and links (<a>). There are other handy tags like <blockquote> and <ol>, <ul> and <li> that are good to know. (continue reading…)

Tags: 
Monday, 28 July 2008

html cheatsheets

A friend of mine who is a professional blogger sent me 3 questions that I’m going to answer separately. Here’s the first:

Can you recommend any html cheatsheets/tutorials? My boss recommended Web Monkey…just wondering if there are others.

Webmonkey is excellent. I used it all the time when learning HTML and Wired has recently re-launched it.

But grabbing an HTML cheatsheet is a great idea too. Sometimes, when you’re blogging you just want to do something that your blog software doesn’t have built in. And if you’re not working in HTML every day, it’s difficult to remember all that code. It’s great to have a cheat sheet handy. Here’s a couple of summaries:

Tutorialblog did a huge round-up of cheat sheets. You’ll find some HTML ones on there.

Wired’s Compiler (now the Webmonkey blog) linked to Scott Klarr’s collection of cheat sheets. You’ll find HTML and XHTML near the bottom.

Another blog I read — MakeUseOf.com — also highlights cheat sheets when they find them.

Tags: 
Monday, 14 July 2008

how to do a browser detect for iphone

After a weekend with my new old iPhone, I got interested in how to do a browser detect for an iPhone in order to deliver iPhone optimized webpages to those users. Found this easy tutorial.

Tags: 
Tuesday, 1 July 2008

really basic HTML links

How to make hyperlinks is probably the most common HTML question I get from non-coding types. Bloggers and other web content managers just need to know how to make links. And though most Content Management Systems or blog software have an easy way to add a link to your content, they don’t always have an easy way to make an image into a link.

So here it is:

(continue reading…)

Tags: 
Tuesday, 24 June 2008

YouTube troubles in Firefox

I was hired recently (does it count as being hired if you’re never paid?) to troubleshoot a bug with videos not appearing in Firefox. The situation was this: a client was using the hack described by Justin Tadlock here to add YouTube videos to the sidebar of his WordPress blog. The hack uses WordPress’s “custom field” to create a video category and display the video in the sidebar with a smaller than standard width. (continue reading…)

Tags: