Initial Port Complete
Wednesday, April 09, 2008 Filed in:
Yahoo Interface
Today I completed the initial port of the standard Expression Engine template index page to the Yahoo Grids Interface.
Things are still pretty rough although I was able to make a lot of progress quickly since I made the strategic decision to bring the template over as pretty much “as is”
I did add a div structure around the categories and archives section to better facilitate the use of graphic bullets by each entry.
I also experimented with moving the entry date and tags under the title and a line separating the entries. Oh yeah, I also ditched the calendar in the sidebar.
For a quick comparison of the new and old design, click on the “About” tab.
Posted by
Lou on 04/09 at 02:30 PM
Yahoo Interface •
(0)
Comments •
Permalink
Linking to Yahoo’s CSS
My first step was to link to Yahoo's css files. This is necessary in order to implement the Yahoo Grid structure.
I chose to use the file that combines reset.css, fonts.css, and grids.css. While this is the easiest and most efficient implementation, it has the immediate effect of whacking out the default site design.
- The reset.css file removes all the built in spacing for various html elements.
- The fonts.css file establishes a base system or typography.
The biggest advantage to using this system is cross browser compatibility.
Watching the introductory webcast is well worth the investment of time.
New Website Project
So you may ask, why am I playing around with another website design?
First, I needed to upgrade this site to the latest version of Expression Engine, my CMS of choice. I originally built the site using version 1.5 and the current version is 1.6.3. Since the company is moving quickly to a 2.0 version, I thought it would be prudent to upgrade.
Second, I have been wanting to experiment with the Yahoo User Interface (YUI) and what that implementation might look like in an Expression Engine site.
Finally, the site was languishing since its primary purpose is for me to try out new website techniques.
So, here goes! I started with the standard installation of EE 1.6.3. It went off without a hitch and I am up and running with the default template.
Page 1 of 1 pages