Lecaw

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

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

(367)
(2)

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

(672)
(0)

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

(638)
(2)

Сегодня мы будем создавать красочное Retina-меню, с использованием цветовой гаммы от Maliwan производителя игры Borderlands. Меню автоматически меняется на одну из трех различных раскладок, в зависимости от размера окна браузера. Чтобы сделать retina-меню, мы будем использовать иконки на основе шрифтов.

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