Archive for the ‘Design’ Category

How to correctly use i, em, b and strong

There is a subtle difference between the <b>, <strong>, <i> and <em> html tags: they are commonly misused when styling text as bold or italic.

The <b> and <i> tags are presentation elements and are to be used where there is no “semantic” meaning, for example in a site footer. The <strong> and <em> tags are used where emphasis is to be put on a word and there is semantic meaning, as above with “subtle”.

Semantic: “relating to meaning in language or logic.”
New Oxford American Dictionary

Why does this matter? The correct use of these tags help computers understand language. Currently,

“… web pages are designed to be read by people, not machines.”
Wikipedia

By correctly using these tags we help computers understand in what context we meant something we wrote. The most important use of these tags is for accessibility, em and strong tags are read with emphasis on a screen reader while i and b are read as normal text; since they’re designed for presentation use only.

By Ben McRedmond
May 13th, 2008

OpenSocial, The future of the web?

Last week Google released it’s new platform OpenSocial, this platform allows a developer to write an application for MySpace for example, or Orkut (Google’s unknown social network, it’s popular in Brazil…).

I’m going to talk about why I like opensocial from two standpoints, the developer and the end-user.

OpenSocial from a developer’s standpoint is a godsend, from both sides, on the HiPPstr side it allows me to really easily have hundreds of great apps of which users can put on their profile, on the other side it allows great traction I can instantly have an application deployed all over the web, before you had to write your app for Facebook, not too hard, what about if you write a Mac OS X app, porting that too windows isn’t easy.

I think this is the future of computing, a thin client that accesses, could be Web 3.0 (This idea is brought up a lot by the infamous Molly Wood); a diverse and open platform where I can write an application and it will work universally any where.

From a user standpoint OpenSocial is just as exciting, lets look forward a few years, when OpenSocial is a developed and mature platform, imagine the things OpenSocial will be able to do, essentially this is the death of Facebook, which in my opinion will result in huge fragmentation of the Social Networking space. There will be lots of small networks interconnected by an open platform, OpenSocial. Greatly improving the user experience, when it no longer matters if half your friends are on Bebo and half on MySpace. You might say, “You’re an idiot, OpenSocial is for widgets not interconnecting social networks”, true that’s the use at the moment, it has been talked about that in the future OpenSocial, will provide methods for sharing data between different networks.

This seems to be a common Google strategy (mentioned on TWiT), if you can’t buy a market fragment it, or at least try because all of above is irrelevant unless this catches on and at the moment with partners such as Bebo and MySpace I am not doubting it will be popular.

By Ben McRedmond
November 13th, 2007

Creating Ajax Comments with CodeIginiter and JQuery

While working on the HiPPstr comments, I didn’t understand why other sites required you to go to another page to submit a comment, maybe to prevent over submission, Well I went ahead with it anyway.

I settled on JQuery for my Javascript Framework, it seemed to do a lot out of the box, with lots of plugins and a big community, also the base distribution was a lot smaller than other tools such as MooTools.

I had never done any Ajax Before so this was a little bit of an adventure. If you don’t know ajax is really just a buzz word it stands for Asynchronous Javascript and XML, it’s a very commonly used technology in web 2.0 web applications, which allows actions and http requests to be done without requiring the page to be reloaded. This gives web applications more of a desktop feel.

Read More …

By Ben McRedmond
October 20th, 2007