Lecaw

Учимся создавать Web-сайты

Красивый незабываемый footer - одна из самых важных частей любого веб-сайта. Часто в него добавляют основную навигацию веб-сайта. Сегодня я хочу показать Вам, как создать адаптивный, элегантный футер, который состоит из двух секций, первая секция будет состоять из трех столбцов с заголовками и некоторым текстом, вторая будет содержать меню со ссылками и социальными иконками.

(122)
(0)

В последнее время нас часто стали спрашивать про различные формы поиска и сегодня я хочу поделиться с вами одним из способов создания формы поиска с нуля, для начала взгляните на демонстрационную страницу, чтобы понять, с чем мы сегодня будем работать. Цель состоит в том, чтобы получить максимальную совместимость с мобильными устройствами и старыми браузерами (до IE8). На первый взгляд, кажется, что данная форма поиска очень проста в реализации, но мы должны применить некоторые хитрости для того, чтобы заставить ее работать должным образом.

(478)
(2)

Я помню свой первый заплыв в адаптивный веб-дизайн, я использовал классическую сетку, боролся с гибкой планировкой и занимался медиа запросами впервые. Растяжение и уменьшение окна браузера привело к удовлетворяющему виду моего дизайна отвечающего за его среду. Тогда я испытал его на мобильном телефоне. Это не сработало - я смотрел на просевшую вниз версию полноэкранного дизайна. Решение, как оказалось, было простым..

(1001)
(0)

Сегодня я расскажу Вам, как создать адаптивное навигационное меню, используя только CSS3. Как вы знаете, многие люди используют Интернет с мобильных устройств (таких как iPad, iPhone или Android). И важно чтобы эти пользователи, могли с комфортом посещать Ваш сайт. Вы можете найти, некоторые способы реализации адаптивного меню, но большинство из них используют jQuery или JavaScript. Но сегодня я покажу Вам, как создать адаптивное меню без использования JavaScript.

(811)
(2)
Страница 1 из 2