Статьи
Постраничный вывод (PHP и MySQL)
Довольно часто на сайте возникает необходимость в отображении большого объема однотипной информации, при этом, для удобства восприятия, её следует разбивать на части, т.е. реализовать постраничный просмотр этой информации. Данное решение используется поисковыми системами при отображении результатов поиска, форумами, досками объявлений и т.д. Данная статья описывает то, как используя MySQL и PHP реализовать постраничный вывод.
CSS прозрачность (css opacity, javascript opacity)
Эффект прозрачности - это тема данной статьи. Если вам интересно узнать, как сделать элементы html-страницы прозрачными, используя CSS или Javascript, и как добиться кросс-браузерности (одинаковой работы в разных браузерах) с учетом браузеров Firefox, Internet Explorer, Opera, Safari, Konqueror, тогда милости просим. Вдобавок рассмотрим готовое решение постепенного изменения прозрачности с помощью javascript.
Javascript fading - плавное изменение цветов
Как вы уже, наверное, догадались, в статье пойдет речь не о тюльпанах и розах, не о том как из ромашки вывести яблоню (так что юным Мичуринцам не сюда :-), а речь пойдет об изменении цвета элементов веб-страницы, о плавном перетекании одного цвета в другой, т.е. поговорим об fade-эффектах.
Подсвечивание строк таблицы
Не редкой является ситуация, когда при просмотре данных в таблице можно перескочить взглядом с одной строки на другую, при этом заметить, что смотришь не туда куда нужно, не всегда удается. Однако этой путаницы можно легко избежать, подсвечивая нужную строку в таблице (а в этом нам поможет Javascript). Подсвеченная строка выделяется из серой массы строк таблицы и не позволяет сбиться, к тому же, это ещё и красиво смотрится.
Javascript SELECT - динамические списки
"Как реализовать следующее: есть два HTML списка select, нужно динамически с помощью Javascript заполнить второй список по значению, выбранному в первом? И если я таких селектов связанных захочу много, а не два?" - эти вопросы были вчера заданы мне по аське и подвигли меня к написанию этой статьи...
Ссылки на символы в HTML4
В мире существует большое количество языков и просто огромное количество символов. HTML4 позволяет нам использовать большую часть из них, причем использовать на одной странице китайские иероглифы, кириллицу и иврит. Однако не всегда возможно указать явно какие-то символы в документе, и связано это с кодировкой документа, ограничивающей наши возможности, но ссылки-мнемоники на символы, позволяют обойти ограничения кодировок.
Прячем email-адреса от спам-роботов
Крошка сын к отцу пришел, и спросила кроха: "Спаммер - это хорошо, или спаммер - плохо?". Думаю, что даже маленькие дети в "продвинутых" семьях слышали о спаме, который является результатом непосильного труда тружеников невидимого фронта. Сегодня я вам расскажу, как можно прятать email-адреса на страницах сайта от spam-роботов, безустанно шныряющих по сети в поисках новых электронных адресов.
PNG-прозрачность в IE 5.5-6
Сегодня мы поговорим о прозрачности в формате PNG. PNG реализует прозрачность через альфа-канал, что позволяет задавать различные степени прозрачности пикселей изображения. Многие браузеры умеют работать с данным форматом и поддерживают его прозрачность: IE 5.5-6, Mozilla 0.9+ (Firefox, Netscape 6+ ...), Opera 6+, Konqueror 3+, Safari 1.0+ ... Однако скажем спасибо IE, который не желает быть как все и не даёт нашему брату расслабиться ...
CSS scrollbar - разукрашиваем scrollbar средствами CSS
В некоторых случаях можно пожертвовать привычным видом элементов управления и немного оживить интерфейс своими собственными стилями. Сегодня мы поговорим о полосах прокрутки (scrollbar), а точнее о том, как изменить их вид с помощью CSS.
CSS cursor - курсоры разные нужны...
CSS cursor позволяет нам устанавливать собственный вид курсора элементам страницы, причем, можно использовать как стандартные виды курсоров, так и курсоры, определенные пользователем (файлы CUR или SVG курсоры).
META keywords description - пережитки прошлого? Или не совсем?
Еще не так давно теги meta keywords и meta description были важной частью html-страницы, частью, которая была призвана сделать сайт более привлекательным для поисковых машин. Но сегодня ситуация изменилась и поисковики изменили свое отношение к данным метатегам, НО ...
Определяем тип и версию браузера с помощью HTML комментариев
Довольно часто возникают ситуации, когда разные браузеры по разному отображают один и тот-же документ. Причиной тому могут служить как различные ошибки браузеров, так и подходы в стиле "а мы пойти своим путем", когда производители обозревателей не желают следовать стандартам. Но как это не парадоксально, некоторые нестандартные "фичи" помогают обходить различия браузеров. И сегодня мы поговорим о комментариях в браузере Internet Explorer...
HTML BASE укажет путь!
Нередко пользователи при сохранении веб-страницы у себя на ПК сталкиваются с проблемой нерабочих ссылок, когда браузер не может найти правильный путь к картинкам, листам стилей, javascript-ам и т.д. Эта же проблема может возникнуть и у разработчиков при переносе страницы на сервере в другое место.
Аббревиатуры и акронимы в HTML
Давайте обратим свои взоры к теме сокращений на веб-страницах, а точнее понятности этих сокращений читателям. В данной статье рассматриваются теги abbr и acronym и нюансы, связанные с ними.
URL в ссылках и амперсанд (&) - Is Valid HTML?
Вчера написал небольшую статью о параметрах в протоколе "mailto", который мы указываем для создания ссылки на email- адрес, и как всегда проверил страницу на соответствие стандартам с помощью валидатора W3C, но что это ...
MAILTO: взгляд вглубь и вширь...
Широко известно как разместить на странице ссылку на адрес электронной почты. Для этого указываем в атрибуте HREF ссылки (тег A) в качестве протокола "mailto" и через двоеточие адрес, например: <a href="mailto:foo@site.com"> Пишите письма </a>. Но ведь можно не ограничиваться указанием только "голого" адреса...
Кроссбраузерные закладки
В этой статье я расскажу, как добавить ссылку/закладку на свой сайт в браузер пользователя (IE, Gecko/ Mozilla/ Firefox/Netscape 6+, Opera 6+).
Скажи Javascript, нажат ли Caps Lock?
"Ошибка! Неверное имя пользователя или пароль" - всем до боли знакомое сообщение, не правда ли? Причин ему может быть несколько и одной из них является незамеченный включенный Caps Lock. Так почему бы не помочь пользователю заметить, что Caps Lock включен? Благо легко определить состояние клавиши Caps Lock с помощью Javascript ...
CSS rollover
Rollover-эффекты обычно предполагают использование 2, 3 и более изображений (и зачастую эти изображения загружаются заранее для достижения лучших результатов). Для каждого из состояний Rollover-эффекта (normal, hover, active, visited, ...) имеется по одному отдельному изображению. Суть же метода, описываемого в данной статье, в размещениеи всех изображений для всех состояний в одной картинке, что делает динамическую смену изображения быстрее и не требует предварительной загрузки.
Плавное открытие/закрытие окна (CSS свойство clip)
Довольно часто на web-страницах возникает потребность в диалоговых окнах. В начале мы используем "родные" javascript-овые Alert, Confirm, Prompt, но желание большего контроля над окном, рождает, со временем, окна на основе слоев. Своё окошко можно "вылизать" по своему усмотрению и показать пользователю во всей красе и не просто показать, а показать красиво - плавно развернуть окно, а затем свернуть.