Print CSS patch - More patches for HTML / CSS / JS to come :-)
2 views
Skip to first unread message
John
May 27, 2009, 3:56:05 AM5/27/09
to sutekishop
Hi,
I've uploaded a patch for the print.css to fix the address columns
issue. http://groups.google.com/group/sutekishop/web/printcssfix.patch
It's just a quick fix for the moment as I want to help and take a look
through all of the html / css / js over the coming weeks. Can't start
looking until next week though as I have a tight deadline on a WPF
project.
I'm going to look to make the html conform to the current HTML 5
specs. Why you make ask? Well basically there are still plenty of
browers etc that don't fully support XHTML
http://www.dev-archive.net/articles/xhtml.html#lack-of-support. Using
HTML 5 makes the whole thing far more compatible and less chance of
breaking going forwards.
I'm no web design expert at all so I won't implement any design
changes, I've just spent a lot of time reading up on / implementing
sites with semantic markup and meeting accessibility laws and
guidelines.
Just a few quick things I've spotted in terms of useability.
1. When a user clicks on the "Add to Basket" button they are taken
straight to the Basket page, this means they are taken away from the
products' pages which some users find very annoying. I would suggest
that when the button is press the page is refreshed and a simple "your
item has been added to the basket" message is shown. This means they
can stay within the products sections.
2. You currently have a link to "View Basket" on the left hand side.
I would suggest adding to that a simple basket overview area i.e.
number of items and current cost of the items in the basket. (e.g. 2
items : £25.23). This way the user knows their current running total.
3. Breadcrumb navigation. To back up the current navigation tree add
a breadcrumb navigation to the site. This is an especially effective
way of telling the user where they are and provides quick links back
up the navigation tree.
Hope these thoughts help
John
http://theusualsuspect.com
twitter: @pollingj
I've uploaded a patch for the print.css to fix the address columns
issue. http://groups.google.com/group/sutekishop/web/printcssfix.patch
It's just a quick fix for the moment as I want to help and take a look
through all of the html / css / js over the coming weeks. Can't start
looking until next week though as I have a tight deadline on a WPF
project.
I'm going to look to make the html conform to the current HTML 5
specs. Why you make ask? Well basically there are still plenty of
browers etc that don't fully support XHTML
http://www.dev-archive.net/articles/xhtml.html#lack-of-support. Using
HTML 5 makes the whole thing far more compatible and less chance of
breaking going forwards.
I'm no web design expert at all so I won't implement any design
changes, I've just spent a lot of time reading up on / implementing
sites with semantic markup and meeting accessibility laws and
guidelines.
Just a few quick things I've spotted in terms of useability.
1. When a user clicks on the "Add to Basket" button they are taken
straight to the Basket page, this means they are taken away from the
products' pages which some users find very annoying. I would suggest
that when the button is press the page is refreshed and a simple "your
item has been added to the basket" message is shown. This means they
can stay within the products sections.
2. You currently have a link to "View Basket" on the left hand side.
I would suggest adding to that a simple basket overview area i.e.
number of items and current cost of the items in the basket. (e.g. 2
items : £25.23). This way the user knows their current running total.
3. Breadcrumb navigation. To back up the current navigation tree add
a breadcrumb navigation to the site. This is an especially effective
way of telling the user where they are and provides quick links back
up the navigation tree.
Hope these thoughts help
John
http://theusualsuspect.com
twitter: @pollingj
Mike Hadlow
May 27, 2009, 4:26:31 PM5/27/09
to sutek...@googlegroups.com
Hi John
Nice work. Fixes the issue. Many thanks.
That would be very valuable. I see the 'design' as something that people using Suteki Shop would bring. Any help you can bring to cleaning up the html / css / js side of things would be very much appreachiated.
Good point. It would be pretty easy to implement. I guess it links to 2 below...
Yes, that would make things a lot nicer. Once again, it wouldn't be hard to create a summary view of the basket that we could have as part of the shop master page.
Yes, I've been thinking this would be nice for a while now. Once again, it's wouldn't be hard to implement given that we already have a clean nested navigation model for cateogries or content.
I'm going to add these suggestions to the feature requests on the site so we don't forget them.
Many thanks
Mike
On Wed, May 27, 2009 at 8:56 AM, John <jo...@theusualsuspect.com> wrote:
Hi,
I've uploaded a patch for the print.css to fix the address columns
issue. http://groups.google.com/group/sutekishop/web/printcssfix.patch
Nice work. Fixes the issue. Many thanks.
It's just a quick fix for the moment as I want to help and take a look
through all of the html / css / js over the coming weeks. Can't start
looking until next week though as I have a tight deadline on a WPF
project.
I'm going to look to make the html conform to the current HTML 5
specs. Why you make ask? Well basically there are still plenty of
browers etc that don't fully support XHTML
http://www.dev-archive.net/articles/xhtml.html#lack-of-support. Using
HTML 5 makes the whole thing far more compatible and less chance of
breaking going forwards.
I'm no web design expert at all so I won't implement any design
changes, I've just spent a lot of time reading up on / implementing
sites with semantic markup and meeting accessibility laws and
guidelines.
That would be very valuable. I see the 'design' as something that people using Suteki Shop would bring. Any help you can bring to cleaning up the html / css / js side of things would be very much appreachiated.
Just a few quick things I've spotted in terms of useability.
1. When a user clicks on the "Add to Basket" button they are taken
straight to the Basket page, this means they are taken away from the
products' pages which some users find very annoying. I would suggest
that when the button is press the page is refreshed and a simple "your
item has been added to the basket" message is shown. This means they
can stay within the products sections.
Good point. It would be pretty easy to implement. I guess it links to 2 below...
2. You currently have a link to "View Basket" on the left hand side.
I would suggest adding to that a simple basket overview area i.e.
number of items and current cost of the items in the basket. (e.g. 2
items : £25.23). This way the user knows their current running total.
Yes, that would make things a lot nicer. Once again, it wouldn't be hard to create a summary view of the basket that we could have as part of the shop master page.
3. Breadcrumb navigation. To back up the current navigation tree add
a breadcrumb navigation to the site. This is an especially effective
way of telling the user where they are and provides quick links back
up the navigation tree.
Yes, I've been thinking this would be nice for a while now. Once again, it's wouldn't be hard to implement given that we already have a clean nested navigation model for cateogries or content.
I'm going to add these suggestions to the feature requests on the site so we don't forget them.
Many thanks
Mike
John Polling
Jun 4, 2009, 11:21:58 AM6/4/09
to sutekishop
Just a quick apology as I haven't had chance to look at this yet, as I
promised I would. It's probably going to have to be next week due to
some other commitments.
John
promised I would. It's probably going to have to be next week due to
some other commitments.
John
> On Wed, May 27, 2009 at 8:56 AM, John <j...@theusualsuspect.com> wrote:
>
> > Hi,
>
> > I've uploaded a patch for the print.css to fix the address columns
> > issue.http://groups.google.com/group/sutekishop/web/printcssfix.patch
>
> > Hi,
>
> > I've uploaded a patch for the print.css to fix the address columns
Reply all
Reply to author
Forward
0 new messages