Cr-48

Came home one day and saw a box of with hamster toy drawing, I didn’t know what to expect from it. Kind of nervous at the same time because I don’t remember buying any hamster related stuff. After a while, I opened the box and found the Cr-48 inside. I was very happy but that was about a week or two ago. I have to say that chromeOS is pretty stable as I haven’t had any issues with it. Most of the issues have to do with the hardware such as the touchpad and flaky wifi. Surprisingly, 3G connectivity is pretty good…

Advertisements
Posted in Academic | Leave a comment

iPad Awesomeness

I love the iPad. Ever since using my first Acer computer in 1994 and then my first Dell laptop in the late 90s, I always wanted a computing device like the iPad. Although the iPad is lacking in some important features, I find myself not needing or wanting it when using the iPad. People have told me all sort of things about the iPad whenever they see me using it. I told them the most important thing I do on the iPad is studying. Over the past two semesters, I have abandoned my hand written notes and books and use the iPhone to help me study. Since everything is online, I did not feel the need to carry my books with me to the library or a local coffee shop to study. The only subject that still requires pen and paper is math related subject which I only bring pen and paper when practicing the problems. The only real problem studying on the iPhone is that the screen is a little small for reading so I find myself doing a lot of double tapping to zoom in on the contents. Over the past few days, I have used the iPad as a device to me to study and it works wonderfully.

The iPad is not a cheap device so if you want it, you have to find a purpose that’s suitable or justifiable use for yourself. If your purpose is to watch TV shows on hulu then you might want to hold on to that money.

Posted in Apple | Tagged | Leave a comment

I think ATT over selling their network b…

I think ATT over selling their network bandwidth? You know, like those web hosting companies that over sell their space and bandwidth just because they think their users will never use as much? I rarely get signal or 3G signal anymore. All I see all day is E for Emergency calls only!!

Posted in Academic | Tagged | Leave a comment

TNT Royal Pain show is GOOD!!

TNT Royal Pain show is GOOD!!

Posted in Academic | Tagged | Leave a comment

So I was reading on dell’s blog about w …

So I was reading on dell’s blog about what their marketing or development team has to say about the Adamo, and all I have to say is once again they missed the point and they’re focusing on the wrong crowd.

First, PC users aren’t stupid when it comes to their money. They won’t drop 2 grand just because something looks good, PC users are all about affordable products and balance pricing.

Second, when people compare between two products (ahem Adamo vs MB Air). They compare based on performance, not what the product looks like. At least that’s how I compare between products! If look and performance are both important factors, I would always choose performance over looks every time because performance get the job done.

Dell, go back to the drawing board and ask your engineers and marketing teams “What the hell were they thinking?”

Posted in Academic | 1 Comment

Eye Exam!!

Eye Exam

Posted in Stuff | Leave a comment

How-to: Create a Simple Dropdown Menu with jQuery and CSS

ATTN: This method does not work with IE7 or below.

So a few days ago, Danny asked me if I could create a simple drop down menu for iA to cut down the clutter. Since iA is powered by WordPress, I know for sure that a jQuery library was included. Demo of the menu can be seen at idolsavenue.com! The code provided below will be based on iA with some explanations!!

The original menu tree
Hold CTRL + U to view the source. For some reason “code” isn’t displaying the html markup but rather rendering it.

What it will be
Hold CTRL + U to view the source. For some reason “code” isn’t displaying the html markup but rather rendering it.

The javascript (jQuery)!
I’m only gonna show the script for the “Movies” menu tree since they all are similar to each other.

To get the javascript below working in wordpress, you need to first put this little php script wp_enqueue_script(‘jquery’); a line above wp_head();

Also, instead of using “$” like you would normally do, I have to use “jQuery” to start each function. I dunno why yet, but when I do I’ll update the post!!


jQuery(document).ready(function(){
// hide on default
jQuery("#header ul li.movie ul.moviesub").hide();

// when mouseover - show
jQuery("#header ul li.movie").mouseover(function() {
jQuery("#header ul li.movie ul.moviesub").show();
});

// when mouseout - hide
jQuery("#header ul li.movie").mouseout(function() {
jQuery("#header ul li.movie ul.moviesub").hide();
});
});

The CSS
Since iA menu is inside a div#Header. The CSS you’ll see below will start with #header. Like the jQuery part, I will only include the CSS code for the “Movies” menu tree.

The Parent: Using position absolute, I put the “parent ul” at the bottom right corner. “li and a” are display in blocks with float left to keep them horizontally.

The Child: The “child ul” are hidden as well in case someone turn javascript off. Also using position absolute, I put the “child ul” where I want it to show up when a mouse is hover over the “parent li”. In this case, the “child ul” is placed underneath the “parent li”. The “child li and a” are display in blocks but they aren’t float to keep them listed vertically.

/* The Parents */
#header ul {position: absolute; right: 0; bottom: 0; text-align: right; font-size: 14px; z-index: 3;}
#header ul li {float: left;}
#header ul li:hover {background: #000; color: #999;}
#header ul li a {color: #999; display: block; padding: 8px 10px 7px 10px; font-weight: normal;}
#header ul li a:hover {color: #fff;}

/* The Child */
#header ul li ul.moviesub {display: none;}
#header ul li ul.moviesub {position: absolute; top: 32px; right: 61px; width: 130px; height: 126px; float: none; background: #000;}
#header ul li ul.moviesub li {display: block; float: none; text-align: left; font-size: 10px;}
#header ul li ul.moviesub li a {float: none; height: 15px; padding: 3px 5px 2px 10px; border-bottom: 1px dotted #555;}

That’s it!! Have fun and I hope this is useful!

Posted in CSS, jQuery | 1 Comment