Results 1 to 5 of 5

Thread: Stupid Select Boxes CSS with HTML

  1. #1
    Join Date
    Jul 2005

    Angry Stupid Select Boxes CSS with HTML

    You would think by now that browsers had a cool way to handle styling the <select> box. No.

    We use creative CSS hacks and plugins like Chosen to get the job done. I am quite tired of throwing in 3-rd party implementations and dealing with this crap!

    20 years in web development and we still write custom code to make select boxes work better and for client needs.

    Clients want stylized select lists, end of story. Let's fix the damn problem with this for once with CSS instead of whacked out Javascript plugins.
    Bitter web veteran

  2. #2
    How about instead we educate clients about accessibility instead of the flash over substance goofy graphical bull that just makes sites harder to use -- or worse, dropdowns with so many values in them it leaves me screaming at the display "for **** sake, just let me type it in!" -- whatever happened to "If you have more than 12 options, don't use a select it's just going to piss people off!" that was floating around a decade ago?

    MIND YOU, I agree -- IF we're going to style them, CSS should be the tool and right now, the state of styling SELECT in CSS is a JOKE. Don't expect that to be fixed though with the Mozilla crowd having their heads wedged up their backside about form element handling, much less the webkit nutters shoving all sorts of goofy styles down our throats on form elements.

    Though, I laugh at how often I see people using SELECT outside of forms for non-form operations like going to subpages; serious herpaderp since that's just a dropdown menu filled with anchor's job.

  3. #3
    Join Date
    Sep 2004
    At the corner of WALK and DONT WALK
    Well, what if you had a lot of very specific terms--I know you hate this page anyways (I'm rather proud of it), but http://www.mrinitialman.com/Library/...ours/hsl.xhtml and http://www.mrinitialman.com/Library/...s/rgb_hex.html have select boxes with I think around 100 or so options--all the CSS colour names.

  4. #4
    See, that select is an example of using a form element for a non-form action -- I'd probably have written that as a bunch of anchors, and if I wanted drop-down behavior I'd have used CSS to do it... Though I'd probably on such a page have a server-side handler for the changing of values should scripting be unavailable; but that's because I'm a firm believer in graceful degradation. It's really not a 'form' action so why use form elements to do it? (I ask this a LOT when it comes to JavaScript..)

    ... and I don't "hate" those pages. I love the concept, it's the execution that could use some help... and as we discussed, I'd probably not use SVG for that, or if I did I'd find a way to make it a bit more... responsive. Controlling it is very awkward and slow.

    Like your Hue and Lightness sections I'd have a linear-gradient instead of the boxes, and trap the mouse position on mouse-down in realtime with mousemove instead of single-fire clicks. Same for the rotating box where I'd use arctan2 to translate the mouse position into an angle.

    But then, I'm the nutter who uses arctangents to do 3d projection instead of sin/cos and/or matrixes. Explain to me again how 64 multiplies of three sin and three cos is 'faster' than two arctangents? NOT that I'm saying the entire world of 3d computer graphics is doing it wrong... not at all.
    Last edited by deathshadow; 07-13-2014 at 11:47 AM.

  5. #5
    Join Date
    Sep 2004
    At the corner of WALK and DONT WALK
    If/when I redo that book, I'll probably take your advice. I've never liked the idea of creating a webpage from JavaScript, but to quote you (hopefully in context)

    Quote Originally Posted by deathshadow View Post
    That said, you've built an application, not a website -- and there is a difference.
    I guess that does bend the rules a bit.
    Last edited by Mr Initial Man; 07-19-2014 at 06:08 AM.

Thread Information

Users Browsing this Thread

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

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



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.09861 seconds
  • Memory Usage 2,877KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (5)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (5)postbit
  • (5)postbit_onlinestatus
  • (5)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • bbcode_parse_start
  • postbit_imicons
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates