Archive for the ‘technology’ Category

eboran – esrevni

Saturday, June 7th, 2008

Today I wrote a quick funny script that inverses the text in all the text nodes on a page. I think it’s funny enough to release it:

function fcc_text_reverse(e){
	var j=(e.childNodes)?e.childNodes.length:0;
	for(var i=0;i<j;i++){
		var n=e.childNodes[i];
		if(n.nodeType==1){fcc_text_reverse(n);}
		else if(n.nodeType==3){
			n.nodeValue=n.nodeValue.split('').reverse().join('');
		}
	}
};
fcc_text_reverse(document.getElementsByTagName('body')[0]);

You can also use the favelet / bookmarklet — just drag Reverse text to bookmarks.

Zemanta Pixie

Redesigned media

Thursday, May 29th, 2008

A couple of Slovenian newspaper sites redesigned recently (today?). I got the news on Twitter. I’ll try to review what they’ve done1.

Delo

Newspaper vendor, Paddington, London, February 2005Image via WikipediaFirst notified by had, I was eager to see the new design and code. The design is very very wide — a good link to the newspaper that is probably the widest/biggest in Slovenia. At 1024×768 you see all the content, but the banner on the side is missing — I hope they subtract these users when selling ad space (or they should get ToboAds that actually count only the ones that are seen by the user using advanced JavaScript).

The design is boring with only the RSS icons giving it some color. It gives no feedback on links, the font on the front page is too small (11px) and it doesn’t hold its text–resizing well. The content is a bit hard to read with the font size at 12px, width of 600px (50em) and line–height at normal. There doesn’t seem to be any vertical rhythm applied. It’s also very hard to figure out where you are in the structure since some of the navigational elements seem to vary in color for no apparent reason.

The underlying code is disappointing. It’s really something that you would just delete and start over. It suffers from inline styles, divitis, classitis, inline scripts, validation errors (163 for the front page) and overall ugliness. The front page needs 67 requests and 724kB to load in 3.24 seconds (there are a few banners on the site though). Disappointing but expected is the fact that they don’t use Microformats but I was positively surprised that you can use OpenID to log in — I’ve never left a comment on local news sites because you need to register with each one. And I never do.

Mladina

Posted by Tomaž Štolfa it’s actually not available yetavailable now through www.mladina.si but can be accessed directly through www.mladina.si/dnevnik/. It’s a nice page but with a shift in concept — the magazine is a weekly publication while the online edition will publish daily (or probably all the time). It too is wider than the previous version with a width of 1024 leaning on the left side of the browser.

The design is nice and gives good feedback in use. It’s made on a simple 5—column grid with the 5th column being used only in the head and for the banner. The only thing that is quite annoying is the banner at the top that moves the whole page down another 90px for no good reason (at least not for the users?). The content is much easier to read with a 12px font size, 1.5em line–height at 563px width (~47em). It also makes use of few different typeface which adds to the overall experience of surfing. Vertical rhythm in text is achieved through crappy code with paragraphs being spaced with <br /> elements.

The code is nothing to look at. It has 71 validation error on the front page with the first ones starting in the head element (unclosed meta elements). It too sports inline styles and scripts (which are at least wrapped in CDATA) and it too suffers from a heavy infection of divitis. It even has some <center> tags that I haven’t seen for quite some time now. The front page loads in 2.54 seconds for 58 requests and 582kB with all requests except Google Analytics going to the same domain. Microformats are nonexistent and so is OpenID — no need to have registration if you can’t leave comments2.

  1. No need for a disclaimer anymore — I don’t know who designed or coded these pages and I don’t work at their competitors. back
  2. WHAT? Isn’t this supposed to be the most open and future thinking newspaper? back
Zemified

Form design

Sunday, May 25th, 2008

While trying to buy Luke Wroblewski’s book at Rosenfeld Media I had to create a new account. I filled out the form and submitted it but it didn’t go through. The message it gave was:

You did not complete all of the required fields before submitting information. Fields missing data are highlighted. Please try again.

The thing is none of the fields were highlighted. This means that after scanning the form I just resubmitted it and of course I got the error message again. After the second try I went through the form field by field and found out that I have to select “Not Applicable” for the “State” field if I’m not in US or Canada. Why is empty different from “Not Applicable”?

By the way — the book I was buying is called Web Form Design: Filling in the Blanks :)

Zemified

Start–up night #2

Wednesday, May 21st, 2008

rezerviraj.si

(translates into booking.si)

A start–up that started as a service for booking tables in restaurants and figured out that Slovenian market isn’t ready for this yet. The problem aren’t the users but the suppliers — the dining industry seems to be governed by older owners and internet and computers are a rarity. This means they need to “relocate” to bookings in other areas.

