Todays site histories is a very special one. Because it goes back a few years and yet doesn’t involve a hundred designs. Yes this Site History update is about the most resent layouts. Which means something very special to viewers out there, you get to see were the most resent layout came from.
Only within the hour did I finish the final update to the 2012 Trinest.com design, you see I started updating it at the beginning of the month. I cleaned up the blog posts by removing their titles and making the blog post image the key identifier of the posts. I also moved the post information such as when it was posted and the category as well as comments to the bottom of the post to tidy it up a little more.
I was in a web design mood tonight and it shows. So many changes from the 2011 design to the 2012 design which clean the overall look up, as well as making it more user friendly. Which has been the primary goal of the previous layouts to make Trinest.com more simple in design, as well as user friendly and keeping that trademark green you know me for in all my designs.
While the underlying code is much more messy, the overall site is much more cleaner. For example with the header, it probably wasn’t the most efficient way to make it so each element had a different colour- however it works, and that is the primary thing right now.
The footer is also a lot more green. However that is a different story, but still the same goal and outcome as the rest of the design. It has let itself go in a way, however at the same time the layout has lost a few pounds.
Moving back to the primary layout of 2011, you can tell there is an evolutionary path starting. You can notice for one the footer is more consecrated to the one area. In fact the whole layout is more consecrated. The major change in the 2012 layout was that the navigation and footer both have a fluid background behind them which makes the overall section of those two elements much bigger and bolder in the layout. The general blog post sections are overall the same style (however they have a title and all the information is at the top of the posts not the bottom). The content section does have an extra frame around it with styling. As well as the navigation having a similar style to previous layouts in this “series”, it also uses 1px borders instead of 5px.
I’m a little bit tried, so what I want to dig up as well as talk about is limited. However the next design is well known as the layout which I’ve used for quite some time, in fact it was still up this morning. What I’m talking about of course is the layout on old.trinest, the layout which was used before I decided to clean up the articles the site has and remove ones which are just not up to scratch or which were just quite embarrassing to have up full stop.
You can tell the layout was the influence for the 2011 design as well as this new 2012 design, and quite possibly designs to come. It’s overall structure is quite similar to the 2011 design. You can tell it uses the same green as what both layouts which came after it use. However its problem is with the grays, it uses the grays from the “Summer” Beta layout, which I’ve previously talked about. For those who don’t know the Summer Beta Layout wasn’t made in summer, it was made in June/July/August or what ever. Essentially Summer if you live up north, however down in the southern island it just isn’t like that here. However that does mean I’ve further made a connection to this series to a previous series of layouts, which means that the layouts which has been around in the past few years have strick ties to each other and forever grow as the years go on.
Back to the 2010 layout, its major problem was like I said the gray. Which is quite dark, you will notice that in the 2011 and 2012 layouts, this problem has slowly disappeared as the grays have been tinkered with to make the design much nicer on the eyes.
It’s footer and content sections are also quite different. The footer is once again from a previous layout, with the content sections been a brand new feature (curved edges I didn’t use much back then etc.) which did look nice, but as a full green section it doesn’t really feel nice.
The 2010 layout was a complete recode from the previous layouts, and the 2011 was also a complete recode from the 2010 layout. However the 2012 layout uses the base layout of the 2011 design with just added code and functions for what was changed in the design.
Who knows what the next years will bring on Trinest.com when it comes to design. Right now it seems there are no longer periods of a new layout each week, the designs while they have always been unique and nice, are becoming useable and magnificent.
2010 Design |
2011 Design |
2012 Design |