Could you briefly review my Linux-releated website?

Discussion in 'Websites' started by raffahacks, May 20, 2015.

  1. #1
    My website is a database for Linux embedded systems. Could you check it out and give me some feedback? Thank you!
    https://www.board-db.org
     
    raffahacks, May 20, 2015 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Your images seem to take their sweet time loading, the fixed metric fonts and broken attempt at responsive design is of dubious usefulness... it seems to be wasting tons of code for Christmas only knows what given the relative simplicity of the page, and some of the text colours are right up against the usability minimums.

    You're using 792k in 31 separate files to deliver 2.5k of plaintext and three, maybe four content images, resulting in the traditional question of "FOR WHAT?!?" -- the ridiculous 635k of JS in 13 separate files on a page that near as I can tell shouldn't even HAVE javascript, mated to an equally ridiculous 112k of CSS and 18k of HTML could only be... hey, do you smell that? Yup, it's bootcrap. Do yourself a favor, go find a stick to scrape that off with, and take the time to learn to use HTML and CSS properly instead of crapping all over the page with the ALLEGED shortcut that resulted in you making an inaccessible bloated mess.

    As I often tell people, if you don't know what's wrong with code like this:

    <div class="row">
    <div class="col-md-5">
    <form action="search.php" method="get">
    <input type="hidden" name="advanced" value="1">
    <br>
    <br>
    <b>
    Search
    </b>
    <div class="table-responsive" style="">
    <table class="table table-striped table-bordered">
    
    Code (markup):
    Or this:

    <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    <span class="sr-only">
    Toggle navigation
    </span>
    <span class="icon-bar">
    </span>
    <span class="icon-bar">
    </span>
    <span class="icon-bar">
    </span>
    </button>
    <a class="navbar-brand" href="index.php">
    <b>
    Board-DB
    </b>
    </a>
    </div>
     
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
    
    Code (markup):
    or this:

    <div class="row">
    <div class="col-md-5">
    <form action="search.php" method="get">
    <input type="hidden" name="advanced" value="1">
    <br>
    <br>
    <b>
    Search
    </b>
    <div class="table-responsive" style="">
    <table class="table table-striped table-bordered">
    <tbody>
    <tr>
    <td>
    <b>Keyword</b>
    Code (markup):
    or even this:

    <meta name="keywords" content="board-db,sbc,single board computer,linux board,board-db,best linux board,linux computer,single board computer database,raspberry pi alternatives,best single board computer,single board computer comparison">
    Code (markup):
    Do the world a favor, back the **** away from the keyboard, and don't come back until you learn about semantic markup and how to use HTML and CSS properly.

    The HTML is rubbish, so by extension the layout is rubbish as is the relative lack of meeting even the simplest of accessibility norms.

    You've got a good (and handy!) concept, but I'd be tossing ALL of the HTML, CSS and scripttardery away as there's nothing there I'd even be trying to deploy as a real website.
     
    deathshadow, May 20, 2015 IP
  3. raffahacks

    raffahacks Greenhorn

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    20
    #3
    I'm using <br>s and "tons" of code because of Bootstrap. JavaScript is needed for Bootstrap's responsive contents (for example, the page will be automatically adapted to a mobile display). Do you know how can I optimize a Bootstrap page? The <br>s are recommended by official docs as CSS injected in a framework, if not in small pieces, may destroy the layout. How would you solve it then? :)
     
    raffahacks, May 20, 2015 IP
  4. raffahacks

    raffahacks Greenhorn

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    20
    #4
    Then, about the meta keywords, do you mean I should remove them? In that case I'm not using them for search engines, but for contextual ad networks.
     
    raffahacks, May 20, 2015 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    Simple, don't waste code on the idiotic mouth-breathing halfwit BS known as bootcrap; as I often say go find a stick to scrape that off with before you track it all over the carpets.

    It's making you work harder, not smarter; you're using more code with it NOT counting the library size against it than you would if you hadn't used the library in the first place; anyone telling you that it is 'easier' or 'better' doesn't know enough about building websites to be opening their trap on the subject!

    Developers are dumber for that dumbass drooling dipshit nonsense even EXISTING; anyone defending the use of Bootcrap needing a quadruple helping of sierra tango foxtrot uniform since they are about as well informed as the average foodie, anti-vaxxer or creationist, and must be SO ignorant of HTML and CSS that they have NO business building websites in the first place! It defeats the entire reason HTML even exists with the presentational use of classes and pointless markup bloat.
     
    deathshadow, May 20, 2015 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    It's called keyWORDS... not keyphrases, not keysentences, but keyWORDS -- it should be seven or eight SINGLE WORDS (only exception being proper names) not exceeding 128 bytes total (some people say stick to 95 or less) that exist inside BODY as CDATA that you want a small upranking on. That's what that meta is FOR. You go outside that, you may as well not bother having it as it will either be ignored, or get you slapped down in the rankings for attempted abuse.

    It's also a bit like madlibs, which is why saying the same word eight or nine times in different sections (like the word 'board' in yours) is pointlessly redundant nonsense.
     
    deathshadow, May 20, 2015 IP
  7. raffahacks

    raffahacks Greenhorn

    Messages:
    35
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    20
    #7
    Thank you!
     
    raffahacks, May 20, 2015 IP