« July 2006 | Main | October 2006 »

September 25, 2006

Bring forth my fine-toothed comb...

I have been progressing on the web manual more and more each day. The first few days were a bit rough with trying to grasp what I was trying to do and determining how I would approach this project. After deciding on a structure I moved on to applying it and adding other content. After many days of wrangling Word HTML I now have a slightly presentable website. All the styles are cleaned up, everything looks nice, all pages pass spell check, and all content transferred over. All that is left is minor tweaks and changes. I am happy to have finished this project, and I am pleased with the result. I have added to my library of code and I have explored different structure and control schemes. Code of the day:

/* Excerpt from webmanual.css */
div.marginmedium table{
	margin-left: -20px;
}
html>body div.marginmedium table{
	margin-left: auto;
	margin-right: auto;
}

September 19, 2006

And then it exploded...

So a few days ago I went into the whole development.html thing. This was a huge HTML file covering many aspects of the web publishing guidelines. After careful consideration it was determined that there was just too much there. So I split the file into its sub-components, and because of the careful structuring it took less time then trying to redo everything. I found that all I had to do was copy and paste and do a couple of find-and-replaces to change the headings. So kudos to hard work paying off. I am slowly coming towards the end of the web manual project. Almost half of the appendices was formatted using my structured methods before we decided to split it into seperate files like the development file. Once I finish putting the content into place the final step will be simple CSS clean-up and formatting.

September 18, 2006

I am thinking of nested lists, hmm...

Continuing with the structuring, implementing, & clean-up of the Word HTML I have run into a few bumps, but the actual coding is completed. All of the web manual pages are now within nested lists. I have also put the CSS in place to ignore indenting in certain areas and keep the list style if it is an example. I think this new approach is something innovative that shows an alternative to tables and really long unformatted files. All that is left is the touch-ups and possibly including the appendices. Also I took another look at the did you know source, after a few quick tests I discovered I could optimize the function that determined the range of the random number used to pick the item. I add the value of the maximum number of items to an empty string. From there I can get the length of the string and that tells me whther I am dealing with 1-10 items or 1-10,000 items. All in the name of scalability :) .

fact = Math.floor(Math.random()*(Math.pow(10,(""+items.length).length)));

September 14, 2006

XaraLX that's right the LX means Linux

