CSS Abuse

Discussion in 'Graphics & Webdesign' started by callumacrae, Jul 12, 2011.

  1. callumacrae

    callumacrae not alex mac Community Support

    Messages:
    5,257
    Likes Received:
    97
    Trophy Points:
    48
    http://callum.x10hosting.com/

    Not a line of JS on the entire site. Works in Chrome and Firefox, doesn't work in Opera and IE, works for some people in Safari but not others.

    Thoughts?
     
  2. Darkmere

    Darkmere New Member

    Messages:
    358
    Likes Received:
    2
    Trophy Points:
    0
    1.) You are using HTML 5.0 which is still experimental and not supported by all browsers
    2.) No Char encoding defined
    3.) 4 sec rule. Scanning over the page is a complete loss on the intentions of the page.
    4.) Faux Links
     
  3. callumacrae

    callumacrae not alex mac Community Support

    Messages:
    5,257
    Likes Received:
    97
    Trophy Points:
    48
    I am fully aware of that fact. "Works in Chrome and Firefox, doesn't work in Opera and IE, works for some people in Safari but not others."


    And? :p


    ...that's because there isn't one


    It's purely an experiment, not a site. I was asking for feedback on the design xD

    I'm going to move this to the correct forum now >_<

    ~Callum
     
  4. Darkmere

    Darkmere New Member

    Messages:
    358
    Likes Received:
    2
    Trophy Points:
    0
    lol that was feedback on design :p

    ---------- Post added at 01:35 PM ---------- Previous post was at 01:34 PM ----------

    But if you want layout then it doesnt work all the way for me FireFox 4.0+

    ---------- Post added at 01:38 PM ---------- Previous post was at 01:35 PM ----------

    The Header is only partially working, nav works and footer works
     
    Last edited: Jul 12, 2011
  5. callumacrae

    callumacrae not alex mac Community Support

    Messages:
    5,257
    Likes Received:
    97
    Trophy Points:
    48
    I didn't put version number in, but it doesn't work in FF4. It works in FF5.
     
  6. callumacrae

    callumacrae not alex mac Community Support

    Messages:
    5,257
    Likes Received:
    97
    Trophy Points:
    48
    I updated it a bit, fixed most of your complaints :p

    Hover over about, it's the hackiest thing ever xD
     
  7. Darkmere

    Darkmere New Member

    Messages:
    358
    Likes Received:
    2
    Trophy Points:
    0
    K now every thing is working but, did you intend for the personal information to be all the way into the right margin. Kinda looks strange that everything is centered then you have the Personal info way out in the right margin

    ---------- Post added at 09:58 AM ---------- Previous post was at 09:51 AM ----------

    What if you removed the About link and keep the about information visible ... it reminds me of MMN, I know it isnt but it just reminds me of it.

    ---------- Post added at 10:06 AM ---------- Previous post was at 09:58 AM ----------

    Thank you for fixing the char set ... my validators are now green across the board except for one error but it is just because of the HTML5 so it is more of a warning
     
  8. essellar

    essellar Community Advocate Community Support

    Messages:
    3,295
    Likes Received:
    227
    Trophy Points:
    63
    I, on the other hand, like it. (I think "Web developer based in the UK" is a bit of a giveaway, and if it takes one more than four seconds to put that together with the word "Portfolio", I'm thinking there are deficiencies present that can't be overcome using additional text.) There's only one thing I'd suggest, and that's to use text-shadow (no displacement, less than one pixel blur, same colour as the text) to antialias the largest text -- it works a charm.
     
  9. leafypiggy

    leafypiggy Manager of Pens and Office Supplies Staff Member

    Messages:
    3,819
    Likes Received:
    163
    Trophy Points:
    63
    This should work for the anti-aliasing:

    text-shadow: #666677 1px 1px 1px;
     
  10. callumacrae

    callumacrae not alex mac Community Support

    Messages:
    5,257
    Likes Received:
    97
    Trophy Points:
    48
    Yeah, that's intentional, partly because I quite like it, and partly because I couldn't work out how to center it at the time (wrap it in a div!)

    :-(

    Good :-D


    That text is new ;-)


    Thanks :)
     
  11. iearn.tk54

    iearn.tk54 New Member

    Messages:
    85
    Likes Received:
    1
    Trophy Points:
    0
    looks simple and sober
     
  12. trigger_rulz200747

    trigger_rulz200747 New Member

    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    0
    it's his experimental site :) CSS3 really is so good. My first thought it was jquery but when i try to view its source it's all CSS3 :]
     

Share This Page