www.netsi.dk

"The internet is just a layer on the real world" (don't forget that!)

Første gang Anita har en veninde med hjemme fra børnehaven!

besøg 3½ år gammel er efterhånden, hun går i børnehave og er glad for det. En af de ting som viser os at hun er glad for at gå i den børnehave hun nu er i, er at hun har været meget hurtig til at få veninder.

Idag blev så dagen hvor hun for første gang havde en veninde med hjem. Det gik godt. Men børn i den alder er ikke sådan rigtig istand til at lege sammen – de leger nærmest ved siden af hinanden. Anita er enebarn og havde da også et par gange lidt svært ved at skulle dele domaine med en veninde.

Jeg sætter ikke et billede på, da jeg ikke først har aftalt det med venindens forældre – men lad mig så prøve at beskrive billedet. Man ser to børn, en mørk pige med mørkt hår og en lys pige med helt lyst hår. De sidder på gulvet og fylder munden med Buggles! Man kunne sætte sig på en stol eller i sengen – mine knæ ville i hvert fald have foretrukket det! Men piger på 3 år har jo ingen problemer i den retning – og så er gulvet jo så dejlig nært. De sidder og kigger på en tegnefilm og er meget optaget af det (og så lige at spise Buggles!).

Det var altså en helt ny ting for far, mor og Anita – en ny æra er begyndt. Nu går far så bare og venter på at hun tager hendes 15 årige teenage veninder med hjem! ;-) Nej, spøg til side, det var rart at opleve – og nu er det så snart Anitas tur til at besøge en veninde! Stort!

Share

Comment on statement about Xara Web Designer

I feel I need to comment on a statment by “The Xara Team” about the nature of (XWD) in the forum: Talkgraphics.com. “The Xara Team” comes with various statements which I will comment in the following.

It’s evident that the vast majority of websites are of a graphical nature
– I disagree. Back in old days static HTML based webpages might be build in a combination of static text and graphics, but today serious websites are build from dynamic elements, ofcause wrapped in some graphics. Every website need a layout, but that does not make them a website of graphical nature.

Creating websites should be like creating PDF files – you should not need to know anything about what happens ‘under the hood‘”
You cannot compare PDF with websites. PDF are static pieces of documents. Ofcause pieces of code can be embedded into a PDF file, but nowhere near the complexaty of a webpage. I have been working with producing websites since 1995 with focus on the “frontend”. (X)HTML are the fundament of any webpage, and for people like me working under the hood, it is the nature of websites. What we need to understand is that like the brain with its left and right side, a perfect websites comes out of a perfect co-working of the logical and the creative side.

When you state that you should not need to know anything about what happens under the hood you put your main focus on design – and if XWD will do that it will be just another designer orienteded website generating tool. It will only appeal to designers, the right side of the brain and not be the perfect tool.

it provides no HTML code view, and no abilities to program Javascript
Oh dear… These facts are almost used as a positive feature! Do they hate HTML and javascript at Xara? I hope not, cause every website is based on HTML and most interaction is based on javascript. I understand that the user should not necessary need to be a master at HTML and javascript, but to position a product in 2009 with words like “no ability to program javascript” is not a good thing. You need to be able to provide points in the autogenerated whereby people who actualy do not hate javascript (like me, I love it!) can hook into a given website and extend it. How about CSS? It would be nice to get documentation about the HTML which XWD generates, when IDs are generated on elemented and when (if) css classes are generated.

Modern ways of extending website content using things like jQuery (with more than 1000 plug-ins) will work if the HTML markup is based on CSS.

(Web Designer layers map directly to CSS layers)
In a remark he mentiones that XWD layers maps directly to CSS layers – well, as I mentioned before, it would be very nice to get documentation about the HTML which XWD generates! It is important and not just something which be mentioned as a comment!

