Анимированное меню анимация смены фона
Люблю я в свободное время побегать по интернет страничкам. Что-то посмотреть, присмотреть, прочитать, услышать, обсудить и просто получить много удовольствия.

В одну из таких свободных минуток, наткнулся на подборку красивых меню. Среди них довольно часто встречались с анимированным фоном. Смотрится неплохо. Я решил придумать свой способ реализации, о нем вы сейчас и узнаете.

Css свойство position: куда полетим?
Доброго времени суток. По просьбе читателей, сегодня я расскажу о css свойстве position. Многие верстальщики пользуются этим свойством как position: absolute или position: relative, но большинство начинающих даже не догадываются о том, что у этого свойства есть еще три значения.

Фиксированный логотип относительно кона браузераУрок не из практики, но думаю довольно таки полезен будет как новичкам, так и людям с опытом. Речь идет о фиксированном логотипе, который является ссылкой. У опытных верстальщиков тоже бывают такие казусы: вроде бы знают, но сделать не могут. Еще одна особенность этого логотипа, что в шапке он будет свой, а уже на самой странице свой. Другими словами он будет меняться.

27 января 2010 в 9:33Евгений Жлобо3 комментария Веб-Разработка, , , ,

css свойство z-index
Css свойство z-index не похоже на какие-либо другие css свойства. Многие разработчики, сталкиваясь с ним, приходили в замешательство из-за не правильного использования. Однако, когда вы поближе познакомитесь с z-index, вы поймете, что это свойство очень простое и предлагает эффективный метод решения многих задач верстки.

Нестандартное обтекание блоковДоброго времени суток. Это первый пост в Новом году =).

Предложили работу. Верстка сайта, на вид довольно таки простая. Но взглянув в ТЗ (техническое задание) понимаешь, что сайт продуман до мелочей. И сейчас я напишу подробнее об одном из пунктов.

Путешествие объектов в пространствеКогда верстаешь меню, эта техника используется каждым. Компановка блоков с перемещением, прыгающие квадратики, кружочки и т. п., все требует хорошо отточеной техники. Техники перемещения объектов на странице.

11 октября 2009 в 19:07Евгений Жлобо5 комментариев Веб-Разработка, , ,

Плавное увеличение картинки при наведении курсора

Раньше я писал об увеличение картинки при наведении при помощи css. Но она была не доработана.

Совсем недавно, мне требовалось сделать что-то похожее, только на jQuery. И я доделал тот пример и добавил эффекты при помощи jQuery. Вообщем у меня получилось два варианта:

  1. С использованием CSS, без jQuery.
  2. С использованием CSS и jQuery.

Сейчас я покажу вам два варианта.

16 сентября 2009 в 8:46Евгений Жлобо74 комментария Веб-Разработка, , ,