Suggestion for my site

Discussion in 'CSS' started by jitesh shinde, Sep 7, 2012.

  1. #1
    i have created a site for computer salse and services.
    http://samarthcomputech.coolpage.biz
    Is any suggestion for color combination in site.
     
    jitesh shinde, Sep 7, 2012 IP
  2. dwirch

    dwirch Well-Known Member

    Messages:
    239
    Likes Received:
    12
    Best Answers:
    1
    Trophy Points:
    135
    #2
    Honest opinions here. Don't take offense if this site is your labor of love, take it as constructive criticism.

    1. Don't reverse images, especially those containing text.

    2. If you are using the name of a manufacturer, be sure to properly spell, punctuatuate, or capitalize the letters of their name properly. If you are not sure, user your favorite search engine to find out the proper spelling/punctuation/letter case.

    3. Get rid of the border around your graphic in the upper left. When using a graphic that is part of a link, set the border to zero using the border attribute of the img tag. (http://www.w3schools.com/tags/att_img_border.asp)

    4. Might want to smooth out that graphic - unless you are going for that blocky look.

    5. Do you have permission from those manufacturers to use their service marks? IE: if you an authorized servicer, most probably yes. Companies protect their copyrights though.

    6. Purchase a domain, and get a host. Hosting your business on a free hosting service looks unprofessional.

    7. When I click on About Us, I get a page-not-found (404) error from your host. However, a pop under gets me an attempted malware infection, and some advertisements.

    8. Services and Contact links do nothing. If you are going to have a link on your page, let it do something. If there is nothing, remove the link. Makes your site look unfinished.

    9. This is 2012. I may be a CSS snob, but I am pretty sure that using tables for the layout of your site is a generally frowned upon practice. If you're not sure how to proceed, w3schools is a great starting point to learn. Or hire a web developer.
     
    Last edited: Sep 8, 2012
    dwirch, Sep 8, 2012 IP
  3. FBmarketing

    FBmarketing Member

    Messages:
    244
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    28
    #3
    Nice work, follow you own idea and try it out.
     
    FBmarketing, Sep 8, 2012 IP
  4. kittyluver

    kittyluver Notable Member

    Messages:
    6,812
    Likes Received:
    222
    Best Answers:
    0
    Trophy Points:
    263
    #4
    Cool site. Try to use your own domain rather than free one...
     
    kittyluver, Sep 8, 2012 IP
  5. Crayz

    Crayz Well-Known Member

    Messages:
    708
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    120
    #5
    1. You could definitely use some graphic/design modifications.
    • your logo could use some work, the white stroke is a bit choppy and the typeface could def. use some adjustment.
    • you could use some spacing between your slider and content, gotta have white space to make it easier on the eyes to navigate
    • some padding in the contact/get in touch with us table that way you're not touching on the border. again a whitespace issue, whitespace is good.
    • slider graphics could use some adjustments, they seem a bit outdated and choppy as well
    2. Use tableless coding, tables now a days are only practical in certain situations.
    3. For your footer the black on red is kinda hard to read for me
    4. The slider is nice though I'd vertically center the left/right buttons
    5. Validating your work is a very good practice and becoming super important, it will also help with cross browser checks and finalizing your code.
    • http://validator.w3.org/ -> Enter your website url at this site here.
    • Try to go through your code and fix any error that outputs at w3.org
    6. Move your javascript and stylesheet code into separate files and include them in your header

    If you have any questions or run into issues feel free to leave me a PM

    -Crayz
     
    Crayz, Sep 8, 2012 IP
  6. lolpasslol

    lolpasslol Peon

    Messages:
    860
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hello color combination is ok ,
    corporate looking color,
    but you should take care of your logo,I think it's not so lucrative .
     
    lolpasslol, Sep 9, 2012 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    dwirch and Crayz make some good points, my own analysis kinda mirrors their observations.

    From an appearance point of view, the absurdly undersized fixed metric (px) fonts and fixed width layout are an accessibility wreck, and in several places the color contrasts are below accessibility minimums. The red on black and black on red in particular are borderline illegible... but so is the text in the stupid malfing image rotator nonsense thanks to the opacity... When it comes to rotator scripts, generally I would never put that type of 'gee ain't it neat' crap on a website in the first place since it chews up a ton of space while providing little if any 'information of value' to visitors -- and at the same time pretty much forces you into the fixed width layout; something there's little legitimate excuse for and that makes doing responsive layout all the more difficult -- much less the colossal waste of bandwidth such elements are.

    Under the hood even the first line of code proudly proclaims that the methods used to build the site are a decade and a half out of date -- that's what tranny means, you're in 'transition' from 1997 to 1998 coding practices.

    Your overstuffed and pointlessly redundant keywords META is pretty much guaranteed to be ignored -- since it should be keyWORDS. Not keyphrases, not keysentences, keyWORDS... 7 to 8 WORDS that exist in the BODY of your document that you want to rank higher for... preferably totaling less than 128 characters.

    You seem to have static CSS inlined in the markup for no good reason, no MEDIA types so your screen appearance would be sent to all clients, (and there's more out there than just 'screen'). The others were quite correct in pointing out that using tables for layout is broken/bad methodology, as is the flashtard nonsense for static images inside your image rotator (either make the whole thing flash, or the whole thing js -- you're mixing both for christmas only knows what), and the presence of tags like CENTER and attributes like TARGET which have zero business in any markup written after 1998!

    Which of course all adds up to how you have 14.4k of HTML for barely over 1k of actual content on the page. Even with the six or so content images figured into it, that's two or three times as much code as should be used there!

    The complete lack of semantics further destroys any chance of the site being useful to a lot of users - since there are no headings, no lists, and little to help those on screen readers or other methods of accessing a site actually make sense of your content.

    Basically, it's another laundry list on how not to build a website that needs to be thrown out and started over from scratch, using semantic markup, separation of presentation from content, modern coding practices, and an attempt to present actual content of value as opposed to "gee ain't it neat" scripted and flash asshattery.

    The Flash in particular, since there's a reason it's called flash, and not substance.
     
    deathshadow, Sep 9, 2012 IP
  8. pavanparasa

    pavanparasa Member

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #8
    Hey there,

    1) Colors are too heavy on the eye, use light color schemes, keeps the visitor on the site a touch longer.
    2) Usage of a CMS like MODX, Wordpress, concrete5 is highly recommended. You will be able to add, edit, update with much more simplicity. Theming can be modernized and try to bring a web 2.0 style look on to the site.
    3) Get a domain :)
     
    pavanparasa, Sep 18, 2012 IP