Menu
Создание меню :: Вертикальное :: Многоуровневое + JS

Когда я задумавал эту серию статей, я предполагал, что сначала у меню будет блок про горизонтальное меню, а потом еще целый блок про вертикальное меню. Когда я добрался до второй части, оказалось, что рассказывать мне в принципе нечего. И сейчас вы поймете почему…

Создание меню :: Горизонтальное :: CSS + JS

Эволюция всегда идет по нарастающей. Вот и мы с каждой новой статьей продвигаемся в своих познаниях. С каждой новой строчкой меню становится все сложнее, но в то же время и красивее. В этот раз мы расширим границы возможностей и добавим JavaScript к нашему меню. Для чего нам вообще нужен JS. Обычно его добавляют для какой-нибудь анимации меню. Да, мы уже делали анимацию в теме Создание меню :: Горизонтальное :: Двухуровневое #example_4. Но вы могли заметить, что анимация работает только на появление меню. Кроме того далеко не все эффекты можно сделать лишь с CSS. Хоть нативные сайты с CSS-анимацией быстрее, чем с  JS, но мы никогда не получим той гибкости и удобства без JS.

И так, поехали

Создание меню :: Горизонтальное :: Одноуровневое

Надоело… Вот именно… надоело… мне каждый раз разбираться как работает меню для сайта, чуть-чуть переделывать и забывать. А в следующий раз все по новому. Надоело… Вот и решился я потратить время на разбор строяния простых менющек. Это тема будет интересна новичкам или людям, которые обычно заняты более важными вещами, чем создания какого-то там меню. Я не буду рассматривать мега крутые менишки на CSS3. Я дам основу, на которой любой сможет построить сносное меню за 5 мин. Поехали…

Создание меню :: Горизонтальное :: Mega Menu

Я думаю каждый из Вас видел сайты онлайн каталогов или магазинов. В самых крутых из них было такое меню, что вместо списка открывалась еще одна панель со своей собственной разметкой. Иногда даже с картинкой. Выглядит это красиво и сложно. Красоты я Вам не обещаю, но упростить понимание попробую

Создание меню :: Горизонтальное :: Многоуровневое меню

Вот мы и добрались до самого сложного. Меню в которых 3 и больше уровней. Я надеюсь, вы прочитали предыдущие статьи, тогда этот материал Вам покажется простым. И так, наша цель, чтобы 3 и следующие уровни располагались справа от пункта меню.

Создание меню :: Горизонтальное :: Двухуровневое

Доброго времени суток. Сегодня разберем создание “двухуровневого” меню. Нам пригодятся знания, полученные из первой части.

Первый уровень ничем не отличается от одноуровневого меню. На данный момент самым популярным методом является float:left. Вскоре, я думаю, все перейдут на flexbox, а пока этого не произошло будем использовать float.

Медиа запросы

Автор: PIT

PIT считаю одним из самых толковых верстальщиков в рунете. Поэтому сделаю пару конспектов его скринкастов. А первый из них будет по поводу медиа запросов