Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New Coder
    Join Date
    Nov 2016
    Posts
    43
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Site review please

    I have a new site and wondered if any of you experts could check it out for me. hubb.org.uk
    Not done any SEO yet or listed it anywhere but I think its finished

  2. #2
    Regular Coder Strider64's Avatar
    Join Date
    Dec 2011
    Posts
    245
    Thanks
    5
    Thanked 32 Times in 32 Posts
    The width of the website is too wide, not responsive friendly, navigation menu the text isn't centered, and I personally don't particularly like the color theme of the website. I think if you tighten your width of the website, fix the navigational menu and plan on make your website responsive friendly you should be good to go. The color theme is up to you and other people might like it. I do like that the content is easy to read and at least you don't have to scan far to read it. The website is professional looking and thinking about the color theme, maybe if you add gradients or color shading to the current one it might spruce it up?
    "A person who never made a mistake never tried anything new." ~ Albert Einstein https://www.pepster.com

  3. #3
    New Coder
    Join Date
    Nov 2016
    Posts
    43
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Thank you for your review I am interested in how I could make a responsive and friendly site.

  4. #4
    Senior Coder benanamen's Avatar
    Join Date
    Oct 2015
    Posts
    1,161
    Thanks
    2
    Thanked 122 Times in 118 Posts
    The server is vulnerable to a Clickjacking attack.
    To save time, lets just assume I am almost never wrong.

    The XY Problem
    The XY problem is asking about your attempted solution (X) rather than your actual problem (Y). This leads to enormous amounts of wasted time and energy, both on the part of people asking for help, and on the part of those providing help.

    "This text has been encoded with ROT26. If you can read this you must have found a backdoor. Congratulations!"

  5. #5
    New Coder
    Join Date
    Nov 2016
    Posts
    43
    Thanks
    11
    Thanked 0 Times in 0 Posts
    What is a clickjacking attack

  6. #6
    Senior Coder benanamen's Avatar
    Join Date
    Oct 2015
    Posts
    1,161
    Thanks
    2
    Thanked 122 Times in 118 Posts
    Seriously? Have you ever heard of Google?
    To save time, lets just assume I am almost never wrong.

    The XY Problem
    The XY problem is asking about your attempted solution (X) rather than your actual problem (Y). This leads to enormous amounts of wasted time and energy, both on the part of people asking for help, and on the part of those providing help.

    "This text has been encoded with ROT26. If you can read this you must have found a backdoor. Congratulations!"

  7. #7
    Regular Coder
    Join Date
    Aug 2014
    Location
    Thessaloniki,Greece
    Posts
    137
    Thanks
    4
    Thanked 8 Times in 8 Posts
    Your web design is very old styled....
    It reminded me the first sites at the 90's.
    Also you have to make a better logo. This thing there is NOT a logo!

  8. #8
    New Coder
    Join Date
    Nov 2016
    Posts
    43
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Yes we are having a small competition to improve the logo. Wish you would say more as to how I could make my site more modern. Thanks for your review

  9. #9
    Administrator VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    10,755
    Thanks
    6
    Thanked 1,282 Times in 1,252 Posts
    Quote Originally Posted by hubber View Post
    Wish you would say more as to how I could make my site more modern.
    1. Lose the gradients from the menu or make them way more subtle and rather reverse them (from light to dark).
    2. Likewise, lose the gradient on the list bullets.
    3. The color scheme is very inconsistent. It’s OK to have blue and green in one color scheme but not different blues and greens. Why your third-level headings are navy is totally unclear to me. As I see it your main colors are #1874CD (blue) and #15B869 (green). Choose one color as primary color and the other one as secondary or “complementary” color (which of the two you choose for which is at your discretion). And of the primary color you may derive additional shades if it helps, but not too many. It might suffice to just have the two colors and support it with some shade(s) of gray.
    4. Choose some nicer fonts; Verdana’s main purpose was to have a screen font that is legible at small sizes. At larger sizes the letter spacing is slightly inconsistent. If you insist on using a standard web safe font for the regular text then use Arial/Helvetica or even Tahoma (much underrated) but at least choose a distinctive font for the headings. That means either a very different font (serif vs. sans-serif is always a good rule of thumb) or a different weight of the same font. There are lots of nice webfonts on Fontsquirrel or even at Google Fonts (although some of the more popular ones such as Open Sans or Roboto are already a little overused). Stick with a maximum of two fonts. More fonts already pose the danger of making it too busy.
    5. Add some more space between the columns in the content section.


    Also, why is the tagline in the header (and the header itself) different on almost every page? Sometimes it’s further down, sometimes not. The same elements should have the same position throughout the page.

  10. #10
    New Coder
    Join Date
    Nov 2016
    Posts
    43
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Hi VIP
    I have changed my fonts so I dont know why you have an old cache. I am using Ubuntu and Rajdhani I put gradients on things as someone recomended it on here, now confused as to what to do. The tagline is off in the news page and I dont know why. Thanks for telling me about the navy which I changed to gray now.

  11. #11
    Administrator VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    10,755
    Thanks
    6
    Thanked 1,282 Times in 1,252 Posts
    OK, I don’t know what you would see differently but what I see is that for some inexplicable reason you have linked a stylesheet from W3Schools (http://www.w3schools.com/lib/w3.css) where Verdana is set as body font family. And at the same time your very first CSS rule in your own stylesheet (http://hubb.org.uk/styles/style.css) is invalid because a selector is missing, and that probably also invalidates the second rule where you set Cambria as your body font (which is a Windows-only font so I wouldn’t be able to see that anyway, on an Apple computer (or on any non-Windows device)).

    Also, I see that you embedded Ubuntu Condensed and Rajdhani but these font’s won’t be visible all by themselves, you’ll have to declare them in your stylesheets in order to show up. Also, while I’m more a friend of self-hosting fonts and scripts (and subsetting fonts properly to minimize the file size) if you really insist on serving them from Google’s CDN directly I’d recommend calling all fonts in one go, like this: <link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed|Rajdhani" rel="stylesheet">

    And regarding the gradients: of course gradients aren’t bad per se, it’s just that they are a little outdated at the moment as the lated fad is “flat design” as contrast of the previous skeuomorph style. The problem with your gradients is that they look very blunt because they have a very drastic contrast, and your mixing of blue flat nav items with the green gradient doesn’t look good. Make it more subtle and it’s much more pleasing to the eye. For example:


    The top example is inspired by your current use of colors but if you’re actually using blue as your main color and green as secondary I’d recommend you make the navigation background blue and use green as hover color, as in the bottom example.
    Attached Thumbnails Attached Thumbnails -hubb_menu_sample-png  

  12. Users who have thanked VIPStephan for this post:

    hubber (01-11-2017)

  13. #12
    New Coder
    Join Date
    Nov 2016
    Posts
    43
    Thanks
    11
    Thanked 0 Times in 0 Posts
    Dear VIP
    Thanks so much for pointing out all the errors I had made, it did occur to me that the fonts were not very different. And I do like the navigation that you made I am trying to copy it but yours seems to have rounded top and bottom edges that soften it all which I like. I have changed the bullet and the colours and the mistakes and it does look better. I have a problem with the table to work on. And the tagtitle jumping I dont know why it is doing that at all. Its on pages news and contacts yet they are the same in the xhtml.


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •