Best Web Buzz

HBO’s Entourage 5^th season ends last week, with the Vince back on track. Vince’s Best Friend E got Vince’s movie offer and had his other client ending up with a TV show. Drama now owns a pub and Turtle’s got a hot girl friend. So everybody is on the right track, so the fifth season of Entourage ends well with a happy ending.

Entourage Season 5 finale

Entourage got renewed with HBO for season 6 which by the way starts filming by January 2009 and starts airing on summer 2009. This is a long wait for Entourage fans around the world. Just hope next season is worth waiting for. Vince and the guys will now base on NYC for Vince’s new movie. God I can’t wait for season 6 to air.

Last week our company had a skill test exam for front-end web developer vacancy. I sneak peek a couple designs and I found out some bad habits in their codes.

Here are the coding habits you would like to avoid.

Use the right tag for appropriate function.

vertical category list

Here is a bad vertical category list source code.
Example 1

Comment: overkill div tags

<div> Shop by Categories</div>

<div class=”business”>Business and Management</div>

<div class=”business”>Business and Management</div>

<div class=”business”>Business and Management</div>

<div class=”business”>Business and Management</div>

Example 2

Comment: dont use heading tags on your category list

<div class=”business_management”>

<a href=”#”><h2>Business and Management</h2></a>

</div>

<div class=”business_management”>

<a href=”#”><h2>Business and Management</h2></a>

</div>

<div class=”business_management”>

<a href=”#”><h2>Business and Management</h2></a>

</div>

Example 3

Comment: update your web development skills

<div class=”shopbycategories”><font class=”shopbycategoriesText”>Shop by Categories </font></div>

<div class=”greenleftBG”><font class=”businessmgtTEXT”>Business and Management<br>

Business and Management<br>

Business and Management<br>

Business and Management<br>

Business and Management<br>

Business and Management<br>

Business and Management<br>

</font><br>

Here is the correct way presenting your source code for vertical category list

Comment: your id=”category” will now take care of the styling

<div id=”category”>

<h2> Shop by Categories </h2>

<ul>

<li><a href=”#”> Business and Management</a></li>

<li><a href=”#”> Business and Management</a></li>

<li><a href=”#”> Business and Management</a></li>

</ul>

</div>

Remember you are coding for a vertical category “list” so you might as well use list tag and make use of li tags.

Front-end web developers always want to find ways to optimize your HTML and CSS code. I saw a post on Cssglobe.com by Alen Grakalic about CSS Text Gradient and it opened me the idea about CSS Text Gradient. So maybe I can have this look gradient without using a transparent gradient PNG file. Bestwebbuzz.com presents text gradient without transparent gradient PNG file. This is how it works.

css gradient

CSS
h2 {
 font-size:250%;
 color:#0079b6;
 font-weight:normal;
 letter-spacing:-.05em;
 margin:.6em 0;
 position:relative; 
 font-weight:bold;
}
h2 span{
 position:absolute;
 display:block;
 top:0;
 left:0;
 height:60%;
 width:100%;
 background-color:#FFFFFF;
 filter: alpha(opacity=65); /*     <—-this part do the magic——*/
  -moz-opacity: 0.65;/*       <—–this part do the magic———*/
  opacity: 0.65;/*          <—-this part do the magic———-*/
}

HTML
<h2>My Cool Title<span></span></h2>
<h3>My Cool Title<span></span></h3>

You can download the demo file here demo

I would like to thank Alen of cssglobe and Virgil of jampmark.com for the idea and concept.

Yesterday had a close game with Dallas Mavericks and when everyone is expecting for the superstars to step-up, Trevor Ariza came off the bench and had 13 points and a huge shot block on Stackhouse at the last minutes of the fourth quarter. He has been so effective on both ends. Kobe shot 10-20 while Ariza got 6-10. I should say coach Phil Jackson has to give more playing time for this unsung hero of LA Lakers.

A Camera phones only started a few years ago and took off like rockets. The evolution has caused some industry observers to speculate that it may only be a matter of time before camera phones start eating into the market for digital still cameras and perhaps eventually devouring most of it. Digicam is a camera that takes video or still photographs, or both, digitally by recording images via an electronic image sensor. A camera phone is a mobile phone which is able to capture either still photographs or motion video but because you carry your mobile phone with you everywhere, having a built-in camera will allow you to capture both the planned and unplanned events taking place around you. A big advantage camera phones have over digital cameras is that you can instantly e-mail photos to anyone no matter where you are. Everyone seems to agree that camera phones will never take over the high end of the stand-alone digital camera market. Quality cameras are too big to fit onto a phone. If you have a bigger lens, that’s automatically going to make the thing huge. Camera phones versus digital still cameras two entirely different markets, and it’s not alone in that assessment. “There are things about a stand alone camera that cannot be duplicated at the camera form factor, such as powerful flashes, big lenses, auto focus. These things you cannot put into a phone and still call it a phone.”