Lecaw

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

CSS

Большинство статей в этой категории основаны на CSS3. CSS3 - следующий шаг в развитии каскадных таблиц стилей. Он много нам обещает и, судя по всему, действительно будет прорывом для веб-дизайна. Если, конечно, опять не подкачают разработчики браузеров.

Одна из менее обсуждаемых функций современных браузеров это -  увеличение поддержки формата файла SVG. Если незнакомы с SVG, он расшифровывается как Scalable Vector Graphics (масштабируемая векторная графика). В отличие от форматов растровых изображений таких как как PNG, JPG или GIF, векторная графика, в файлах SVG, полностью масштабируется к любому размеру экрана и в любом разрешении без потери качества. Во многих случаях SVG файлы также будут иметь меньший размер, это сопутствует более быстрой загрузке.

Сегодня, я покажу Вам как создать красивый дизайн формы входа на сайт при помощи CSS3, которая может быть интегрирована в Ваш сайт, блог, приложение, и т.д. я использовал этот метод создания формы входа на сайт, чтобы реализовать его в WordPress для моих клиентов.

На сей раз мы вдохновлены скользящим эффектом меню, также известным как эффект Lavalamp (напр. здесь). Мы воссоздадим его на чистом css – используя css3 transitions и общий элемент combinator. Ниже мы создадим три простых примера (убедитесь, что уже посмотрели демонстрационный пример).

Привет ребята! В этом уроке я расскажу Вам, как создать выпадающее Мега Меню на CSS3. Мега Меню обычно используются на корпоративных сайтах/сайтах электронной коммерции, они становятся все более популярными, потому что они - отличный способ показать/организовать содержание. Дизайн этого мега меню может быть найден в The Bricks UI. Давайте начнем с HTML разметки.

В прошлом уроке мы сделали современный раздел HEADER на CSS3. Эта статья была очень популярна (мы получили много отзывов). Поэтому, сегодня я решил продолжить начатый проект. Сегодня мы рассмотрим основные элементы страницы, такие как блоки и формы. Я думаю, что если мы сделаем все блоки в таком стиле – это будет скучно, поэтому, я подготовил четыре типа блоков с пользовательскими заголовками и нижними колонтитулами.

Хотели бы вы когда-нибудь поменять шапку вашего сайта? Header это - самый важный раздел любого веб-сайта. Прежде всего, посетители обращают внимание на эту часть. И чем более чистый и красивый заголовок, тем лучше мнение о Вашем сайте складывается у посетителей. В нашей сегодняшней статье я покажу, как создать высококачественную и современную шапку сайта. Этот заголовок будет содержать логотип, несколько ссылок в правом верхнем углу, выпадающее навигационное меню и форму поиска.

Страница 8 из 18