Веб Моя вёрстка css/html

Здравствуйте,я хочу предложить вам мою вёрстку на html,css и немного JQuery(а именно плавно меняюшие цвет кнопки).
Вот сделал несколько скринов что-бы было понятнее:
Просто страничка:
Посмотреть вложение 11672
Навигация при наведении.При наведении на кнопочки они плавно меняют цвет, и одновременно съезжают чуть вверх и вправо:
Посмотреть вложение 11673
Кнопочка"Читать полностью":
Посмотреть вложение 11674
Кнопочка"Читать полностью" при наведении,плавно меняет цвет и тень:
Посмотреть вложение 11675
Так-же хотелось бы сказать что, в css я всё предельно ясно прокомментировал,так-что мне кажется разберётся даже ребёнок)
Если что-то не нравится или вы хотели бы что-нибудь добавить,пишите в комментариях.
Вот ссылка на скачивание:http://rghost.ru/47770298
Пароль: rubukkit
Пользуйтесь

 

Без обид, но выделение кнопок ужасное. Сделай другой цвет.

 

Какие предложения есть?

 

Наложить на них красивый грандиент.

 

Окей,щас поколдую)

 

@akafisher,Какой жопой ты это называешь jq?
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
box-shadow: rgba(0,0,0,0.3)0px 0px 6px;
Одни транситиосы css не более, описание это уже ребятчество.
border-top-left-radius: 81px;
border-bottom-right-radius: 77px;
border-bottom-left-radius: 7px;
border-top-right-radius: 7px;
Это что?
Не проще border-radius: 81px 77px 7px 7px;
Человек а ты знал что на тег <a href="" class="news_button"> можно наложить класс</a>

 

[/DOUBLEPOST]border-top-left-radius: 81px;
border-bottom-right-radius: 77px;
border-bottom-left-radius: 7px;
border-top-right-radius: 7px;
Это что?
Не проще border-radius: 81px 77px 7px 7px;[/quote]
Согласен тупанул...ща поправлю

 

Нах*************. Лепить это? если есть транситы.
http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".Box").hover(function() {
$(this).stop().animate({ backgroundColor: "#00ffff"}, 250);//#00ffff-Цвет при наведении,250- скорость анимации(измеряется в милисикундах).
},function() {
$(this).stop().animate({ backgroundColor: "#f7f7f7" }, 250);
});
});

 

Вот jq:

Код:

    $(document).ready(function(){
    $(".Box").hover(function() {
    $(this).stop().animate({ backgroundColor: "#00ffff"}, 250);//#00ffff-Цвет при наведении,250- скорость анимации(измеряется в милисикундах).
    },function() {
    $(this).stop().animate({ backgroundColor: "#f7f7f7" }, 250);
    });
    });

 

@akafisher,Ты это мог и на транситах сделать.
Запомни, некогда не делай на ul li это можно заменить одним классом и css display:inline-block;

 

А почему-бы и ни так сделать?
Можно себя одекватно вести?
Не материться...?

Ок,привычка просто

 

@akafisher,это уже профессиональная привычка.
Яот кол кода в твоем файле.
Да я веду себя адекватно.Где обучался?
Просто надо научиться делать "Правило хорошего кода - сокращать все что можно до максимума".
Тем самым не отсылать браузеру юзера кучу кода а всего пару классов.

 

Вечером всё переделаю и скину)
Сравните что лучше это или прошлое?

 

Я так понимаю, новенький в Веб? Слушай, может для тебя твоя разработка это рай, но для меня это просто ужас, через пол года ты скажешь тоже самое. А так удачи в изучении и практики.

 

Благодарю

 

Я занимаюсь вебдевом уже примерно 4 года. И знаешь почему она для меня по-прежнему рай? Потому что я не стою на месте, постоянно используя все те же и те же решения, а ищу новые пути в развитии, чего и тебе, и всем остальным советую.