CSS

Прижимаем футер к низу страницы

Четверг, 24 апреля 2014 г.
Рубрика: Web-мастеринг
Метки:
Просмотров: 6651
Подписаться на комментарии по RSS

Прижимаем футер к низу страницы

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Прижимаем футер к низу страницы</title>
</head>
<body>
<div class="page">
  <div class="wrapper">Контент страницы</div>
</div>
<div class="footer">Нижняя часть</div>
</body>
</html>

читать полностью →

Инструменты организации и приведения в порядок кода CSS

Вторник, 7 января 2014 г.
Рубрика: Web-мастеринг
Метки:
Просмотров: 7466
Подписаться на комментарии по RSS

код CSS

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

Потому, хотелось бы немного упростить себе жизнь при разработке новых проектов или переделке уже готовых CSS, автоматизировать часть работы, тем самым высвободив немного времени на другие ништяки. Правда следует учесть, что никакие автоматизированные инструменты не имеют представления о вашем личном уникальном стиле, применяемом при написании CSS, потому идеального для всех кода не получится.

читать полностью →

Война браузеров в прошлом, но стало ли легче?

Четверг, 11 июля 2013 г.
Рубрика: Web-мастеринг
Метки: |
Просмотров: 4714
Подписаться на комментарии по RSS
Контроль над результатом, который есть у дизайнеров в полиграфии, и о котором они часто мечтают в вебе, — это просто результат фиксированного размера печатной страницы. Мы должны принять тот факт, что в вебе нет таких ограничений, и проектировать с учетом этой гибкости. Но для начала мы должны «принять изменчивую природу вещей».

Джон Олсопп, «Дао веб-дизайна»

адаптивный дизайн

Ежедневно мы выходим в Интернет, причем делаем это с разных устройств и доля мобильных устройств с каждым днем становится больше. Чем не повод задуматься об оптимизации сайта?

Под адаптивным дизайном или, правильнее, адаптивной версткой подразумевается что контент адаптируется под экран устройства, на котором просматривается сайт, т.е. структура должна автоматически изменяться с учетом разрешения дисплеев.

Совсем недавно стихла война браузеров и тут пришла новая беда для web-разработчиков — ОГРОМНОЕ количество различных устройств, способных осуществлять выход в интернет. Такими темпами скоро чайники с утюгами будут читать ленты новостей и отправлять твиты о результатах своей трудовой деятельности. Всё это смешно до той поры пока не появится желание создать новый сайт или переделать существующий под адаптивную вёрстку.

читать полностью →

Кнопка «Вверх» для сайта на jQuery от Яндекса

Четверг, 23 мая 2013 г.
Рубрика: Web-мастеринг
Метки: |
Просмотров: 9946
Подписаться на комментарии по RSS
наверх

Привет! Сегодня расскажу о том, как легко прикрутить к любому блогу или форуму кнопку "ВВЕРХ" как у меня на сайте. Удобства и интерактивности никогда не бывает много, тем более, когда это не занимает много времени. Этот простой и легкий скрипт на jQuery я подсмотрел на Yandex и сделал себе аналогичный.

Вообще, в настоящее время, разработка сайтов всё больше напоминает конструктор. В сети полно готовых скриптов и модулей, которые остается только грамотно скомпоновать на своем сайте. Но, для этого, всё-таки, необходимо иметь начальные знания и представления о CSS, PHP и JavaScript.

Понадобится всего пара минут времени для создания красивой и работающей кнопочки "Наверх"! (единственное условие - у вас должна быть подключена библиотека jQuery).

читать полностью →