Список записей с тегом: JavaScript, страница 2

Кнопка "Наверх" на сайт с функцией возврата

Кнопка наверх/вниз - это один из важных инструментов на сайте, если на нем присутствует большое количество длинных страниц. При просмотре длинной статьи, пользователь легко сможет вернуться к началу статьи и обратно к месту где он остановился не используя при этом скролл или клавиатуру. Согласитесь это очень удобно.

Приступим к реализации кнопки "вверх/вниз" на сайте.

Адаптивный HTML шаблон для CMS (adminLTE)

Красивый и качественный адаптивный HTML5 шаблон для Вашей CMS в светлых тонах не напрягающих зрение, что обеспечит комфортную работу с Вашей системой управления контентом сайта.

В шаблоне присутствуют все необходимые элементы, такие как: заголовки(H1, H2, H3, ...), списки, таблицы, формы, меню, иконки и т.д.. Верстака выполнена на высоком уровне, а также внедрены все необходимые js элементы.

Адаптивный HTML5 шаблон для CMS Вы можете скачать абсолютно бесплатно.

HTML5 адаптивный шаблон сайта "Agency"

Скачать бесплатно HTML5 адаптивный шаблон сайта Agency.

Запрет индексации ссылок с помощью HTML5 и jQuery

Простой пример запрета индексации ссылок.

Подключение jQuery с помощью Google

jQuery один из самых популярных javascript фрэймворков. Google не оставил этот факт незамеченным. Поэтому корпорация Google сделала специальное хранилище, в котором размещены минимизированные версии фрейворка jQuery.

Несколько примеров подключения jQuery с помощью сервисов Google

jQuery, ajax - запрос к серверу

Пример работы библиотеки jQuery c ajax запросами к серверу.

Для выполнения ajax запроса с помощью jQuery используется jQuery.ajax()

Функция jQuery.ajax([options]) выполняет асинхронный HTTP запрос. Этот универсальный метод обеспечивает полное управление запросом ajax. Все параметры, полученные в виде свойств объекта options, являются необязательными.

jQuery - предупреждение конфликтов

jQuery.noConflict, пример подключения нескольких версий jQuery и решение конфликтов связанных с алиасом $.

Существует много библиотек, которые так же как и jQuery используют $ как имя переменной или функции. Но в jQuery знак $ является алиасом идентификатора. Для решения конфликтов мы можем освободить $ с помощью jQuery.noConflict() не теряя функциональности библиотеки jQuery.

holder.js - генерируем заглушку для изображений

holder.js - библиотека для автоматического рендеринга изображений на стороне клиента по заданным параметрам.

Часто при верстке шаблона необходимо добавлять готовые изображения на страницу что бы посмотреть конечный результат. Это можно делать несколькими способами. Можно создать изображения нужного размера при помощи графического редактора, или использовать библиотеку holder.js

Подсветка синтаксиса кода на сайте google-code-prettify

Довольно часто необходимо вывести исходный код на страницу красиво, с подсветкой синтаксиса и форматированием. Для этого есть html тег <code></code> который предназначен для вывода программного кода, но на счет красивой подсветки синтаксиса при использовании этого тега можно поспорить, а про нумерацию строку можно и не говорить (ее вообще нет). Однако есть готовые, бесплатные скрипты, для решения данной задачи. Одно из них - google-code-prettify.

И так перейдем к примеру подключения и настройки скрипта google-code-prettify для подсветки кода на сайте