[wp-design] First Draft

[Khaled Abou Alfa]

Good work Joen,

I'll download that and use a few things and send it back later on tonight.


On Wed, 16 Feb 2005 14:14:07 +0100, Michael Heilemann <heilemann at mac.com> wrote:
> Hey Joen,
> 
> Great job throwing all the elements into the PS file, saved us all a lot of trouble I think :)
> 
> I have some ideas for how to arrange the elements, I'll see if I can't take a pass at that later today. (You did this in CS, right? We only have 7.0 at Io :))
> 
> The thing that I am most interested in getting up and running as a concept as soon as possible is the use of 'XMLHttpRequest'. For those not 'in the know', it's a technique which allows for 'dynamic site changes'. Flickr makes amazing use of this, as does the live search that I've implemented on my site (I only hacked it, didn't code the thing).
> 
> If we can get the admin and perhaps frontend up and running with that, our karma-count will triple, easily :)
> 
> Read this: http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
> 
> Anyway, gotta do some work. I'll be back.
> 
> - Mike
> 
> 
> On Wednesday, February 16, 2005, at 01:52PM, Joen Asmussen <joen at noscope.com> wrote:
> 
> >To get this ball rolling, I sat down today and really did some work on it.
> >
> >Here's a screenshot:
> >http://www.noscope.com/dump/v1.jpg
> >
> >The PSD can be downloaded here:
> >http://www.noscope.com/dump/v1.zip
> >
> >As you can see, some things have happened. I'll list them here shortly,
> >without going too much into detail.
> >
> >* Logo is now top left, as is "view site" and "log out".
> >
> >* I have done as little "designing" as possible: that comes later.
> >
> >* Primary navigation is now tabs (based on
> >http://labs.silverorange.com/images/tabsupdate/)
> >
> >* Secondary navigation is now links
> >
> >* Font has been changed to Verdana 11 px
> >
> >* "Proof of concept" icon for "Timestamp updated" system message. The
> >icon obviously needs work, but this is where I see icons show their true
> >strengths.
> >
> >* All input boxes and push buttons are now unstyled. This means they'll
> >be dependant on the OS. (Part of my "application metaphor" idea)
> >
> >* I haven't given ANY thought as to LAYOUT of where boxes should be.
> >This needs work.
> >
> >* No rounded corners to fieldsets
> >
> >* Added small "(help?)" links
> >
> >* Added "Textarea: larger / smaller". Good?
> >
> >* Trimmed quicktags. In my idea, the advanced tags such as "ol, ul, li"
> >etc. are hidden using Javascript, so the boxes will appear realtime when
> >"more" is clicked, and then this is cookied.
> >
> >* Instead of "str", "em", i've written "b" and "i". This is what Word does.
> >
> >* Added "sort of" CSS buttons to quicktags.
> >
> >* Added a yellow square to "publish" buttons. This is where I see color
> >play a important part, as with the sys msg.
> >
> >* Cleaned up footer.
> >
> >Some of the strenghts of this, I think, is that while I almost haven't
> >removed any text / icons, the whole thing looks much lighter and simpler
> >now. Personally, I attribute this to unstyling GUI widgets, which makes
> >them "anonymous", as I spoke of briefly in the initial discussions.
> >Additionally, the simplicity of Verdana vs. Georgia simply removes some
> >stray pixels. If Georgia is such a strong part of the brand (classic),
> >then we should use it for headlines, etc.
> >
> >Comments, questions, suggestions?
> >
> >Oh, and feel free to rape and pillage the PSD. It's a very good base to
> >build off of, since almost everything has now been split up into layers.
> >
> >J
> >
> >--
> >
> >Joen Asmussen
> >
> >CPH, DENMARK
> >ICQ: 2462161, AIM: workjoen
> >
> >work: www.titoonic.dk <http://www.titoonic.dk> | private:
> >www.noscope.com <http://www.noscope.com> & www.turtleshell.com
> ><http://www.turtleshell.com>
> >
> >_______________________________________________
> >wp-design mailing list
> >wp-design at lists.automattic.com
> >http://lists.automattic.com/mailman/listinfo/wp-design
> >
> >
> 
> Kind regards,
> Michael Heilemann
> http://binarybonsai.com
> _______________________________________________
> wp-design mailing list
> wp-design at lists.automattic.com
> http://lists.automattic.com/mailman/listinfo/wp-design
>