What fascinated me the most was that they think that ideas are cheap and you need to share them as much as you can — you’ll be getting valuable comments from everybody you share the idea with. I completely agree with this but I don’t entirely agree with another point they made — that you need to have a business plan done to start. I agree that it’s important to think about all this but would put the passion in front of making a well styled document.

All in all an interesting talk about how to start a web service with some really refreshing comments.

investoo.net

The passion for investing in stock, funds and other financial instruments in the Balkan is the basis for this start–up. The team consists of two people that are passionate about this topic and also passionate about web 2.0 services. They spent approximately 16 person–months working until now and expect to invest 8 more until launch in a few months — they’re looking for developers!

The reasons to start a new financial portal seems pretty straight forward — there is no good alternative and all the competition is from web 1.0 or older. It’s a great thing when you find out that you’re passionate about something that is not really present on the market.

darilniboni.com

(translates to giftcoupons.com)

When asked whether they ever had problems with gift buying almost everybody in the room said yes. A much smaller number bought a gift coupon. This start–up thinks the number is big enough and they started a web service that sells gift coupons for different stores. When looking back they now know that they spent way too much time on stuff that isn’t really all that important — business cards, legal issues, marketing materials,… I’m not saying these aren’t important and neither are they — but they need to be done as quickly as possible so they don’t come between you and the goal. And the goal is building and growing a successful business.

Another problem they mentioned is the huge number of ideas that lead to scope creep. This is usually also my problem but I think I rooted it out successfully — what I do is talk about ideas and write them all down. This means I don’t need to think about them anymore. I heard something similar in an Indiana Jones movie the other day.

podarimo.si

(translates to giveaway.si)

The most famous start–up today with press coverage on the main Slovenian TV and radio stations. The team consists of two people — one responsible for the technical side and the other for PR. The final design was set on the 8th March 2007 and the page was launched a week later. A lesson they learned the hard way was that you need to buy the domains early on — as Murphy goes you’ll lose it the day you want to buy it.

Communication is key — you can actually get free stuff if you ask. You’ve got nothing to loose anyway. Because they went for a charitable cause they got a lot of free PR. And now people are passing the link on to those that want to give something away which is probably the ultimate goal of every web service. Having a fan club can be very good for your business…

You also need to think about how to handle the peaks that will come when you succeed. If you don’t your service will die when you have the link on the front page of TechCrunch. Or in the case of local service on the local TV station.

Web Typography Sucks

Thursday, May 15th, 2008

The Elements of Typographic StyleImage via WikipediaThat’s the title of the talk by the first foreign speaker1 at Spletne urice — Richard Rutter from Clearleft, who’s really a great guy and a great speaker.

Web Typography is one of the topics I really care about and I think it’s an issue that iswas a bit overlooked in our local community. After my talk last year about fonts and possible ways to use / embed them I am happy that we got Richard to come to Slovenia to talk about this — who could be better than the author of The Elements of Typographic Style Applied to the Web.

The talk went great2 (Cyberpipe filled up after the first few minutes) and it was followed by a good Q&A session. In the session I mentioned that a font foundry released a font that is free for use on the web and thus free for embeding — the foundry is called FDI fonts.info — you can read their press release or download Graublau Sans Web and Logotypia Pro for free. After the talk we went for a beer in Metropol (just above Cyberpipe) and then another one later on in the city center.

All in all it was great having Richard here and I guess he liked it too. I hope he’ll put in a good word for us and we’ll get even more foreign speakers to come to Ljubljana and share their in–depth knowledge of specific areas of webdesign and development3.

I would also like to thank our silent sponsor Parsek Interactive that took care of the air fare and the hotel bill and also Zemanta that shared their work space with Richard today4.

  1. Technically Daniel P. Fischer was the first, but he gave his talk as part of the HAIP festival and his stay and talk was organized by the Cyberpipe crew. So what I’m trying to say is that Richard was the first speaker I organized by myself. back
  2. If you missed the talk the slides are here and the video should be online in a couple of weeks. back
  3. Any volunteer speakers? Any suggestions? Sponsors maybe? back
  4. Did you notice that I tried to punctuate with the correct apostophes, en dashes, em dashes, elipses’… It’s not that easy — somebody should create a WordPress plugin for this. back
Zemified

Video is the new AJAX

Monday, April 14th, 2008

TVImage via WikipediaRecently there’s been a lot of video news sites popping up here in Slovenia. In addition to TV networks almost every newspaper site now has a video section. I understand that these sites need to evolve and that media is changing. Every year we see statistics changing telling us we read more on the web and less newspapers. Even TV is losing ground. The media business is changing and in this ever changing world the easiest and the cheapest solution is to follow what others are doing. Unfortunately this also means that you do things without thinking them over thoroughly.

When you do that you have a problem – you’re thinking that you’re giving readers what they really want but in turn you’re giving them what you want. Or what you think they want – either way you’re not on the right track. That made me think of the ways I watch video online and the ways I want to watch it.

