Yii has a new face
Rate Topic:
2 Votes

We are very pleased to announce that Yii has a new official project site! This is a complete rewrite of the old site, with brand new designs and many new features. We hope you all like it! Please report to us if you find any issues of the new website.

While we will continue to develop the project site, we are proud to claim that we have achieved most of these goals.

Finally, here are some facts about this website that may interest you:

- The rebranding effort was started in summer 2009
- The intensive development of the new site was started in June 2010
- Wei and I are the main developers; mdomba created the new API pages; jefftulsa helped with the tour page and proof-reading the static pages.
- The site is powered by Linux/Apache/MySQL/PHP/Yii (trunk).
- We used APC, DB-based caching, DB-based logging, RBAC
- As of today, we have 24 DB tables. The size of PHP code is about 800KB.
- We use git as source code repository.
- In August, the site received more than one million monthly page views. We expect this number to be doubled by August the next year.

In this case it's the long changelog that turns it into a big wall of text, however in other instances it could well be the documentation.

Not sure what the best approach is really apart from separating it out into different pages again - although with that if it was to be separated again it would only need to be into something like "Extension Information", "Documentation" & "Changelog" as having the download available in the sidebar removes the need for that page.

The other option is perhaps to simply make the definition between the different areas a little more obvious - at the moment the difference between an h2 (used for the top-level "Documentation", "Changelog" titles) and h3 (used internally within those sections) isn't very big.

Another possibility is to have the less-useful information such as the changelog display the last x lines with a link to ajax-expand to the full information.

Source available anywhere? It could be a really nice reference resource to see how the pro's do it :P

Sorry, we did not plan to support IE6 because based on historic data of the site, there's only 1% visitors using IE6.
I think for Web developers, most should use newer browsers because they represent the majority of the end-user browsers.

I agree with Orteko with regards to the extensions page layout. I preferred the tab based layout, as everything was organised in "sections". The current layout defines the sections through the use of headings on the page but it doesn't really look organised.

Perhaps you could use jQuery slideToggle() to show/hide the sections? Or have some sort of outline that separates a section from the one below it, other than a heading.

One question:
It seems that what was the "cookbooks" before is now called wiki. I wonder wether the URL schema to these articles changed. I'm asking as there are many forum posts that link to some cookbooks. If it has changed maybe a mod_rewrite that redirects to the new URLs would be helpful.

Similarly, on the new API page the colour scheme for the page content is not very 'lively', so for example I think the details part of the properties need to be more predominant, i.e. instead of a light grey background it should have the blue background that worked very well on the old design.

I agree with Orteko with regards to the extensions page layout. I preferred the tab based layout, as everything was organised in "sections". The current layout defines the sections through the use of headings on the page but it doesn't really look organised.

Perhaps you could use jQuery slideToggle() to show/hide the sections? Or have some sort of outline that separates a section from the one below it, other than a heading.

I think the main issue is that the h2's used to differentiate between sections are practically identical to the h3's used within sections. If you are scrolling down the page a heading at 1.3em and 1.2em don't look all that different :)

Maybe something just as simple as adding a border-bottom: 1px solid #eee to the h2's on that page.

I do lean towards having an expandable/toggleable changelog however - it's really only the most recent entry that is likely to be of interest, I don't think the rest is useful enough information for it to be permanently on display.