Скрипт всплывающего сбоку окна с рекламой или сообщением

Всплывающие окна для сайта

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

Секреты дивовой верстки без хаков

Див верстка для сайта

Весткой сайтов я занимаюсь довольно давно (конечно это как посмотреть), старички-профессионалы скорей всего скажут что 5 лет — это не срок. Я их оспаривать совсем не хочу, да и толку, все то что они 5 лет назад верстали в таблицах еще до сих пор не переверстано. Таблицы — для табличных данных, дивы — для всех …

CSS Хаки (IE, Opera, Mozilla Firefox, Chrome, Safari)

хаки css

Я совсем не являюсь сторонником CSS хаков, даже вернее будет сказать являюсь противником их использования при верстке или внесении изменений в темы и шаблоны, поскольку в отличие от некоторых любителей CSS хаков, считаю что верстать надо правильно сразу с самого начала, без лишнего «выпендрежа» и простым семантически верным кодом, не забывая конечно и про правильный DOCTYPE, тогда необходимость в хаках …

Clear Float (ClearFix) способы очистки потока

Clear Float для верстки сайтов

При блочной («дивовой» или «дивной») верстке макета сайта никак не обойтись без плавающих элементов: HTML элементов со свойствами float:left и float:right которые обычно выпадают из основного потока и выходят за границы родительского элемента, и в результате этого родительский элемент схлопывается. Для того, чтобы предотвратить схлопывание необходима очистка потока. Для того чтобы очистить за плавающими элементами поток существует несколько способов. Некоторые из …

Media устройства — как изменить стиль в зависимости от разрешения экрана

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

В этой статье мы рассмотрим как используя параметры @media подключить стили CSS и изменить стиль отображения страницы для устройств различных типов с разным разрешением (шириной) экрана. Типы @media устройств Всего существует 10 типов media устройств: all: Универсальный тип используемый для всех устройств одновременно. aural: Применяется для звуковых и голосовых синтезаторов (синтезаторов речи). braille: Для устройств работающих с …