dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: Mac look-and-feel

  1. #1
    Join Date
    Sep 2009
    Posts
    51

    Mac look-and-feel

    Is there a way to make inputs look and behave like Apple/Mac style controls in all browsers?

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,143
    You can surely use CSS to make the buttons look however you'd like. If you're asking if there's a setting where you can say "Look like Mac", then the answer is no. I'd recommend using Adobe Photoshop to make the button how you want it to look, then use CSS to stylize the button.

    Run a Google search for "css buttons" and you can find several tutorials. Hope this helps!

  3. #3
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    common simple interactive controls should probably be left alone as much as possible, even apple recommends this...

    while looks aren't important, you should not want to change the behavior. People who depend on assistive technology to view the web are expecting certain keys, clicks, and generated clicks to do certain things.

    If you use photoshop to create interface controls, make sure your page is usable without css or javascript. Don't have the only label for a button be part of the image you made in photoshop.

    Also, regular users expect things to be a certain way.
    you never hear anyone say "wow, that non-default behavior i wasn't expecting sure makes this app a delight to use"...

    anecdotal, a can't tell you how often i have to hit [backspace,tab,enter] after javascript's window.prompt() fires on safari. On a traditional browser, pressing enter is the same as clicking ok, whereas safari has a many-line window.prompt(), so they have to use [return] to create line breaks. I find it infuriating.
    Last edited by rnd me; 01-26-2010 at 07:25 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles