CSS препроцессоры, фреймворки

Меню с price.ua

Дергнул меню с какого-то сайта.
Смотреть

<div style="width:200px; height:200px; border:1px solid #ccc; display:block" class="ribbon">
asdf
<p><span>Новое</span></p>
</div>

<style>
.ribbon {
    color: #fff;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    font-weight: 900;
    font-family: Arial, sans-serif;}

.ribbon p span {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: inline-block;
    right: -26px;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    top: 21px;
    background: red;
    width: 100px;
    padding: 3px 10px;}	
</style>

Делал (хехе рипал) для себя на коленке за быстро, поэтому по надобности дорабатывайте сами =) Слайдер берет из определенной категории картинку, название, короткую и обрезает ее. Выводит слева 4 миниатюрки и по центре 1 с подписями и ссылками. Меняются через определенный интервал автоматически.
Скачать

<nav>
  <ul class="nav">
    <li><a href="#" class="icon-home"></a></li>
    <li><a href="#" class="icon-cog"></a></li>
    <li><a href="#" class="icon-cw"></a></li>
    <li><a href="#" class="icon-location"></a></li>
  </ul>
</nav>

Css и ссылка для скачки в подробнее. Подробнее

http://jsfiddle.net/CyberAP/zvgPq/

Ранее я уже вылаживал упоминание что существует twitter Bootstrap, теперь встречайте jQuery Bootstrap, тоже классная штука
http://addyosmani.github.com/jquery-ui-bootstrap/

http://jsfiddle.net/vend3tta/9zwD4/