• Простейшая круговая карусель элементов jQuery

    Модуль Special Visually для Joomla 3

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

  • Мигающая кнопка на чистом CSS

    Мигающая кнопка на чистом CSS

    Как привлечь внимание посетителя к какому-либо элементу/блоку/ссылке/рекламе на своем сайте? Как обычно - заставить ее мигать или дергаться, в общем как-то анимировать. Но как быть, если не хочется перегружать свой сайт излишними скриптами и анимированными картинками (гифками)? Тогда на помощь приходит CSS.

  • Ускоренный скролл длинных колонок на jQuery

    Ускоренный скролл длинных колонок на jQuery

    Наверняка многие из Вас сталкивались с ситуацией, когда необходимо разместить контент в виде нескольких колонок с определенным содержимым в каждой из них, но при прокрутке вниз, в конец контента, края казались рваными из-за разной длины каждой колонки?

  • Выплывающие панели на CSS

    Выплывающие панели на CSS

    Довольно часто можно заметить на многих сайтах своеобразные кнопочки (панели), по нажатию или наведению на которые они плавно или с эффектом выплывают, отображая содержащийся в них контент. А любители jQuery даже злоупотребляют такими панелями.

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

  • Собираем якоря в плавающий список

    Собираем якоря в плавающий список

    Однажды каждый из нас пробовал делать якорные ссылки внутри статей на своих сайтах. И никто не будет отрицать, что это муторное занятие. Также, многие из нас видели принципы оформления больших статей, например F.A.Q, на каком-нибудь из сайтов в интернете, где список вопросов (ссылок на якоря) размещается вверху, а ответы на эти вопросы, где-то ниже, к которым можно легко переместиться посредством этих ссылок.

    Никто не спорит об удобности якорных ссылок, но... Как быть, если ссылок очень много? И как быть, если статья настолько большая, что просто невыносимо постоянно прокручивать страницу то вверх, то вниз? Ну и на последок - а что если вообще настолько лениво, что не хочется вообще делать никаких якорных ссылок?

  • Плавная прокрутка вверх, вниз и к прочтению на jQuery

    Плавная прокрутка вверх, вниз и к прочтению на jQuery

    В последнее время стали встречаться сайты, в которых присутствует прокрутка не только в начало или конец страницы, но и к точке, на которой пользователь остановил своё чтение/просмотр в момент нажатия кнопки «в начало»/«в конец». Т.е. пользователю не приходится искать в обилии текста, где он остановил своё чтение.

    Если у Вас на сайте достаточно большое количества контента, предлагаю попробовать реализовать метод, описанный в данной статье, для реализации навигации.

  • Плавный переход по якорям на jQuery

    Плавный переход по якорям на jQuery

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

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

  • Создание списков данных с помощью HTML DL, DT и DD

    Создание списков данных с помощью HTML DL, DT и DD

    В недалеком прошлом многие любили верстать свои сайты, используя таблицы и, когда дело доходило до исправления ошибок, это становилось большой проблемой. Однако, и сейчас, когда дело доходит до построения списка данных на веб-странице, например, списка данных профиля, многие вместо тегов dl, dt, dd продолжают использовать таблицы HTML.

    Фактически, используя теги HTML dl, dt, dd, Вы экономите на написании кода и добавляете своему контенту больше семантического значения. Тогда как таблицу лучше всего использовать для табличных данных, и не следует использовать для списка данных, в веб-форме или веб-разметке.

  • Простой способ создания табов (вкладок) на jQuery

    Простой способ создания табов (вкладок) на jQuery

    Случается так, что на странице бывает немалое количество контента, в результате чего страница выглядит очень нагроможденной. Есть множество способов оптимально настроить отображение контента и один из них, это использование табов (вкладок). Если Ваш сайт сделан с использованием какой-либо CMS, то несложно найти специализированные для этих целей плагины. Но многим не хотелось бы нагромождать свой сайт сторонними плагинами, поэтому предлагаю реализовать свой скрипт работы с табами, это позволит самому решать, в каком месте они будут задействованы, а также позволит следить за их правильным оформлением.

  • Таблица символов кодировки ASCII в URL код

    Таблица символов кодировки ASCII в URL код

    Кодирование в URL заменяет небезопасные символы ASCII на символ "%" и следующие две шестнадцатеричные цифры соответствующего значения в наборе символов ISO-8859-1. В ручную кодировать символы очень хлопотно, для ускорения процесса конвертации кодировки используйте "Кодировщик HTML в URL". Использование данного кодирования не влияет на реакцию антивирусов и допускается для расширенного применения.

  • Фиксированный плавающий блок

    Фиксированный плавающий блок

    Если перед Вами стоит задача разместить на сайте фиксированный блок, который будет всегда находиться на одном месте даже при прокрутке страницы, но CSS свойство position: fixed; не подходит, тогда эта статья для Вас. Из статьи Вы узнаете, как легко и просто разместить фиксированный блок, который будет находиться в верхнем углу страницы, а при прокрутке фиксироваться на указанной Вами высоте.

  • Лайтбокс эффект на jQuery

    Лайтбокс эффект на jQuery

    Библиотека jQuery обладает массой возможностей в области оформления и управления элементами. Давайте на простом примере разберем, как реализовать плавно появляющийся блок в Lightbox с помощью jQuery.

  • Спецсимволы HTML (коды символов)

    Спецсимволы HTML (коды символов)

    Для отображения символов, которых нет на клавиатуре, применяются специальные знаки, начинающиеся с амперсанда (&) и заканчивающиеся точкой с запятой (;). В таблицах данной статьи представлены самые распространенные знаки, а также коды для их вызова.

  • Высота страницы на 100%, css

    Высота страницы на 100%, css

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

  • Включаем поддержку HTML5 в IE

    Включаем поддержку HTML5 в IE

    Всем известно, что старые версии браузеров не поддерживают HTML5.

    Данный метод позволяет воспользоваться всеми возможностями HTML5 в следующих версиях браузеров:
    - Internet Explorer 6-8
    - Safari 4.x (iPhone 3.x)
    - FF 3.x