I was browsing around slashdot about a month ago when there was a release of some "Scaleable Vector Graphics" software that rivaled Adobe Illustrator. I decided to check it out and apparently the source was released for Linux and BSD machines for free where if you want it for windows it is $80 minimum. My linux laptop was down at the time so I decided to hold off until I had a stable system. Well last night I decided to give it a shot since everything is running smoothly now (except maybe Xgl). So I went ahead and grabbed the source for x86 (amd64 wasn't available) and I went about the usual process of configuring and making. After about a half-hour of compiling I ran the software for the first time and it is amazing. The capabilities of this program are astounding. I will post a few screenshots soon, but Wow.

Gelly Buttons and Web Design

A couple days ago I was browsing around on the web and I came acros an article linking to the Microsoft Windows Vista home page. I really liked the buttons along the left side, especially since they matched the Aero UI of the upcoming windows release. When you roll-over the button it changes color, but if you notice they use images for their "Gelly" buttons. I think tomorrow I will look into create the same style interface with extremely small images and a few layers in CSS when I get it all finished I will post it up here for some good old fashioned testing. On a side note I really need to do something to this blog, it looks so... bland. /* UPDATE */ So initial tests walloped me, but I am still working on it, I think I will have something functional by the end of the week.

Development.html meet "find and replace"

Today I had the joy of working with the development page. To start things off I pulled all the data in from the .html file that was generated in word. Anyone who has had a look at the source of any html file generated in word will tell you it is bloated with un-necessary tags, styles, and a rediculous amount of "&nbsp;"'s. The first thing I to do was rid the source of un-necessary styles and <span>'s. So I used "Find and Replace" along with regular expressions to remove a good portion of the irritating source. After that I took a look at what the page should look like when it is done and I noticed that it was basically a bunch of nested <ul>'s and <ol>'s so I started to go through line by line and I applied this structure to the document so when it comes time to style the lists, everything should cascade nicely. Click on the link below for a sample. I have almost put all of the content into this stucture, it has been pretty annoying because of mis-matching tags and missing content, but I should have it finished Monday. Once I finish with this page it should take minutes to apply the same model to all the other pages in the web-manual. Hopefully I will have all the structuring and CSS done Monday, but you never know what will happen. HTML -

<ul>
 <li>
  <h2>Blogs</h2>
  <p>VCU Libraries has been a leader at VCU in using blogs in new and compelling ways.
    It has partnered with the <a href="http://www.ts.vcu.edu/">Office of Technology
    Services</a> to purchase a University Site License of <a href="http://www.sixapart.com/movabletype/">Movable Type</a>. Blogs can be created 
    either through <a href="http://blog.vcu.edu/"> the university 
    site</a> or the VCU Libraries. Contact the <a href="mailto:seteague@vcu.edu?subject=blogs"> Web 
    Applications Team</a> to setup an account for a VCU Libraries blog.</p>

    <ul>
     <li>
      <h3>Required Guidelines</h3>
      <ol>
       <li>
        <h4>Maintain Libraries Branding Across Public Blogs</h4>
        <p>Public blogs are considered an extension of the VCU Libraries Web site and 
          therefore appropriate editorial measures must be taken. The blog owner should 
          regularly look for comment spam or close the blog or parts thereof for comments. 
          Public blogs should carry the VCU Libraries identity across the entire site.<br>

          <br>
          <strong>Examples:</strong>
          <ul>
            <li><a href="http://blog.vcu.edu/blackhistory/">Black History Blog</a></li>
            <li><a href="http://blog.vcu.edu/libsuggest/">Suggestion Blog </a></li>
          </ul>
         </p>

        </li>
        <li>
          <h4>Include a Disclaimer on Personal Blogs Hosted by the Library</h4>
          <p>Library faculty and staff are able to create personal blogs. As such,
            it is important that any such blog or Web site contain a disclaimer so
            that the blog is not considered an official voice of the VCU Libraries. 
            Note that the same regulations govern personal Web sites housed on University servers.</p>
        </li>
        <li>
          <h4>Avoid Linking to Staff Blogs from the VCU Libraries Public Site</h4>

          <p>Blogs that are meant only for staff viewing are not to be shared outside
            of the VCU Libraries and should not be linked to the public Web site, public 
            RSS feeds or through e-mail.</p>
        </li>
      </ol>
    </li>
   </ul>
  </li>
</ul>

CSS -

ul {
	padding-left: 0px;
	list-style: none;
}
ul li ul{
	padding-left: 0px;
	list-style: none;
}
ul.example{
	padding-left: 15px;
	list-style: disc;
}
ul li table, ol li table{
	margin-left: 0px;
	padding-left: 0px;
}

September 13, 2006

Gnome and XGL

the first time I tried XGL I got it to work for 4 hours before it did not want to respond, since then I have wiped the Linux side of my system and completely reworked my laptop from the ground up. I was attempting to use Gnome 2.16 before it was unmasked in portage, but that ended up blowing up in my face. After many hours of unmerging, then re-emerging to a lower verison everything is back up and working. I am running Gnome 2.14 on X and I am trying to run Xgl. I have discovered a way to keep all of my X settings and have Xgl on my system at the same time. Using this I can test one configuration in a nested window vs. trying a set of settings then turning around and re-enabling X. Other than Xgl being a pain everything else seems to be working. Hopefully I will have some more good news soon, since I am re-compiling Xgl with the Ubuntu code base.

Oh ye little web manual, how you haunt me...

Today I continued my work with the web manual. I am happy to say that four of the 6 pages have been re-arranged or re-ordered to follow the same format and navigation has been added to all of these pages. I have put together some useful styles that will be useful in the upcoming redesign. I am still having problems with the development page where the text is running over the edge of the div it is contained within. I think I will have to re-copy all of the data over and work from there. I have noticed that this content was definitly pulled from Word mostly because of the use of 50 cajillion (I think that's a number) "&nbsp;"'s just to shift the text over a little. I have worked around this by placing the text within a <span> tag with the style="float: right; margin-right: 20em" this floats it to the right, but then kicks it back from the right edge so it looks correct in any browser and the code is clean. Hopefully I can tackle that tomorrow and move forward on the CSS unification, becuase I know that has the potential to be a lot of work.

September 12, 2006

Line by line with an eye for detail...

Today I helped error check some code with a fewoptimizations here and there. In the end we ended up removing at least 50 lines of code. Then I got to work on the new web manual, this is definitely going to be an interesting project, filling it out with content and somehow making it navigable.

September 11, 2006

1,249,309 Hits!!!!

This is kind of a boost, knowing that a project you worked on has been accessed over a million times. I put together statistics from our web usage systems and our homepage has had 1,249,309 hits since January 1st. It is kind of interesting to see how users navigate the site and the most frequently accessed pages. On a side note while putting this information together the one computer within the library that has accessed the homepage the most is the first computer you come to on the first floor when entering the library with 1.05% of all the hits from all the public computers. I am still unifying the CSS it is pretty slow because all this information is spread out into many files and condensing it into two files is daunting to say the least, but if approached from a structured standpoint everything can be done easily at the expense of adding a div or two to create the structure. This structure would allow cleaner HTML and CSS files across the board, including easier roll-outs of new designs and greater control over the "look & feel" which will come into play later during the redesign.
Here are a few examples I am looking at: <!--HTML CODE-->
<div class="tier1">
  <div class="tier2">
    Title Content
  </div>
  <div class="tier2">
    Content Content Content
  </div>
</div>

/* CSS Code */
.tier1{
  /* GLOBAL SETTINGS */
}
.tier1 .tier2{
  /* REFINED SETTINGS */
}
Using this model no styles will overwrite each other and determining the active style will be made easier.

Until tomorrow,
~Chris

Gnome 2.16 and portage fun...

The dual-boot laptop is coming along slowly, it took few hours, but now X and Gnome have both been emerged. As of a few days ago Gnome 2.16 was released, but it was masked for testing in portage. After a few unsuccessful attempts and many profanities, portage is allowing me to install Gnome 2.16 as an update. After reading up on the release in the forums it looks like everything works with very few bugs. I want to try and enable the compositor within metacity so that I can have some of the cool XGL effects without having to go through the painful process of XGL. I will update with some more news and maybe a screenshot or two later.

September 8, 2006

New Blog, Yay! I think...

So I am starting this blog and we will see where it goes. I have had two blogs in the past and they both lasted a few weeks (maybe). But we will see what happens. I think I have created enough categories so finding something to write about won't be that hard. The general "look and feel" should be changing in the upcoming days. It all depends on how long it take me to re-do everything. Well here it goes...

September 7, 2006

Gentoo on my HP zv6000, v1.0

I say v1.0 but really it is like v3.0, but for the sake of documentation it is v1.0 . I have just finished the basic installation of Gentoo 2006.1 amd64. I think I am going to wait until Gnome 2.16 gets unmasked in the portage tree before emerging X and Gnome. Until then I am limiting myself to the console to set-up drivers and advanced functionality.

"Did you know?"

So today I found myself getting familiar with the web manual (39 page word document). It shed some light on the reasoning behind certain practices. Next I moved on to "Did you know?" formatting and links. So far I have found a few links, but progress is slow there. I am also putting together a few .css files that will contain all CSS data for the site. A layout file containing everything for one, two, & three column layouts and a general style file containing standard colors and sizes to be used site wide. Hopefully that should come together in the coming days, but right now ye olde three column layout is giving me a good thrashing. I have been looking at http://www.bluerobot.com/web/layouts/ for some css help. Another usful tool I found is a "Lorem Ipsum" generator it creates text to fill spaces where content will eventually go well It's something different. Until next time, ~Chris