Archive for the ‘technology’ Category

I’m POSH – are you?

Sunday, April 22nd, 2007

It seems that the core of the Microformats community finally realized that the Microformats hype grew over the small group of web developers that already produced semantic markup and wanted to add even more semantics to it. Now every Microformats fan thinks there should be a Microformat for everything instead of just asking themselves a more important question – “What’s the best semantic way to present this content?”

POSH diagram by factoryjoe
Created by factoryjoe, released under CC by-nc-sa license

That’s where POSH comes in. It stands for Plain Old Semantic HTML. POSHers promote the use of semantic use of HTML which means more than just not using tables for layout. I think that something wasn’t communicated clearly enough and that is the fact that Microformats are born out of a repeating pattern of content presentation which concerns many people and many websites. That’s one of the reasons I never pushed for any new Microformats and was more often than not annoyed by people doing just that. What good can come from a big number of formats that you can’t use because you can’t really know them all?

That said, go practice POSH, document techniques and your own solutions to problems. If some of these problems outgrow the POSH pond they might be turned into a Microformat that we can all follow. If not it’s still a great idea that you can check how other people are solving problems when you stumble upon them.

OpenID.si launched!

Monday, April 9th, 2007

I’ve launched a Slovenian OpenID site at openid.si. I’m looking for other Slovenian OpenID enthusiasts that would help build a meaningful center for all Slovenian OpenID users and developers.

It’s a long road that OpenID has to travel to become a serious player on the landscape of the internet. If you think it’s the right way to go and are willing to do something about it you’re welcome to join us – contact details at openid.si.

At the same time I would like to mention that we’ll be having (probably the first Slovenian) OpenID talk at Spletne urice on 18 April at 19:00. Sebastjan Trepca, the founder of Slovenian Orthodox Users of Python, developer of Marela and a web developer at Parsek, will be talking about what OpenID is and how to implement a client and a server.

If you want to read more about OpenID head over to openid.si to find a bunch of OpenID resource links. If you have more don’t hesitate to email.

Before leaving – WCAG 2.0 released today

Sunday, April 1st, 2007

Surprisingly, WCAG 2.0 was released today. More news at 456 Berea Street.

WPF/E competition

Thursday, March 29th, 2007

Yesterday was a fine day that ended with a talk about the WindowsVista.si website (now offline). It’s made with WPF/E technology and is made to mimic the look & feel of the real Vista operating system. A great showcase of the technology.

There’s been much talk about WPF. The whole Windows Foundation Platform seems to be competition to the Adobe Apollo platform. They’re both made to create desktop applications. Apollo seems to be on top with the cross-platformness while Microsoft is putting its hopes on the size of the Windows developer community.

When we come ‘down’ to WPF/E (the E stands for Everywhere), the competitor everyone is talking about is Adobe (formerly Macromedia) Flash. They both solve a lot of common problems – animation, multimedia, drawing – stuff that you can’t do in HTML. But when you look under the hood of WindowsVista.si you’ll find there’s a bunch of JavaScripts that seem to do all the magic. And the code looks much like when you’re working with the infamous <canvas> tag.

This was also confirmed by the developer of the page – due to the limitations of the current plugin and it’s work with XAML everything on the page is dynamically created with JavaScript and is not present in the source XAML file. Since there are no components available he actually wrote all the controls himself – tabview, scrolling, panes, menus, windows,…

Two things come to mind:

  1. Direct3D vs OpenGL battle that went on about a decade ago
  2. document.layer vs document.all and the time of the DynamicDuo

Seems like a good idea would be to write a library that will seamlessly switch between WPF/E, and Flash whether they’re present or not. Especially since the tag will obviouslly never be trully cross platform (at least for a while) and that WPF/E doesn’t yet have a plugin for all platforms & browsers. Then again – what’s wrong with Flash?

Dear Apple

Friday, March 16th, 2007

Coolness is like trust. It’s hard to earn and easy to lose.

Update: Others seem to have finally gotten why this is more than just an IP issue.

The tables – part 1

Wednesday, March 14th, 2007

In this post I’ll go into the semantics of tables. Tables are still hated by many web developers and since sometimes a firm ‘NO’ is the best way of changing things some people are still scared of using them. I’ll say it out loud:

Using tables in HTML is OK.

That is if you’re using them for tabular data. Some things are a table no matter what. To rephrase – if it looks like a table it IS a table.

The beginning

The table is a block level element so it goes anywhere a block level element can. It can even fit inside the button element.

Every table begins with a table tag. Needless to say that the table needs to be opened and closed.

<table>

The table element can have attributes. One of them that should be user more often is summary that describes the contents of the table. There are a few attributes that actually control the display of the table and should probably not be used, or at least be used as little as possible. These are all still valid even in XHTML1 strict: frame, rules, cellspacing, cellpadding, width and border. Align and bgcolor attributes were dropped in strict and should not be used anymore. You can achieve almost everything that the last two groups of attributes are there for with CSS. You might stumble upon some problems though.

List of attributes:
  • summary
  • frame
  • rules
  • cellspacing
  • cellpadding
  • width
  • border
  • align
  • bgcolor

The regular attributes apply, a special case is the dir attribute that sets the direction of the table. With tables right-to-left (RTL) means the first cell will be on the right and the text will start on the right.

The header that’s not the head

Before we get to the content of the tables we need to check some other tags.

<caption>

The caption tag is used to “describe the nature of the table“. The caption element is visible to all users and should be rendered as wide as the table. With the summary attribute it should provide all the information about the table to people using non visual renderers. There can only be on caption element and it has to be the first child in the table element (ignoring whitespace nodes of course).

There are some issues with rendering the caption though:

  • Firefox renders the tables border differently that the captions border which creates a 1px difference – corrected with margin-left:-1px
  • Internet Explorer 6 ignores margines on the caption element entirely. It also ignores the border collapse between the table cells and the caption
  • caption-side property that defines if a caption is placed at the top or the bottom of the table is not really supported across A-grade browsers at the time of writing (Firefox supports it, but not changing top to bottom via scripting)

Read more about styling table captions.

Next time…

In the next edition of the tables we’ll go into rarely used colgroup and col tags.

Sources