Making CSS UL Menu’s Browser-Consistent

If you’ve ever made a web site and wanted it to look consistent from one browser to the next, then you’re well away of the difficulties that are involved. Fixing these sorts of styling issues can be a major annoyance, however, I like to hunt down issues on my own pages from time to time and stand up to the challenge.

One issue that I can across today was dealing with horizontal menu positioning using unordered lists (<UL>) and some positioning. The positioning wasn’t consistent between browsers or even operating systems.

Continue reading “Making CSS UL Menu’s Browser-Consistent”

Demonstration of HTML5 WebM Live Streaming!

If you haven’t seen the new <video> feature that allows people to easily embed video into web pages without the need for third party plugins such as flash then you’re behind the times! Keep up!

If you’re not using a capable browser while viewing this post then you won’t see much (read: nothing special). The web is slowly evolving and minimizing the "drug like addiction" to Adobe’s infamously unstable Flash player which is used for various popular web content including YouTube videos and time wasting Flash games.

One super cool example of WebM, which is the video technology behind HTML5 video, comes from SkyNews and should appear below if you’re using a browser worth your time using. I recommend Opera! 😉

WebM is a video container which allows for a very simple method of embedding video on a web page that will eventually be adopted by all major web browsers. The video above displays an example of live streaming WebM video and goes to show that the new video tag is very powerful and useful!

I’ve been looking forward to HTML5 video for some time now and am happy to see such neat and useful demonstrations pop-up across the Internet to set such great examples!

The next major step that I’m waiting for is for Google to officially replace flash videos on YouTube and Google Videos with new HTML5 WebM videos. Popular video sites such as YouTube and Vimeo have recently shown off demos of the new video format, but neither have made the leap from flash content to relying on the browser. Depending on how long it takes for other web browsers to adopt and perfect support for this feature, it could be a long wait.

Features such as fullscreen mode have yet to make it into Opera’s web browser, but will certainly be added in a not too distant release. Hopefully sooner than later.

Thanks to a friend in IRC for bringing this to my attention (windsong@irc.opera.com).

NC State ACM/AITP Website Update

I just finished (or reached the publishing or pushing live step) the update to the NC State ACM/AITP website.

The improvements over the previous design are pretty drastic when it comes to user interface and ease of use.

I ended up going with a K2 theme for Drupal since I’m such a big fan, but it just didn’t seem right for the site at first. I ended up going through and modifying a great deal of a barely and poorly done version that I came across online so I had to finish up most of it myself, but that just allowed for making it suit my (read ‘our’…for the club) needs.

acm-aitp-site-upgrade-2009

After working with the html and tweaking it hardcore until I got it clean so it passes HTML Validation inspection it was time to tweak the CSS.

This became a breeze with Opera’s Dragonfly developer tools. I was able to select an element and tweak the style sheet live so I could see real-time results. After making an adjustment it’s as simple as updating the actual stylesheet.

After tweaking the style almost obsessively for hours the first day I decided it was time for a break. It wasn’t long before I got back into the groove the next day and finished it up (for the time being).

I really have to say that I am in love with Dragonfly now. I’ve used Firebug in the past and to be honest I’ve never been a Firefox fanboy…it’s a good browser, but it’s not pushing standards support at the rate that I want and Opera is just better at a lot of the things that I use and need from a browser… anyways, I got used to Firebug a while back and Dragonfly vs. Firebug isn’t a fair competition because the both are still very different, but I find Dragonfly being easier to use ever second compared to Firebug.

After getting the code working it was time to push the update. As a result, the NC State ACM/AITP club now has a much friendlier outlet on the web!

Now I have the pleasure of tackling any smaller issues such as stylesheet problems. 😀 Updating the content will now be much less of a pain now that it can be updated directly from the browser for most everything.

Finals Week Commences

Well, this week is going to be a rough one! My schedule for this week is basically two (easier) exams on Wednesday, Calc. exam on Friday morning along with my Discrete take-home final and my final project for CSC-251 due the same day. Then I get a short weekend break to cram for CSC-230 (C programming), which finishes off my finals for the semester!

The only ones I’m really not wanting to take are the Calc. exam and my Discrete take-home. I don’t know what it is about those two courses, but I hate them so much! I guess it’s related to the fact that my other three classes are all programming courses, hehe.

Anyhoo, back to working on school related annoyances. 🙂

New site design under way..

I’ve been working on redesigning the site a bit so it doesn’t feel so cluttered. I’m not finished yet and still have a bit of cleaning up to do. However, I wanted to get some comments, feedback and constructive criticism. Please let me know the goods and the bads. If you can..please give a suggestion or 20. 😀

I don’t want to officially launch the design yet, so I’m waiting for reviews. I’m curious if it’s better or worse and what is better or worse about it. I haven’t gone as far as setting up cookies or passing the css tag, so the style sheet will only apply on pages with css=2 appended to them. If you view another page and would like to see how it looks with the style sheet then just add ?css=2 at the end and press enter. Here are some links to get started..

https://www.kyleabaker.com/?css=2
https://www.kyleabaker.com/archive.php?css=2
https://www.kyleabaker.com/news.php?news=71&css=2

Check them while their hot! I’ll be removing this feature/option soon and these links will be disabled. 😉

UPDATE:
New design is up. I’m still tweaking it and working in the comments and suggestions. Thanks for the feedback!