Matt Varone - Creative Developer

— This web tool will help you generate the code you need to build a navigation bar with the technique described in this article: CSS Text based navigation bar with images.

The result is a valid and accessible text based imaged navigation bar with one sprite image, XHTML and CSS. I have included a short video as well to showcase the process.

Please let me know if you have any comment. You can download the generated code in a zip file.

Hope you find it useful. Enjoy!

— Ternary Conditionals are one of those things in php that can save some time when writing code and possibly make your code easier to read. I think many people don’t use them because they look a little strange ( at least thats what happened to me ).

if ($iExample == 1)
{
    $bVariable = true;
}
else
{
    $bVariable = false;
}

In the example above, if the statement is true then, it will set $bVariable to true or else it will set it to false. This is a regular conditional statement where if a condition is true something happens or else (if the condition is false) other thing happen. Conditional statements like that could be easily handled with a ternary conditional:

$bVariable = ($iExample == 1) ? true : false;

As you can see the syntax of the Ternary Conditional is pretty simple and looks good as its fits all in one line.

Variable = (condition) ?  its true : its false;

I hope you find this post useful, Cheers!

— Now that I released the calendar icons set I thought of sharing the CSS technique I use to display dates within the calendars. This practice is seen mostly across blogs and news articles sites. We have specific images for each month so the technique is pretty simple, let’s start with the base XHTML:

PREPARING THE XHTML

I’m gonna simulate we are doing this for a blog:

<div class="post">

     <div class="date month-09">10th</div>
     <h2>This is my Post Title</h2>        

     <div class="entry">
             <p>&amp;amp;mdash;  Lorem ipsum dolor sit amet, consectetur...</p>
     </div>

</div>

› Continue reading