Experiments category

Really interactive websites

Living web sites that grow, develop and evolve to suit the taste of the people that read them are now finding their way on to the internet.

Roger Highfield - Web pages have 'come alive and started breeding'

According to the article scientists at Creative Synthesis are evolving a software that tracks the behavior of a visitor and what attracts him and what's not to improve the site experience for each visitor, by every refresh of a page features changed.

This is an awesome new technology that can enhance user experiences very much, can you imagine, tracking a visitor day by day, see what he uses the most what's not, and focus on what he needs the most, The more you use the site the more it gets to know you and adapt more to your needs.

Once the blog went live, control of the design was out of their hands.

Roger Highfield - Web pages have 'come alive and started breeding'

That is really awesome, I didn't see real application of that yet but if it is applied nicely, it will be a revolution in user experience, I mean by applied nicely not to surprise the user by every refresh with different navigation position, links switched, headers or links colors changed, etc....

The transition should be done gradually so the user adapt to it smoothly, I guess people at Creative Synthesis are smart enough to already know what I'm saying, and I hope we see an application of this technology out in the wild, see how far will it get.

April 18, 2008, 11:25 AM Comments 0 TrackBack 0

Other "no paging" suggestions

I had posted a post titled No paging = happier users suggesting leaving all content for example search results in one page other than separating it in pages.

Yesterday Molly the lead of the WaSP and one of the well know experts, has posted a post titled No More Next Page: Embracing the Non-Linear Web talking about the same subject and linking to an article she wrote since July, 2001 titled freedom in structure she also pointed to a post titled Endless Pageless: No More Next Page by Pete Forde he suggests great techniques that could be applied using AJAX that loads some of the remaining content once you get near with your scroll bar to the bottom of the page that you might not notice unless you scrolled to the bottom quickly you will see the message more posts are being loaded... humanized reader is an example similar to what Pete Forde suggested.

But I still don't know why the need of that why don't you let it all load while the user is checking the first lines?

November 4, 2006, 1:00 PM Comments 2 TrackBack 0

OMG, 37Signals just bought Google!

Is it hard to believe check google now, well I think you got it by now, it's done using a very cool and inspiring tool by Cameron Adams called CSS Love Child.

I've been playing with for a while now. it's very funny to see your site body on other faces check point studios on Joe's face, Andy's face & Dustin's face.

Also encouraging to see other bodies on your face like 37Signals body, Doug's body, Andy's body.

Go have fun and come back here tell us in the comments below what delicious combines you've made.

May 3, 2006, 7:32 AM Comments 1 TrackBack 0

Zoom layouts update

I was away for about a month for some reasons and I just read Joe Clark's article Zoom layouts update I'm glad to be mentioned as one of the first few to apply Joe's zoom layout technique.

Joe commented on my link ( needs fine-tuning for overlapping layout components ) thanks Joe for pointing out the bug for me. It affects Safari only as far as I can see, the reason this bug appears is the negative margin values in the default style which I call it modern that affect other styles when switched to them.

As you can see I have one default style modern and two alternate new & zoom the margin in modern is #top { margin-top: -119px; } the negative values only the negative values affect the alternate styles when switched to them even if there is a rule that overwrite it like #top { margin-top: 0; } to fix the problem I have to overwrite it with a rule like #top { margin-top: -1px; } and maybe let the first object above #top push it one more px to the bottom.

I don't know if this is the best solution but it is one. Thanks a lot Joe and thanks all.

March 4, 2006, 1:39 PM Comments 0 TrackBack 0

Showing XFN relations

In the last post I explained what XFN is.

Since then I was thinking there should be more use of this, there should be a way to show this relations on every link, and I figure out a way.

Well I know maybe I'm not the first one to think of that but any way here is a technique to show XFN relations:

The technique:

Let's see the example I stated in the last post:

<a href="http://www.molly.com/" rel=" muse colleague acquaintance">Molly</a>

By adding some simple CSS rules we could show the relations after every link when hovered.

#content a:hover:after { content: attr(rel); }

We could also add some style to it to highlight it.

#content a:hover:after {
content: attr(rel);
color: #36C;
border-top: 1px dotted #36C;
}

hover here Molly and see more examples.

Take care

Avoid adding any thing beside attr(rel); in the content property, because adding it will effect all the links if you add brackets for example content:"( "attr(rel)" )"; it will have effect on all the links even the links without rel attribute will show empty brackets after it.

Add space before the first value of rel like this rel=" muse colleague acquaintance" to avoid letting the values appear sticking to the link.

Bugs

Any body experience any bugs please post it here.

August 17, 2005, 7:07 PM Comments 0 TrackBack 0

Categories: