473,226 Members | 1,375 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,226 software developers and data experts.

Best practices - GUI standards

Ben
I hope this is on topic this looks like a pretty generic PHP group. If not
I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of what
the user sees on a medium scale PHP application? For example: button size,
color, font, alignment, labels, etc.

My intent is to build an application that has been pre-designed in phases,
piece by piece and outsource most of the coding. There must be a common
look and feel. Is there a better way then me simply listing them out? Ex:
all buttons are 10px by 20px, all font arial 10pt, etc.

Thanks in advance for any input.

- Ben
Jul 17 '05 #1
14 1955

Ben wrote:
I hope this is on topic this looks like a pretty generic PHP group. If not I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of what the user sees on a medium scale PHP application? For example: button size, color, font, alignment, labels, etc.

My intent is to build an application that has been pre-designed in phases, piece by piece and outsource most of the coding. There must be a common look and feel. Is there a better way then me simply listing them out? Ex: all buttons are 10px by 20px, all font arial 10pt, etc.

Thanks in advance for any input.

- Ben


Jul 17 '05 #2

"Ben" <no@spam.com> wrote in message
news:w2******************@twister.rdc-kc.rr.com...
I hope this is on topic this looks like a pretty generic PHP group. If not
I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of
what
the user sees on a medium scale PHP application? For example: button
size,
color, font, alignment, labels, etc.

My intent is to build an application that has been pre-designed in phases,
piece by piece and outsource most of the coding. There must be a common
look and feel. Is there a better way then me simply listing them out?
Ex:
all buttons are 10px by 20px, all font arial 10pt, etc.
Do NOT hard code any sizes like this as it should be left up to the user to
decide what font sizes THEY want.

There is no such thing as a "standard" way in which web pages should be
built, apart from the rules of (X)HTML. What "look and feel" you adopt
should, however, be consistent across ALL pages.

Take a look at http://www.tonymarston.co.uk/sample/index.html where you can
run my sample application online for some ideas. Note that you are able to
change font sizes at will.

--
Tony Marston

http://www.tonymarston.net

Thanks in advance for any input.

- Ben

Jul 17 '05 #3
"Ben" <no@spam.com> wrote in message
news:w2******************@twister.rdc-kc.rr.com...
I hope this is on topic this looks like a pretty generic PHP group. If not I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of what the user sees on a medium scale PHP application? For example: button size, color, font, alignment, labels, etc.

My intent is to build an application that has been pre-designed in phases,
piece by piece and outsource most of the coding. There must be a common
look and feel. Is there a better way then me simply listing them out? Ex: all buttons are 10px by 20px, all font arial 10pt, etc.


Not really. Having a style guide is a fairly common practice in the
industry. Aside from the visual elements of the site, you would probably
want to document writing style as well, things like "cannot vs could not" in
error messages.
Jul 17 '05 #4
Your "sample" is quite interesting even if I was just googling around...

heh heh it deserves being in my favorites for a more careful inspection
later :D
Jul 17 '05 #5
Ben

"Chung Leong" <ch***********@hotmail.com> wrote in message
news:Zv********************@comcast.com...
"Ben" <no@spam.com> wrote in message
news:w2******************@twister.rdc-kc.rr.com...
I hope this is on topic this looks like a pretty generic PHP group. If not
I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of

what
the user sees on a medium scale PHP application? For example: button

size,
color, font, alignment, labels, etc.

My intent is to build an application that has been pre-designed in phases, piece by piece and outsource most of the coding. There must be a common
look and feel. Is there a better way then me simply listing them out?

Ex:
all buttons are 10px by 20px, all font arial 10pt, etc.


Not really. Having a style guide is a fairly common practice in the
industry. Aside from the visual elements of the site, you would probably
want to document writing style as well, things like "cannot vs could not"

in error messages.


Ok thanks. I figured styles would be it but wasn't sure if you could go
another route through a PHP class (or equiv) and if that might be better.

Good point and thanks again.

- Ben
Jul 17 '05 #6
Ben

"Tony Marston" <to**@NOSPAM.demon.co.uk> wrote in message
news:cu*******************@news.demon.co.uk...

"Ben" <no@spam.com> wrote in message
news:w2******************@twister.rdc-kc.rr.com...
I hope this is on topic this looks like a pretty generic PHP group. If not I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of
what
the user sees on a medium scale PHP application? For example: button
size,
color, font, alignment, labels, etc.

My intent is to build an application that has been pre-designed in phases, piece by piece and outsource most of the coding. There must be a common
look and feel. Is there a better way then me simply listing them out?
Ex:
all buttons are 10px by 20px, all font arial 10pt, etc.
Do NOT hard code any sizes like this as it should be left up to the user

to decide what font sizes THEY want.

There is no such thing as a "standard" way in which web pages should be
built, apart from the rules of (X)HTML. What "look and feel" you adopt
should, however, be consistent across ALL pages.

Take a look at http://www.tonymarston.co.uk/sample/index.html where you can run my sample application online for some ideas. Note that you are able to
change font sizes at will.

--
Tony Marston

