Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Design › Thoughts on most recent CSS-Tricks tweaks?

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • Author
    Posts
  • October 27, 2015 at 10:25 am #210240
    Alex Zaworski
    Participant

    Just curious what everyone thinks regarding the direction things are going. I know there was a lot of pushback when the swap was made to the super-minimal layout, I didn’t mind it too much but I felt the sidebar commanded too much attention (still does in my opinion, the wufoo ad is way too bold. By contrast the smaller ads in the content look great).

    I get the intention with the new nav bar is to bring some of the old branding back but it feels like it divides the page a little too much (especially with the lodge bit at the top too). I also kind of wish it stayed in its container when becoming fixed, I have to move my eyes a lot to read the nav versus read the main content (on a large screen).

    I also don’t like the photos in the lodge callout at the top :( Far too cluttered, in my opinion— especially when contrasted with the rest of the site. Which is a damn shame I think since the typography in that area is so well done. Man, just read that. It feels awesome.

    The toggle switch in the hyphen in the logo is super clever imo. Also the ‘thin diagonal lines’ motif is right up my alley, love it.

    October 27, 2015 at 10:37 am #210242
    Shikkediel
    Participant

    Wasn’t the biggest fan of the mostly white layout but I haven’t been visiting any less because of it either. Like the fact that a bit of color’s back but I have little doubt other changes are due.

    One thing I noticed is that the sticky nav makes the page jump a bit on Firefox smoothscroll when it appears.

    Animation in the logo’s pretty nifty indeed.

    October 27, 2015 at 10:39 am #210243
    Alex Zaworski
    Participant

    Wait is the logo animated? How? I can’t get it to budge (in Chrome).

    Also the logo in the fixed nav doesn’t have the toggle switch in it which kinda sucks. I’d assume it’s because it doesn’t render well at small sizes but it’s unfortunate none-the-less. It also doesn’t link to the home page which is… weird and hopefully going to change.

    Another thought, more on the conceptual end of things, I sort of wish the arrows on external articles were on the right side of the article instead of the left. When they’re on the left, they just point to the title. Kind of a “hey look at this thing” — maybe that’s the intention? If they were on the right it would be more of a “hey you’re about to leave this site” deal which seems more appropriate. Visually, arrows on the right would definitely be harder to pull off so I get it.

    October 27, 2015 at 10:50 am #210244
    Alex Zaworski
    Participant

    Oh also… the way recent videos work needs to change I think. I always miss them because I’m not used to scrolling down the page to look for new content, it feels backwards to me.

    October 27, 2015 at 11:39 am #210245
    Shikkediel
    Participant

    Wait is the logo animated?

    Clicking the toggle button starts an animation. Looks fine to me on Chrome.

    October 27, 2015 at 12:16 pm #210247
    Alex Zaworski
    Participant

    MAN WHAT that’s so sweet, I somehow hadn’t noticed the dot was clickable. I really like when people put easter eggs like that in sites.

    I think I liked the rainbow better, though.

    October 27, 2015 at 6:49 pm #210253
    Shikkediel
    Participant

    Request for a small modification – making the header fixed seems to take it out of the flow, creating a page jump (quite distracting on Mozilla). Not sure how much height should be replaced but this seems to be close :

    body.fixed-header .top-bar {
margin-bottom: 120px;
}

    Not really able to discern why it should be more than the navbar’s height itself.

    And if I may add, a slide up when it is hidden may be a bit nicer than an instantaneous action.

    Could this be passed on please? Don’t wanna holler directly…

    October 28, 2015 at 7:16 am #210267
    Shikkediel
    Participant

    Not really able to discern

    Of course I am… 61px from the navbar itself plus 50px margin. So the correct amount would be 111px.

    :-)

    October 28, 2015 at 8:54 am #210279
    Alex Zaworski
    Participant

    Can you post a gif of what you’re talking about? I get a small jump when the header becomes unfixed, don’t notice anything when it becomes fixed (FF or Chrome)

    edit: Do get a slight jump if I scroll to exactly the place where the swap triggers and stop scrolling — is that what you meant?

    October 28, 2015 at 10:01 am #210281
    Shikkediel
    Participant

    That’s what I was talking about indeed. When adding the above rule, it’ll be a lot smoother.

    October 28, 2015 at 11:28 am #210282
    Paulie_D
    Member

    I’m still not a fan but that logo takes us nearly half the height of my laptop screen and on a tablet it’s almost a full scroll before I get to any content.

    October 29, 2015 at 8:27 am #210312
    Shikkediel
    Participant

    Looks like a different break point for the header (vertically perhaps) could be a good thing as well then. But I’d be mostly pleased myself when the wobble’s been fixed. Shouldn’t be there anyway on a site with this heritage.

    :-p

    November 2, 2015 at 10:43 am #210454
    Shikkediel
    Participant

    Okay, I’m gonna give a shout anyway. Simple fix that would much improve the experience…

    body.fixed-header .top-bar {
margin-bottom: 111px;
}


    @chriscoyier

    November 2, 2015 at 2:53 pm #210463
    Chris Coyier
    Keymaster

    Took me a minute to understand what you were experiencing there, but I think I see now! Definitely more pronounced on Firefox. Will fix.

    November 2, 2015 at 3:39 pm #210465
    Shikkediel
    Participant

    Much obliged. :-)

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 16 total)
1 2
  • The forum ‘Design’ is closed to new topics and replies.