HTML5: новые элементы форм

HTML5: новые элементы форм

HTML-формы были и остаются важнейшим элементом во взаимодействии с посетителями сайта: формы регистрации, обратной связи, оформления заказа и т.д. HTML5 предлагает несколько новых элементов для создания форм, которые призваны облегчить жизнь как разработчикам, так и посетителям.

Читать

Делаем альтернативную ленту. Часть 2

Создание альтернативной ленты

В предыдущей статье был описан способ создания отдельной страницы для вывода ленты записей в блоге. Сейчас мы будет стилизовать эту страницу и прикрутим к ней jQuery-плагин для придания динамичности во время прокрутки ленты.

Читать

Делаем альтернативную ленту. Часть 1

Создание альтернативной ленты

Надоела обычная лента постов в блоге? Есть куча способов сделать ее красивей и динамичней. В этой статье я покажу, как можно прикрутить анимацию к ленте блога на WordPress. Данный метод будет использоваться на этом сайте для вывода альтернативной ленты. Для этого нам понадобиться jQuery, CSS и немного фантазии.

Читать

Стилизация отдельных видов ссылок

Стилизация отдельных видов ссылок

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

Читать

Создаем нестандартные раскрывающиеся списки

Создаем нестандартные раскрывающиеся списки

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

Читать

Когда абсолютное позиционирование становится относительным

Когда абсолютное позиционирование становится относительным

Абсолютное позиционирование подразумевает под собой расположение элемента в конкретном месте относительно окна браузера. Т.е., если задать координаты
left: 10px и top: 10px, то элемент будет находиться в 10px левее и в 10px от вершины окна браузера. Но не всегда этот тип позиционирования ведет себя таким образом.

Читать

Позиционирование в CSS

Позиционирование в CSS

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

Читать

Подключаем нестандартные шрифты

Подключаем нестандартные шрифты

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

Читать