Many questions in the forum is about how to add logic to the website
No doubt, it is 1-2-3, very easy to get a nice website up and running using XWD, but what about if you need it to have dynamic elements, autogenerated content? Many of the threads at XWD forum at talkgraphics.com is about that. Why? Because there is a need to “activate” your design. Having a nice design is not enough for many websites. Ofcause if you have a website which states opening hours, driving directions and a mailto link – a staic website will be perfect, and the option to public directly to your websites is unique! I have shown XWD to many friends and they all say: WOW! because its so easy!

I am trying to push the nature of XWD towards the “left brain side” – lets extend the part of XWD which offers easy embedding of logical based elements. The designer part is nearly perfect. Lets make so easy that even creative people can figure it out! :-) Instead of trying to position the product only in the area for creative people, and thereby make the same mistake as the “other” website products going in the other direction (as “The Xara Team” clams most of them do).

Finally: Lets make it even better!
Please understand that I am happy with XWD, I want to throw away mock-up websites made in photoshop, I want to be able to use XWD through the whole process – but for that to be possibel/realistic we need to have a product which respect both the creative and the “logical” part of a website!

It is possibel I think to reach that target! We need to invent some new features for making the logical part of a website so easy that everybody can do it. I have some ideas which I will try to visualize in future. Some of them are easy, some not. One example is the need to be able to choose the level of anti-aliasing for each element :-)

But I hope that this have been inspirational to the xara-team and others who have read it! :-)

Share

Google Books

 This is my first in the category “inspirovation” – a word which is a combination of “Inspiration” and “Innovation”. It will be articles about things which I find innovative, things which inspires me. So I hope that you will also get some “Aha!” and “Wow!” experiences when you read these articles. Please feel free to comment and perhaps leave your “inspirovatived”.

Google Books offers a very cool way of search for books using keywords. The innovative part of this service is that some of the books are actually available online for reading! Google I believe have signed a deal with US based publisher, and if I am not wrong this deal will allow many books to be available online for reading!

This idea I had myself many years back – in 1995. I was the leader on a project called “Around the world in 80 seconds” – a project which had the primary goal to offer internet access to everyone from libraries in Denmark. The project was my idea and it ran for 3 months in a library in Viborg Centralbibliotek, Viborg Kommune was the sponsor of this project which recieved much attention in the media. Today every library in Denmark have free access points to the internet.

With a background in and around publishing I knew that perhaps 99.5% of all printed books was being produced in a digital format – probertly at some point in the form of a PDF. On the libraries on the other hand much energi were put into printing those PDF files into paper format. The printed version would then get on the shelves of the libries and a few people at a time could then enjoy the books, while others had to wait, or perhaps never get the chance to read it (perhaps old people who could not overcome to goto the library).

My idea is/was: When you want to borrow a book from a library you can choose from a printed version (not always there, you need to reserve it) or a digital version (always there!). The idea is almost the same as what Google Books is :-)

In the future I would love to see something like that in a world-wide form: You can get any book, in any language from anywhere! Google Books might be a step in that direction! A very warm welcome to this service from me!

Share

Stepping from print to interactive webpages

For years the UK based Xara software house has been producing quality software targeted at primarly print. It has other projects like the very cool CMS alike www.350.com, but here I want to talk about the design related activities of Xara Ltd.

Xara Xtreme – state of the users
image In my oppoinion the users of products like Xara Xtreme from Xara Ltd. can be categorized as users primarly focusing on producing stand alone graphics to be used in prints or on the web. I myself have been using Xara Xtreme Pro (XX) as a “photoshop and illustrator killer”. Not only is XX much faster and intuative, but it is priced in a realistisc range for me. Small pieces of graphics like the this one is very easy to create in XX!

The users are experienced in that area, but now that (XWD) will let them publish websites in 2 minutes? Is it like letting a truck driver switch profession into a taxi-driver? :-) The switch is not an easy one to take if you need to be a successfull “taxi-driver” – trust me, I myself have been taxi-driver (frontend developer) for years now.

