CSS-Tricks live design history

[tyrons]

I think everybody noticed the change on site’s design. Regardless liking it or not, there’s always something we used to like in the previous designs and, not being kept, we can’t check it anymore.
So, I would like to suggest that the Design History page (https://css-tricks.com/design-history/) could be made by the live version of the site, including (mainly) the CSS it was used.

For example, now I’m trying to reproduce those background-position animation we used to have on the boxes of the site, and I can’t even view it anymore! It’s a pity…

[joshuanhibbert]

You mean these? http://jsfiddle.net/sl1dr/LWN8K/

[tyrons]

@sl1dr thank you, that was kind of what I’ve been looking for..

Actually, I managed to find the original style for CSS-Tricks v8 design (and all the previous, too). They are available here (you can change “8” for anything between 3 and 9):

http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-8/style.css

[tyrons]

Just to contribute a little more (archive.org is a great service):
http://web.archive.org/web/20101224011355/https://css-tricks.com/

The snippet I was looking for is:
http://jsfiddle.net/tyrons/Srpf8/

[Chris Coyier]

I can probably do this at some point. Most of the versions I still have as wordpress themes, and there are plugins to reactivate old themes. The only problem is that there are probably some things in the themes that rely on files outside of the theme folder itself (just laziness). So there would be some work involved making sure they all work perfectly. So yeah, I’ll add it to the ol’ list.

And THANKS guys for making fiddles of those old techniques.

[joshuanhibbert]

I have a fiddle of the navigation from version 8 too if anyone wanted to have a look: http://jsfiddle.net/sl1dr/RU6Nh/

[Chris Coyier]

Subtle change: http://jsfiddle.net/chriscoyier/bsbQb/

There was a white line which I think made the active tab connection stronger.

[joshuanhibbert]

@chriscoyier Thanks for that, I remember thinking I needed to add that in but never got around to it.

[tyrons]

I wish I had this sense for design…
It’s a subtle change that makes all the difference. Unfortunately I found out this site just some time ago; now it’s top of preference on my feeds list…

[Author]

Posts