http://www.tonymarston.net

Cool stuff! For this application I will need to hard code it though, or at
least soft code using a SS that WE can change for them. After 15+ years in
the industry I'm in I've learned there's a trade-off with certain built in
flexibility. The more flexible, the more support. If we give users the
right to change button size, fonts and colors we'll be flooded with calls
because they can't see black on black, the buttons are too large, too small
and so on. I agree with you in general but we'll need to have control over
this part, for this target bunch of users. Was simply curious if PHP had
some sort of object you could build to control styles easily...and am pretty
ignorant to PHP as some of my questions may lead you to believe!

Really like the way you used tabs, will definately be incorporating a
similar look to our app.

Thanks for the reply!

- Ben
Thanks in advance for any input.

- Ben


Jul 17 '05 #7
On 2005-02-10, Ben <no@spam.com> wrote:
Question:
Could anyone recommend a "best practice" for maintaining commonality
of what the user sees on a medium scale PHP application? For example:
button size, color, font, alignment, labels, etc.


With regard to fonts / colors / sizes (ie. layout) you could abstract
your way out of it by implementing a "widget" class or classes that the
rest of the application must use to render to screen.

For labels and error messages you could probably do the same thing by
creating some sort of "message" class.

You probably won't be able to fully avoid style guide lines and the
like but the above would reduce it a lot.

--
Cheers,
- Jacob Atzen
Jul 17 '05 #8
Ben wrote:
I hope this is on topic this looks like a pretty generic PHP group. If not
I'm a nooB so be gentle.

Question:
Could anyone recommend a "best practice" for maintaining commonality of what
the user sees on a medium scale PHP application? For example: button size,
color, font, alignment, labels, etc.
This does not belong to PHP or HTML. It belongs to CSS.

My intent is to build an application that has been pre-designed in phases,
piece by piece and outsource most of the coding. There must be a common
look and feel.
Use a common CSS stylesheet and you will have that common look and feel.
Is there a better way then me simply listing them out? Ex:
all buttons are 10px by 20px, all font arial 10pt, etc.


button {
height: 10px;
width: 20px;
}
body {
font-family: Arial, helvetica, sans-serif;
font-size: 10pt;
}
Jul 17 '05 #9

"Ben" <no@spam.com> wrote in message
news:xA*****************@twister.rdc-kc.rr.com...

"Tony Marston" <to**@NOSPAM.demon.co.uk> wrote in message
news:cu*******************@news.demon.co.uk...

"Ben" <no@spam.com> wrote in message
news:w2******************@twister.rdc-kc.rr.com...
>I hope this is on topic this looks like a pretty generic PHP group. If not > I'm a nooB so be gentle.
>
> Question:
> Could anyone recommend a "best practice" for maintaining commonality of
> what
> the user sees on a medium scale PHP application? For example: button
> size,
> color, font, alignment, labels, etc.
>
> My intent is to build an application that has been pre-designed in phases, > piece by piece and outsource most of the coding. There must be a
> common
> look and feel. Is there a better way then me simply listing them out?
> Ex:
> all buttons are 10px by 20px, all font arial 10pt, etc.
Do NOT hard code any sizes like this as it should be left up to the user

to
decide what font sizes THEY want.

There is no such thing as a "standard" way in which web pages should be
built, apart from the rules of (X)HTML. What "look and feel" you adopt
should, however, be consistent across ALL pages.

Take a look at http://www.tonymarston.co.uk/sample/index.html where you

can
run my sample application online for some ideas. Note that you are able
to
change font sizes at will.

--
Tony Marston

http://www.tonymarston.net


Cool stuff! For this application I will need to hard code it though, or
at
least soft code using a SS that WE can change for them. After 15+ years
in
the industry I'm in I've learned there's a trade-off with certain built in
flexibility. The more flexible, the more support. If we give users the
right to change button size, fonts and colors we'll be flooded with calls
because they can't see black on black, the buttons are too large, too
small
and so on.


Having the ability to change certain settings easily does not mean giving
the user direct access to those methods as they are liable to screw up You
could give them an offline sample so they could experiment in their own
"sandbox" and only put that modified CSS file in the live environment once
it had been thoroughly tested and approved.
I agree with you in general but we'll need to have control over
this part, for this target bunch of users. Was simply curious if PHP had
some sort of object you could build to control styles easily...and am
pretty
ignorant to PHP as some of my questions may lead you to believe!
By outputting proper XHTML code all style is controlled from a CSS file, not
within any PHP code at all.
Really like the way you used tabs, will definately be incorporating a
similar look to our app.


I got that idea from http://www.alistapart.com/articles/slidingdoors/

--
Tony Marston

http://www.tonymarston.net

Jul 17 '05 #10
"Ben" <no@spam.com> wrote in message
news:Qp*****************@twister.rdc-kc.rr.com...

Ok thanks. I figured styles would be it but wasn't sure if you could go
another route through a PHP class (or equiv) and if that might be better.


