Евгений Левченко

В jQuery правильнее так:

$(document).ready(function(){
 $("li").mouseenter(function(){
      $( i,this).css({"background-image": "url(assets/blue-icon.png)"});
    }).mouseleave(function(){
      $( i,this).css({"background-image": "url(assets/white-icon.png)"});
    });
});

Hover — трясёт при наведении на краях

Меняются только тренды, основы остаются всегда.
Первым делом почитай книги Алана Купера «Психбольница в руках пациентов» и «Об интерфейсе. Основы проектирования взаимодействия»
Затем уже нужно следить за новинками в вебе, для этого на хабре есть хороший еженедельный дайджест о новинках в мире IT habrahabr.ru/company/zfort/blog/167143/
Так же создай себе список интересных сайтов по дизайну и периодически просматривай, если нужно скину свой список накопившихся за последнее время сайтов по данной тематике.
А дальше уже всё зависит от умения и таланта.