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.

Website Feedback

Discussion in 'HTML & Website Design' started by Blake Daniel, May 15, 2019 at 9:36 AM.

  1. #1
    Hey, I work for a web design company and we need to make sure we don't have any errors on our websites. Here are a couple of the websites we need reviewed:









    Last edited: May 15, 2019 at 9:45 AM
    Blake Daniel, May 15, 2019 at 9:36 AM IP
  2. Brian Ott

    Brian Ott Member

    Likes Received:
    Best Answers:
    Trophy Points:
    If you work for a design firm, perhaps they should spend a couple of bucks and hire a QA person instead of asking us to do it for you. These are all basic templated attorney sites and since I am 100% sure that your company is not doing them pro bono I am not inclined to spend my time ensuring that your firm did them properly. Frankly, I find it in poor form that any professional would come to this forum and ask this of its members. Especially for the very first post. If I was a mod, I'd delete your post and ban you.
    Brian Ott, May 15, 2019 at 11:38 AM IP
    malky66, kk5st and Spoiltdiva like this.
  3. dojodesign

    dojodesign Active Member

    Likes Received:
    Best Answers:
    Trophy Points:
    Templates, pixelated images, low quality graphic work. That's fast, so, as Brian pointed out, we won't waste time doing reviews for someone who should actually how to create a website. ideally, if you do want a better response, you open a thread for each website and closely monitor replies and see how you can improve. Shooting us 9 links and just have us to your job won't win you any popularity prizes. But, seeing how horrific the website design industry has become (with 'designers' who have absolutely no design experience and offer crappy services), it's not such a huge shock anymore :D
    dojodesign, May 15, 2019 at 12:12 PM IP
  4. deathshadow

    deathshadow Acclaimed Member

    Likes Received:
    Best Answers:
    Trophy Points:
    As others have implied -- and I'm going to come right out and say -- spamming links like this gives an air of illegitimacy to the question. Also, this is not the website review area, there is in fact a section for that.

    BUT I'm going to be nice, and review JUST the first site, since as @Brian Ott said, these feel like basic templated law sites -- to the point I'd be more prone to call them "cookie cutter".

    Now, warning, I'm not going to sugar coat this. I'm going to tell you exactly what I think, and what I'd tell the clients if they came to me as a potential client asking my opinion. I'm not going to pat you on the back and whisper sweet nothings in your ear. If it's crap, I'm gonna tell you what a shit-storm of crap you have.

    ... and to be brutally frank, well... they are precisely that. A manure-blizzard of everything WRONG with building websites with bootcrap methodology inside the bloated trash like turdpress. The home page alone reeks top to bottom of such utter and complete lack of qualification to write a SINGLE blasted line of HTML, I would advise the clients to sue for damages.

    So again using that vacail website for our single review:

    At first glance the annoyance is how long it takes to load, painfully and far longer than something with so little to it should take. This is likely related to the hosting having a very high ping-time from here (500ms+) and the fact that it's built from 64 separate files. That 25 of those files are scripts on a page I wouldn't even waste time tossing scripting at? Much less 5 separate stylesheets totalling 800k when not one site of this nature warrants more than 48k of CSS? Not an auspicious start. The 40+ seconds it takes here on FIBER due to the poor ping (so slow handshakes) and sheer number of separate files is MORE than enough time for the average user to say "screw this" and navigate away before it even finishes loading.

    The layout us utterly banjaxed at anything less than full 1080p. The ATTEMPT at being responsive is utterly broken and useless on pretty much everything I test. Much of that can be blamed on the willy-nilly mixing of metrics, the use of PX as breakpoints, and an overall over-complicated/convoluted approach to site-building. We'll get to that when I review the code.

    The header is overlapping the content and at different widths even skips down the page. That it is one of those STUPID MALFING GARBAGE "fixed" / "sticky" headers? Yeah... no. Don't waste a giant block of screen space for some stupid effect that could be better used to show what's really important -- the CONTENT!

    The design has that typical (and IMHO flawed) left-right alternating full-height image nonsense that in most -- if not all -- cases means the content has to be designed to the layout instead of a layout designed for the user. The images used are sized too large to have any damned business on a website as presentation; aka not part of the actual content. To that end that they are in the markup as IMG tags (which I can tell before I even look at the HTML) only further pisses on the "separation of presentation from content" concept that any competent developer would try to maintain.

    Much of the text comes across as too large, and the excessive use of whitespace really feels like a pathetic attempt to compensate for a lack of actual content of value. Most of the text feels more like generic fluff and filler than actual useful information, and to that end a LOT of what's on the home page I would leave on the cutting room floor.

    Alternative navigation is utterly banjaxed on both puffer stick and braille reader, though that's typical of turdpress-level ineptitude. It is clear before I even LOOK at the HTML that said code lacks logical document structure, much less proper use of numbered headings. The jumps to 4 and 5 depth without any prerequisite headings makes alternative navigation cumbersome, and likely isn't making search's job any easier.

    So let's pop the bonnet and look at the code... and yup, when turdpress met bootcrap. It contains EVERY single foible, folly, mishap, and outright mistake I've come to expect from the incompetent halfwits who keep trying to turn a blogging system for grandma into a tool for business. It it painfully apparent whoever made this site is utterly and completely unqualified to write a single line of HTML or CSS, meaning they are equally unqualified to make websites for BUSINESS.

    Static scripting in the markup, static style in the markup (so much in fact I wonder what the f*** it needs 800k of external CSS for), wasteful META not one legitimate UA gives a flying purple fish about, abusing that X-UA nonsense for what it doesn't actually mean, lack of screen media targets on <link> to screen media stylesheets, attributes like "sizes" that don't even EXIST on <link>, absolute URI's for christmas only knows what, pixel metric (aka garbage) media queries in that static style that has no business in the HTML... I'm not even out of the <head> and we've already got 20.5k of markup doing 1.5k or less' huffing job!

    But tell me again how turdpress made everything "easier".

    Getting into the <body> it too is the train wreck of incompetence and ineptitude I've come to expect the past few years. Endless pointless DIV for nothing, endless pointless classes and ID for nothing, little to no proper semantics or logical document structure, H1 not being the first content-bearing element, scripting doing HTML or CSS' job, <style> tags inside <body> where they are utterly and completely invalid... I could go on for hours about what utter and total crap the markup is, but the simplest way of putting this?

    You've got 200k of HTML for 8.2k of plaintext and 3 content images -- not something that warrants more than 16k of markup!

    To give you an example, see this train wreck of incompetence?

    <body class="home page-template-default page page-id-10692 fl-builder wp-schema-pro-1.1.13 fl-theme-builder-header fl-theme-builder-footer fl-theme-builder-singular fl-framework-bootstrap fl-preset-default fl-full-width fl-search-active" itemscope="itemscope" itemtype="https://schema.org/WebPage">
    <div class="fl-page">
    	<header class="fl-builder-content fl-builder-content-2355 fl-builder-global-templates-locked" data-post-id="2355" itemscope="itemscope" itemtype="http://schema.org/WPHeader" data-type="header" data-sticky="1" data-shrink="1" data-overlay="0" data-overlay-bg="transparent"><div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5bc0f5a63ac8e fl-visible-desktop" data-node="5bc0f5a63ac8e">
    	<div class="fl-row-content-wrap">
    		<div class="uabb-row-separator uabb-top-row-separator" >
    				<div class="fl-row-content fl-row-full-width fl-node-content">
    <div class="fl-col-group fl-node-5bc0f5a63bbed" data-node="5bc0f5a63bbed">
    			<div class="fl-col fl-node-5bc0f5a63bc48 fl-col-has-cols" data-node="5bc0f5a63bc48">
    	<div class="fl-col-content fl-node-content">
    <div class="fl-col-group fl-node-5bc0f5a63bc96 fl-col-group-nested fl-col-group-equal-height fl-col-group-align-center fl-col-group-custom-width" data-node="5bc0f5a63bc96">
    			<div class="fl-col fl-node-5bc0f5a63bcf5 fl-col-small" data-node="5bc0f5a63bcf5">
    	<div class="fl-col-content fl-node-content">
    	<div class="fl-module fl-module-photo fl-node-5bc0f5a63bd39" data-node="5bc0f5a63bd39">
    	<div class="fl-module-content fl-node-content">
    		<div class="fl-photo fl-photo-align-left" itemscope itemtype="https://schema.org/ImageObject">
    	<div class="fl-photo-content fl-photo-img-png">
    				<a href="/" target="_self" itemprop="url">
    				<img class="fl-photo-img wp-image-10888" src="https://mk0cailprod9ok58fatp.kinstacdn.com/wp-content/uploads/2018/08/cail-logo.png" alt="CAIL main logo" itemprop="image" title="cail-logo" srcset="https://mk0cailprod9ok58fatp.kinstacdn.com/wp-content/uploads/2018/08/cail-logo.png 425w, https://mk0cailprod9ok58fatp.kinstacdn.com/wp-content/uploads/2018/08/cail-logo-300x145.png 300w, https://mk0cailprod9ok58fatp.kinstacdn.com/wp-content/uploads/2018/08/cail-logo-124x60.png 124w" sizes="(max-width: 425px) 100vw, 425px" />
    			<div class="fl-col fl-node-5bc0f5a63bd80" data-node="5bc0f5a63bd80">
    	<div class="fl-col-content fl-node-content">
    	<div class="fl-module fl-module-uabb-advanced-menu fl-node-5bc0f5a63bdbd" data-node="5bc0f5a63bdbd">
    	<div class="fl-module-content fl-node-content">
    			<div class="uabb-creative-menu
    	 uabb-creative-menu-accordion-collapse	uabb-menu-default">
    					<div class="uabb-clear"></div>
    					<ul id="menu-main-menu" class="menu uabb-creative-menu-horizontal uabb-toggle-none"><li id="menu-item-10886" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children uabb-has-submenu uabb-creative-menu uabb-cm-style"><div class="uabb-has-submenu-container"><a href="/about/"><span class="menu-item-text">Our Team<span class="uabb-menu-toggle"></span></span></a></div>
    <ul class="sub-menu">
    	<li id="menu-item-10884" class="menu-item menu-item-type-post_type menu-item-object-page uabb-creative-menu uabb-cm-style"><a href="https://vacail.com/about/christian-simpson/"><span class="menu-item-text">Christian Simpson</span></a></li>
    Code (markup):
    that is one giant useless mess. One that any competent modern developer would/should see ZERO legitimate reason to be much more than:

    	<a href="/">
    		Commonwealth Accident Injury Law, P.C.<br>
    		<small>Virginia Accident Lawyers</small>
    <input type="checkbox" id="toggle_mainMenu" class="toggle" hidden>
    <label for="toggle_mainMenu"></label>
    <ul id="mainMenu">
    		<input type="checkbox" id="toggle_team" class="toggle" hidden>
    		<label for="toggle_team">Our Team</label>
    				<li><a href="/about">Team Overview</a></li>
    				<li><a href="/about/christian-simpson">Christian Simpson</a></li>
    Code (markup):
    That's 3.3k of garbage stereotypical turdpress ineptitude doing 500 bytes flipping job!

    Again being brutally frank, if someone brought that to me as a potential client, I'd not only tell them to pitch it in the trash and start over from scratch, I would suggest they sue for damages. Something I would expect lawyers to be familiar with. Particularly if they have injured/disabled clients since the page is flipping the bird at such people -- which is ILLEGAL in some industries in some countries. See the UK's EQA and US ADA laws.
    deathshadow, May 16, 2019 at 6:30 PM IP
    Brian Ott likes this.