Статьи
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, но желание большего контроля над окном, рождает, со временем, окна на основе слоев. Своё окошко можно "вылизать" по своему усмотрению и показать пользователю во всей красе и не просто показать, а показать красиво - плавно развернуть окно, а затем свернуть.