1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

W3.CSS Or Bootstrap

Discussion in 'HTML & Website Design' started by Nik96, Jul 27, 2016.

  1. #1
    Hi...
    What Is The Difference Between W3.CSS And Bootstrap?
    which one is better?
    Thanks...
    SEMrush
     
    Solved! View solution.
    Nik96, Jul 27, 2016 IP
    SEMrush
  2. #2
    "better" is a relative term. That's like complaining that one person is covered in less feces, instead of addressing the problem that everybody is covered in feces.

    See my article here:
    http://www.cutcodedown.com/article/HTML_CSS_and_JS_frameworks

    Both are bloated train wrecks -- bootcrap just more so. Even with w3.css being lighter, it's still lipstick on a pig.... by itself being larger before you even write your own styles than most sites should have for the complete style. Of course like all the rubbish and broken practices from W3Schools, the ignorance shown my the creators of w3.css is evident in their samples.

    Either way they are laundry lists of how NOT to build websites by the very fact that they rely upon presentational classes... saying what things look like in the markup instead of what they ARE.

    Simply put if you don't know what's wrong with this:
    
    <!-- Navbar -->
    <div class="w3-top">
     <ul class="w3-navbar w3-theme-d2 w3-left-align w3-large">
      <li class="w3-hide-medium w3-hide-large w3-opennav w3-right">
        <a class="w3-hover-white w3-large w3-theme-d2" href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
      </li>
    
    Code (markup):
    or this:

    
          <div class="row">
            <div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
            <div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
          </div>
    
    Code (markup):
    You likely have ZERO blasted business making websites in the first place. COMPLETELY missing the entire reason CSS is separate from HTML, and even what HTML is FOR! If you see ANY benefits to using ANY of these idiotic halfwit mouth-breathing dumbass "frameworks" you need to go back and learn how to use HTML and CSS properly, much less concepts like semantics, separation of presentation from content, and graceful degradation.

    I mean if you know even the first damned thing about CSS, this should make your projectile vomit in disgust:
    
    .w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
    .w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
    .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
    .w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
    .w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
    .w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
    .w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
    .w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
    .w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
    .w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
    .w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
    .w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
    .w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
    .w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
    .w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
    .w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
    .w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
    .w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
    .w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
    .w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
    .w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
    .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
    .w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
    .w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
    .w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
    .w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
    .w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
    .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
    .w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
    .w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
    
    Code (markup):
    HERPA-FREAKING-DERP!

    Just look at the source HTML for the examples of either -- they are SO ignorant of what HTML is for or even how to use it, NEITHER has any Joe-blasted business telling other people how to write websites!!!
     
    deathshadow, Jul 27, 2016 IP
    PoPSiCLe likes this.
  3. entr0cks

    entr0cks Member

    Messages:
    1
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    33
    #3
    Just made an account to say: Thank you, deathshadow!
    Found someone who preaches the same mentality in writing code - now I have something to point other developers to.
     
    entr0cks, Apr 23, 2017 IP
    mmerlinn likes this.