Xara Web Designer – who is the user?
So you want to produce websites? You will be given a range of out-of-the-box elements which have been nicely wrapped in easy to understand Xara interface. No doubt about that, a job well done! All the HTML and javascript has been removed from the person who is novice at developing websites. It removes the functionality focused parts of a website from the person using XWD when creating a website. Judging from that I believe that the people at Xara Ltd. are targeting designer-minded people, may I say “designer-nerds”? :-)

Introducing web-related demands to the designer
So if XWD is a product which moves focus from traditional graphics area to website design, one of the challenges of XWD is to do it in a way which introduce new web-related features in a manner which makes XX-users feel “at home”/safe.

When people feel safe they can go far – they feel satisfied and can experience a flow, a state of mind where you forget time and space. No, it is not what people should always feel when working with XWD, producing a website – but think of the opposite. You do not feel safe – “what will happen if I click here? – will it crash my site?”

A designer probably just want to see her design appearing perfectly on the web, without having to worry too much about how she includes a slideshow or contact form. She probably just wants to say: “Ok, that is my layout, and here I have reserved place for the contact form…”. XWD have a “placeholder” feature which could do exactly that! (see below)

The placeholder of Xara Web Designer


A gateway between design and interaction – a big challenge!
”There is a life after the design has been selected” you might say. What do I mean? Well during my daily work as a frontend developer I take design and turn them into live websites.
Typically (in my professionel work) I receive a PSD (Adobe Photoshop) file and export all the parts in the design, I generate CSS (Cascading Style Sheet) information and HTML/XSLT templates which make the website look as close to the layout of the designer as possible. After that interaction like carousel (see an example) where the designer might have expressed such a dynamic element.

You could say that a website have a static part and a part which “lives” on the page as you visit the website. Such parts only come to life when you view the website in a browser. They can be anything nowadays! From Google Maps, over facebook and newstickers you meet them anywhere you browse on the net. That is the interaction part of a website. They need to give the visitor a good feeling and offer something to him. On the other hand, if the design is not well put together such interactive elements will never even get the attention of the visitor!

What do I think is required?
Let me try to make a list:

  1. Well, first of all – we need to have openminded discussions and feedback from users of XWD to be able to address elements of XWD which can be improved. We have that!
  2. People with skills with implementing websites in general. Such people would know about the end product: XHTML, CSS, jScript and so on.
  3. People who know what is happening on the net, yesterday, today and tomorrow! What is the trend? Would it for instance be more interesting to focus on Silverlight than on Flash?
  4. Concrete need: XWD need to publish meta data into the HTML output! Be open! Document what 3rd party companies can expect the HTML output to contain. For instance if you want to somehow be able to have a jQuery based carousel part of your website, there should be a way to add CSS classes to elements.
  5. Conform to web standards. Though to most people it is not important, perhaps moving inline CSS to CSS clases could be nice. And if you for instance have a block of text, why not surround the DIVs generated with an outer DIV? This lets 3rd party companies hook in with things that XWD perhaps not supports.

Well, I could properly go on – but for now I will stop here! Please feel free to comment!

Share

How to avoid text being converted to graphics

In Xara Web Designer (XWD) you create designs/layouts using a vector based drawing program. You can add textareas, images, buttons, navigation and other web related elements. XWD automatically creates the HTML content and the relevant graphics. It is a cheap, easy, effective and fast tool for static webpages building!

As with all other programs some of the features need to be twisted to create the result you want. For instance if you need text to be placed on a graphic element without the text turning into graphics. The file here shows and instructs you how to achieve this.

If you do not already have a copy of XWD, why not try the 30 days free trial version? (even if the product is priced at a ridiculous cheap price of £ 39!).

The product has a great forum where you can discuss the product, read how-to, see what other are achieving and so on. It is placed a talkgraphics.com.

Here is the example: avoidTextBeingConvertedToGraphics.web

Share