Nah, there's no technical solution to this. If a developer thinks that
buttons align to the right are stupid, then he'll align the buttons to the
left even if you give him a function/CSS file. The same for things like text
size, colors, wording. People have strong opinion in these matters. If you
don't write down exactly what you want and put your foot down ("Dammit Tony,
we're using 12px Arial--end of discussion") , you'll have people debating
endlessly over a million details.
Jul 17 '05 #11
"Ben" <no@spam.com> wrote in
news:w2******************@twister.rdc-kc.rr.com:
Question:
Could anyone recommend a "best practice" for maintaining commonality
of what the user sees on a medium scale PHP application? For example:
button size, color, font, alignment, labels, etc.


You really need to clarify what you mean by "PHP application".
That means clarifying it for those of us that may answer
your questions, but it may mean clarifying it for yourself ;-)

If you mean you will be using PHP to code the business logic
for your "application", and the user interface will be via
the WWW, then standard design principles for authoring
WWW pages apply, unless you have a specifically restricted
user audience, such as on an intranet or kiosk.

--
Dave Patton
Canadian Coordinator, Degree Confluence Project
http://www.confluence.org/
My website: http://members.shaw.ca/davepatton/
Jul 17 '05 #12
Tony Marston wrote:
Take a look at http://www.tonymarston.co.uk/sample/index.html where
you can run my sample application online for some ideas. Note that
you are able to change font sizes at will.


Tony,

You're getting no thanks from me!

..... I've just been to your web site, and come across your document on
Object Orientation. I haven't used OO for about 10 years, but as I'm doing
more and more PHP I can see the advantages in it for me.

So, No Thanks from me... because I'll be spending all tomorrow reading your
document and playing with PHP OO instead of watching the rugby!

Pete.
Derby.
Jul 17 '05 #13

"PeteC" <ne*************@removethisbitacutecomputing.co.uk > wrote in message
news:cu*******************@news.demon.co.uk...
Tony Marston wrote:
Take a look at http://www.tonymarston.co.uk/sample/index.html where
you can run my sample application online for some ideas. Note that
you are able to change font sizes at will.


Tony,

You're getting no thanks from me!

.... I've just been to your web site, and come across your document on
Object Orientation. I haven't used OO for about 10 years, but as I'm doing
more and more PHP I can see the advantages in it for me.

So, No Thanks from me... because I'll be spending all tomorrow reading
your document and playing with PHP OO instead of watching the rugby!


Whoops. I hope your team doesn't lose, then.

You could always watch the rugby and come back to my site later. It will
still be there.

--
Tony Marston

http://www.tonymarston.net

Jul 17 '05 #14
Tony Marston wrote:
<snip>
I got that idea from http://www.alistapart.com/articles/slidingdoors/


Accessible navigation link is an interesting topic. Especially there
is even a better hack
<http://www.sitepoint.com/print/css-anthology-tips-tricks-4>

--
<?php echo 'Just another PHP saint'; ?>
Email: rrjanbiah-at-Y!com Blog: http://rajeshanbiah.blogspot.com/

Jul 17 '05 #15

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Isaac Rodriguez | last post by:
Hi, I am fairily new to Python, but I am really liking what I am seeing. My team is going to re-design some automation projects, and we were going to use Python as our programming language. One...
11
by: DrUg13 | last post by:
In java, this seems so easy. You need a new object Object test = new Object() gives me exactly what I want. could someone please help me understand the different ways to do the same thing in...
27
by: Stuart Gerchick | last post by:
C++ Coding Standards : 101 Rules, Guidelines, and Best Practices by Herb Sutter, Andrei Alexandrescu is now a month or so away from release. What is people's opinion on this...is it going to be a...
3
by: Brian | last post by:
Can any one direct me to sources for best practices of field types and sizes to use for commonly used information such as address, names, city, business names .... Thanks, Brian
136
by: Matt Kruse | last post by:
http://www.JavascriptToolbox.com/bestpractices/ I started writing this up as a guide for some people who were looking for general tips on how to do things the 'right way' with Javascript. Their...
2
by: Jordan | last post by:
I'd appreciate references to online materials presenting general recommendations or best practices (if there are any) for organizing .NET projects.... ideally covering things like naming...
26
by: puzzlecracker | last post by:
It'd be interesting to compare the learning practices of c++ practitioners. I'll start with mine The C++ Programming Language C++ Primer Effective C++ More Effective C++ Effective STL The...
41
by: Jim | last post by:
Hi guys, I have an object which represents an "item" in a CMS "component" where an "item" in the most basic form just a field, and a "component" is effectively a table. "item" objects can be...
5
by: rhino | last post by:
I am just getting back into web design after a couple of years focusing on other things so I need to get an idea of the "best practices" have emerged in the last few years among professional web...
52
by: burgermeister01 | last post by:
First, let me say that this question is a rather general programming question, but the context is PHP, so I figured this group would have the most relevant insight. Anyways, this is also more of...
1
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
0
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
0
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
by: jimatqsi | last post by:
The boss wants the word "CONFIDENTIAL" overlaying certain reports. He wants it large, slanted across the page, on every page, very light gray, outlined letters, not block letters. I thought Word Art...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.