Форумы – это, наверное, самое неоднозначное явление в Сети. С одной стороны, можно без усилий получить ответ на свой вопрос, с другой – “не все ответы одинаково полезны” 🙂 , приходится уходить с форума и читать учебник 😕 .
В этот список я включил форумы, на которых периодически бываю на протяжении нескольких лет или находил действительно полезные советы.
Читать дальше
Всплывающие подсказки используются на многих сайтах. И, вполне возможно, что вы захотите добавить их к своим страницам.
Сегодня я расскажу о JavaScript библиотеке, которая позволяет легко решить эту задачу. Называется она Prototip и состоит всего из одного файла prototip.js. Только учтите, что Prototip, по сути, является надстройкой над другой библиотекой – prototype (о которой я уже неоднократно рассказывал), поэтому без нее он работать не будет.
Прежде всего, разберемся, что представляет собой всплывающая подсказка.
Обычно это блок с текстом или картинкой, который появляется, когда вы наводите курсор на определенный элемент страницы.
Чтобы этот блок двигался вместе с курсором, для него в таблице стилей устанавливают абсолютное позиционирование, и с помощью javascript меняют координаты при перемещении мышки.
Естественно, такой блок может содержать практически любую html разметку с текстом, картинками, баннерами, flash роликами и т.п.
Переходим к созданию подсказок
Качаем библиотеку с официального сайта. В архиве вы найдете две папки:
js/ — в ней находятся два файла prototip.js и prototype.js, т.е. все необходимое для работы;
css/ — здесь размещены: файл с таблицей стилей и несколько картинок, которые используются для создания стандартных подсказок.
После этого подключаем файлы библиотек к странице:
<script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/prototip.js"></script>
Если вы хотите использовать обычные подсказки, то подключите файл с таблицей стилей из папки css. Но, в большинстве случаев, лучше использовать свои собственные стили (так больше шансов, что подсказка впишется в дизайн сайта 🙂 ).
Теперь делаем простенькую страничку:
<p> При наведении курсора мыши на <em><span id="needtip">этот текст</span></em> будет появляться обычная текстовая подсказка. </p> <p> А при наведении на <em><span id="cloudtip">этот текст</span></em> появится графическая подсказка. </p>
Как видите, она состоит из двух абзацев, в каждом из которых есть фраза, выделенная тегами <span id="…"></span>. Вместо тега <span> можно использовать любой другой, главное указать id элемента.
Для фразы в первом абзаце (id="needtip") сделаем простую текстовую подсказку. Для этого создаем файл simpletip.js, подключаем его к странице:
<script type="text/javascript" src="simpletip.js"></script>
И добавляем в него обработчик события window.onload (таким образом, наш код будет автоматически выполняться при загрузке страницы).
Читать дальше
Библиотека Scriptaculous содержит массу красивых и полезных эффектов, которые удобно использовать в web приложениях. О некоторых из них я уже писал в предыдущих статьях (например, Подсветка элементов web страницы и Использование Scriptaculous для изменения прозрачности элементов web страницы). Любой из этих эффектов представляет ценность сам по себе, но только использование их комбинаций позволяет раскрыть возможности библиотеки в полной мере.
В этой статье я расскажу, как создавать группы из нескольких эффектов и управлять их выполнением.
Прежде всего, немного теории. Scriptaculous позволяет применить несколько эффектов к одному и тому же блоку web страницы двумя способами:
1) последовательно (эффекты будут применяться по очереди);
2) параллельно (т.е. все выбранные эффекты будут работать одновременно).
Рассмотрим небольшой пример. Допустим, у нас есть web страница с текстовым блоком, к которому мы хотим применить два эффекта:
1) подсветки (Highlight);
2) и перемещения (MoveBy).
Разметка страницы предельно простая:
<body> <div id="textBlock">…</div> <p><input type="button" id="runParallel" value="запустить параллельно" onclick="runParallel()" /></p> <p><input type="button" id="runSerial" value="запустить последовательно" onclick="runSerial()" /></p> </body>
Как видите, страницы содержит один блок (textBlock) и две кнопки, нажатия на которые вызывают javascript функции runParallel() и runSerial(). Эти функции будут запускать наши эффекты параллельно и последовательно.
Теперь представим, что мы написали такой код:
new Effect.Highlight('textBlock', {startcolor:"#DFDC00", endcolor:"#FFFFFF", duration: 2});
new Effect.MoveBy('textBlock', 0, 100, {duration: 2});
Как вы думаете, в каком порядке они будут выполнены?
Правильный ответ: “В большинстве случаев параллельно”. Почему в “большинстве случаев”? Потому что, если мы не задали последовательность выполнения явно, то она может зависеть от браузера.
Отсюда простой вывод: “Если используете несколько эффектов, всегда указывайте, в каком порядке их выполнять”.
Читать дальше
Недавно я проводил собственное мини исследование RSS лент различных сайтов и блогов. И выяснилась интересная закономерность. Практически все крупные порталы включают в ленту только анонсы статей. В отличие от них, многие небольшие сайты и блоги отправляют читателям полный текст вместе с рисунками, флеш роликами и т.п.
Однозначно определить какой из этих подходов лучше практически невозможно.
С одной стороны, многие люди читают блоги только с помощью RSS ридеров. Для них интереснее получать полный текст, потому что это позволяет не «прыгать» на сайт.
С другой стороны, за счет этих «прыжков» растет посещаемость сайта. И, кроме того, страницы в RSS ридере практически всегда выглядят хуже, чем «в оригинале», особенно если содержат сложное форматирование. Например, у меня установлен плагин для подсветки кода. Естественно, эта подсветка не работает в RSS ленте (во всяком случае не во всех RSS ридерах).
Так что, для себя я сделал простой вывод. Не большой пост лучше отправить в RSS ленту целиком. Если он кого-то заинтересует, то человек все равно зайдет на сайт что бы сохранить его или оставить комментарий. Но, если пост больше напоминает многостраничную статью с кучей рисунков, таблиц, блоков кода, то, наверно, правильнее будет сделать небольшую аннотацию и отправить в ленту только ее.
Кстати, оказалось, что лента этого блога далеко не лучшая. Учитывая, что я почти не уделял ей внимания, в этом нет ничего удивительного. Естественно, я постараюсь исправить ситуацию, честное слово 😎 .
Я хочу подчеркнуть, что все сказанное, это моя личная точка зрения. Замечания, советы (желательно полезные и аргументированные 🙂 ) и вопросы оставляйте в комментариях.
Постовой
Вспомним детство. Смотрим мультфильмы online.
Сложно представить современный интернет без форм для ввода данных. Они повсюду. Практически все web сервисы требуют авторизации или, как минимум, ввода имени и адреса email. Для ускорения работы с формами существуют специальные программы, многие браузеры имеют функцию автозаполнения…. Но сегодня речь не о них.
Мы посмотрим, как сделать обычную html форму удобнее для посетителей. И, кроме того, сделаем ее доступной для программ чтения с экрана, текстовых браузеров и тому подобного софта.
Читать дальше
Рано или поздно у каждого web мастера возникает необходимость регулярно выполнять какие-нибудь операции на сервере хостера (создавать резервные копии базы данных, удалять временные файлы и т.п.). Заниматься этими вещами быстро надоедает и появляется желание автоматизировать процесс.
Читать дальше
Существует множество способов привлечь внимание посетителей к элементам web страницы. К ним относятся: выделение с помощью цвета, размера и начертания шрифтов, добавление рамок и фоновых изображений, взаимное расположение элементов и множество других способов.
Но иногда возникают ситуации, в которых необходимо привлечь внимание пользователя к элементу только на небольшой промежуток времени. Например, при возникновении какого-нибудь события. Сегодня я покажу один из возможных вариантов решения этой задачи.
Идея очень простая.
Читать дальше
В прошлый раз я рассказывал о том, как создать zip архив с помощью PHP. Мы написали небольшой PHP скрипт, который создает zip архив файлами из заданной папки.
Сегодня я покажу, как выполнить обратную операцию, т.е. извлечь файлы из архива.
Читать дальше
Думаю, никому не нужно объяснять, насколько широко сегодня используются zip архивы. Поддержка этого формата реализована во всех современных операционных системах, а библиотеки для работы с ним, написаны для большинства языков программирования.
В этой статье я покажу, как написать небольшой PHP скрипт, создающий zip архив.
Читать дальше
Теперь вы можете получать ленту новостей блога на ваш eMail. Для этого достаточно нажать на ссылку «Новости по Email» в меню «Подписаться» и в появившейся форме ввести свой адрес eMail. После этого на указанный адрес придет письмо с просьбой подтвердить заявку. Для подтверждения просто щелкните по ссылке в письме. Получать письма вы будете только при появлении новых постов в блоге. И, безусловно, ни в какие спамерские списки ваш адрес не попадет.
Читать дальше