Podcasts

Most video I watch is actually not on the internet – it gets downloaded (almost) automatically into iTunes. I don’t watch the podcasts everyday even though some podcasts are daily news reports.

So local media companies are adding podcast feeds to their video content and hoping that people watch them[1]. Newsflash – podcasts are not a technical issue. Most people don’t even know what feeds are (another story), why do you think that they know what podcasts are?

The solution here is quite simple – for a quick start of course. Make real podcasts, use the news you’re making or providing on your site already. This way you can leverage your existing content while providing something that people might actually watch. Focus on local news[2] and target the younger audience, with daily episodes not exceeding 4 minutes in length. A very important thing is choosing the presenter – they need to reflect your your goals and suite your target content and audience. This means that your average TV anchormen won’t work – check the most popular podcasts to get the feeling what you’re looking for, keywords probably being humorous, personal, friendly.

Such podcasts have a few possible ways of monetizing themselves. One possibility is to add commercials (add them at the end, not the beginning), you might have weekly or monthly sponsors that you display in the background or even at the beginning of the show (not more that one screenshot). Since you can differentiate your subscribers from random web users you can adjust advertising to get most from both worlds. Be creative!

TV shows

Fortunately both local TV networks now have ways of watching locally produced shows I’ve missed. I do that quite often[3] since I can’t really fit some of them into my already busy schedule. When I’m watching such a show on the internet that’s probably the only thing I’m doing at that specific time and means that the computer is actually acting as if it was a TV.

Since I can move the slider you can’t push ads to me as you would on TV. That doesn’t mean you can’t have ads in such shows, you just need to think about them differently. What I do often is pause the video to check my email, browse around or just wait for the show to download – perfect time for placing ads. When I come back there’ll be an ad waiting, I’ll click next and continue watching the show.

The idea is not mine – when I was in the Netherlands a few years ago I went to the movies – in the middle of the movie there was a commercial which announced a brief break during the movie. I don’t remember the commercials going on while the break lasted (we all left the theater) but they were on again when we started coming back.

A great option with watching TV shows would also be to allow me to set the shows in my profile – that way I could see when something will be on TV and when I can watch it online. If I have a few shows to check you should allow me to add them to a playlist much as I would in iTunes or on my iPod. And I wouldn’t mind ads in between – if I’m watching a show that has already preloaded you could preload an ad into memory and play it while you start buffering the next show in my playlist – I’d have to wait anyway. You could also create a podcast that would push the shows I added or subscribed to.

Video news

This is the one that most media providers do currently and get it wrong most of the time. When reading news on the internet I’ll have many tabs open since what I’m doing is browsing. This means I’ll start at the homepage and then click on random news there, maybe click a category I’m really interested in, when news open I might click some related news and so on. This “trip” is rather random and fast.

Since I’m in browsing mode I’m more likely to only skim the information on the news page. This means that when I come to a page that only provides a video I’ll have nothing to skim and will close that tab immediately. I won’t see the ad in front of the video and I won’t see the video. In a month I might discover that I’m not getting quality information and move on to another site that will let me skim what I want to skim and fully concentrate on what I want to see.

Video as add-on

One solution to this problem is to use the video to convey information that text can’t. For example if you’re talking about a football match you might add video of the best move or all the goals scored. Another possibility would be that you’re pushing news on Britney and you add video of the incident. This way I can skim the news, figure if I want to see the video and check it if it interests me enough.

Video as primary content

When you think the only way to present content is video (I don’t think that ever happens but some do) you could use the idea already mentioned – profiles and sort-of bookmarks. I first saw this implemented on the International Herald Tribune website for text only articles – while browsing and skimming for interesting news you add what you want to read to your profile. At the end you can sit back and read what you saved or in this case check your own news show. Hey, you could even add social features to this with sharing of such shows (technically speaking playlists) with friends,… This also makes ads less invasive since you can add them less often then on every video I watch.

AJAX?

Some of you might know that I hate AJAX and I do for the same reason I hate video on the web currently. There’s a bunch of idiotssites shoving it down my throat in totally inappropriate ways and I really hate being molestedbothered this way. Technologies are here to solve problems and the only way they can do that is if people think what problems they solve better than others. That way we can read the news, watch the video, get an AJAXy[4] exeprience when and where we want to and where that specific technology solves our problems best.

  1. I’d really love to see the statistics on that. Anybody know where to get them? back
  2. We get world news in other podcasts or from other sources – keep it linked to what you know best. back
  3. More often on PopTV since I prefer their way of delivering content – via a fullscreen Flash interface – opposed to a small Windows Media / Real player on RTV Slovenija. back
  4. By the way – with all the AJAX around home pages of both local media houses reload automatically (which could really be an asynchronous request to retrieve the latest news) – one with a meta refresh tag and the other with inline JavaScript. back
Zemified