Results 1 to 5 of 5

Thread: Developing Responsive Website using Bootstrap or...

  1. #1
    Join Date
    May 2014

    Question Developing Responsive Website using Bootstrap or...

    So I have chosen to write sites in responsive the old fashioned way and have yet to really play with the Bootstrap version. What are the pros and cons of just writing your own code verses using Bootstrap?

    Seeking those that have experienced one or both.

  2. #2
    Join Date
    May 2014
    Creating the media queries yourself would give you a great understanding in how they work (I'm sure you might already know how they work, but to see it in action due to your own code really helps). Once you've done this, you can use any and all of the frameworks your heart desires. Only con I would see is that it could possible become time consuming, but who cares?

    Bootstrap (or anything else) is nice because almost everything is done for you. All you need is an hour or two, a cup of coffee and just go over the documentation they provide.

  3. #3
    Bootstrap is a fat steaming pile of manure, that the ONLY thing you can learn from it is how not to build a website -- by itself uncompressed it is larger than what I'd allow an entire page template of HTML+CSS+SCRIPTS+IMAGES (not counting content) to reach!

    It relies on presentational use of classes, usually ends up meaning you write more markup and MORE CSS, does not encourage the use of semantic markup, and on the whole is such a train wreck of ineptitude I am shocked ANYONE would bother trying to use it except out of ignorance on what HTML is, what CSS is, and how to leverage inheritance.

    Though as I often say, responsive design is just the next logical step in accessible design after all the things guidelines like the WCAG and the specifications for HTML and CSS have told us for the past decade and a half. IF you've been making semi-fluid elastic layouts with semantic markup, separation of presentation from content, and progressive enhancement, then responsive layout is a no-brainer you should be able to grasp instantly and implement with a dozen or two lines of CSS.

    IF however, one has their head still wedged up 1997's backside, using non-semantic presentational markup, stuffing STYLE attributes into the markup, endless pointless classes for nothing, using fixed width layouts with fixed metric fonts, thinking you can actually "design" in a paint program and until recently were still sleazing out HTML 3.2 and slapping 4 tranny on it, today slapping 5 lip-service around that same buggy broken outdated code... well, then everything I'm saying might as well be an alien language; and most likely so pathetically crippled in understanding what a website is -- and is for -- that grasping responsive design concepts is going to be a massive uphill battle.

    Which is probably why fat bloated nonsense like LESS, SASS, Bootstrap, jQuery, YUI, Mootools, and all the other idiotic halfwit nonsense that's become industry standard practice have taken off, pissing all over the usefulness, functionality, efficiency, sustainability, maintainability and accessibility of the sites they are used on.

    If you have ANY clue what you are doing, you should be able to bring your typical website template in under 8k of markup (not counting content), 32k of CSS (FOR THE ENTIRE SITE), 24k of scripting (FOR THE ENTIRE SITE), and 16k of images (again, not counting content). That's also not counting inept re-re garbage that is forced down our throats by things like social media and advertisers; which by themselves are usually four to five times the size I'd make an entire website.

    But really, 72k for your template's HTML+CSS+SCRIPTS+IMAGES, uncompressed, not counting content, social media scripts or advertising scripts. If you can't bring a site template in under those numbers, you probably have NO BUSINESS writing skins for websites...

    ... and every single framework out there be it HTML, CSS or JS puts you over that number by at least 50% before you even start writing your template.

    Which if that's not the pinnacle of developer ineptitude, I don't know what is! Anyone out there sleazing out websites with Bootcrap, do us all a favor and ditch the crutches, take the training wheels off the bike, and put on the big boy pants! Again, I have difficulty fathoming how anyone is DUMB enough to use it by choice, other than a complete ignorance of what HTML is, what CSS is, and how to use them properly.

  4. #4
    Join Date
    Feb 2013
    I partially disagree with LESS or SASS being bloated, for if you don't know CSS then you won't know how to use either of them and they aren't a framework in their own right thus they don't add extra bytes to the straight CSS file. However, it is total nonsense as you say if a person is starting out or even developing websites as an individual. The only way I see using either one of them is if you were forced to (working for a company for example).

  5. #5
    Join Date
    May 2014
    To creating the responsive website HTML and CSS onlu enough

    Add viewport meta link in the header position of html document.
    Add the media query in the style sheet.
    In the media query containing devices width.
    you can resizing the width which you can using devices(mobile,tablet,pc).

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.12698 seconds
  • Memory Usage 2,871KB
  • Queries Executed 13 (?)
More Information
Template Usage (32):
  • (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)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
  • postbit_imicons
  • bbcode_parse_start
  • 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