Popular posts

Gustavo Benedito Costa "w3.css" is a framework created by W3Schools, or as it is often jokingly called W3fools. They are completely unaffiliated with the W3C despite many people having been tricked into thinking they are just because they share two letters in the name.

In fact it's one of the many reasons W3Schools is one of the least trustworthy sites out there for learning to write HTML, CSS, or much of anything else is that they spent a decade and a half refusing to even put up a disclaimer they had jack to do with the W3C, only begrudgingly doing so quite recently.

See their disclaimer here:

w3schools.com/about/default.asp

The site derives its name from the World Wide Web (W3), but is not affiliated with the W3C.

Even though they (eventually) added it, it's buried on their about page when it should be plastered all over every single page of their site.

Much akin to their BS certifications which mean absolutely squat. All of their tutorials are filled with disinformation, bad practices, seemingly intentionally incomplete interpretations of the specs, and on the whole are the last place I would point a beginner unless I wanted them to fail.

w3.css -- the framework that has nothing to do with the W3C -- is utter and complete incompetent trash built by people who have zero business telling others how to make websites! I stand by that statement! Just look at it:

w3schools.com/w3css

If you don't know what's wrong with saying class="w3-text-red w3-rightBar w3-round-medium" you literally might as well go back to using HTML 3.2 with font/center tags, tables for layout, and garbage attributes like align, border, bgcolor, etc. Frameworks that use classes in this manner undo twenty years of development progress and reek of the worst of late 1990's browser-wars era coding!

It's why when you view source their website and see trash like this:

<div class='w3-container top'>
    <a class='w3schools-logo notranslate' href='//www.w3schools.com'>w3schools<span class='dotcom'>.com</span></a>
    <div class='w3-right w3-hide-small w3-wide toptext' style="font-family:'Segoe UI',Arial,sans-serif">THE WORLD'S LARGEST WEB DEVELOPER SITE</div>
</div>

<div style='display:none;position:absolute;z-index:4;right:52px;height:44px;background-color:#5f5f5f;letter-spacing:normal;' id='googleSearch'>
    <div class='gcse-search'></div>
</div>
<div style='display:none;position:absolute;z-index:3;right:111px;height:44px;background-color:#5f5f5f;text-align:right;padding-top:9px;' id='google_translate_element'></div>

<div class='w3-card-2 topnav notranslate' id='topnav'>
    <div style="overflow:auto;">
        <div class="w3-bar w3-left" style="width:100%;overflow:hidden;height:44px">
            <a href='javascript:void(0);' class='topnav-icons fa fa-menu w3-hide-large w3-left w3-bar-item w3-button' onclick='open_menu()' title='Menu'></a>
            <a href='/default.asp' class='topnav-icons fa fa-home w3-left w3-bar-item w3-button' title='Home'></a>
            <a class="w3-bar-item w3-button" href='/html/default.asp' title='HTML Tutorial'>HTML</a>
            <a class="w3-bar-item w3-button" href='/css/default.asp' title='CSS Tutorial'>CSS</a>
            <a class="w3-bar-item w3-button" href='/js/default.asp' title='JavaScript Tutorial'>JAVASCRIPT</a>
            <a class="w3-bar-item w3-button" href='/sql/default.asp' title='SQL Tutorial'>SQL</a>
            <a class="w3-bar-item w3-button" href='/php/default.asp' title='PHP Tutorial'>PHP</a>
            <a class="w3-bar-item w3-button" href='/bootstrap/default.asp' title='Bootstrap Tutorial'>BOOTSTRAP</a>
            <a class="w3-bar-item w3-button" href='/howto/default.asp' title='How To'>HOW TO</a>
            <a class="w3-bar-item w3-button" href='/jquery/default.asp' title='jQuery Tutorial'>JQUERY</a>

It becomes painfully obvious they have no business in the business of making tutorials on HTML and CSS. No proper structural heading, no block level containers in the menu so screen readers treat it as a run-on sentence, endless pointless idiotic classes for nothing, pointlessly redundant TITLE attributes, DIV for nothing, scripting only elements static in the markup, static style in the markup, absolute URI's for nothing, scripting for things that shouldn't even be scripted... it's an epic /FAIL/ at web development on the most basic of things.

Hence it being 1.82k of markup doing this 588 byte's job:

<h1>
    <a href="/">
        W3Schools<span>.com</span>
        <small>THE WORLD"S LARGEST WEB DEVELOPER SITE</small>
    </a>
</h1>

<ul id="mainMenu">
    <li class="home"><a href="/">Home</a></li>
    <li><a href="/html/default.asp">HTML</a></li>
    <li><a href="/css/default.asp">CSS</a></li>
    <li><a href="/js/default.asp">JAVASCRIPT</a></li>
    <li><a href="/sql/default.asp">SQL</a></li>    
    <li><a href="/php/default.asp">PHP</a></li>
    <li><a href="/bootstrap/default.asp">BOOTSTRAP</a></li>
    <li><a href="/howto/default.asp">HOW TO</a></li>
    <li><a href="/jquery/default.asp">JQUERY</a></li>

Their own bloody site uses nearly four times the markup needed, and we're supposed to trust these clowns to teach beginners? Bullcookies!

So since they have absolutely nothing to do with the W3C, your reply does'nae make much sense. Sorry but you got upset over not understanding who I was pointing that particular fickle finger of fate at.

I've edited my post to add a note clarifying that, since it does seem so many people don't know that about W3schools, having been w3fooled by their inaccurate, misleading, and duplicitous website and practices.