Javascript & Ajax \ Ajax

Создание мини-чата на PHP и jQuery

От автора: В данной обучающей статье мы с вами научимся создавать мини-чат на PHP и jQuery, который позволит посетителям вашего сайта оставлять друг другу небольшие комментарии. Сообщения будут храниться на стороне сервера в виде файлов, никакой базы данных, например, MySQL не потребуется. Для облегчения работы мы будем использовать две PHP библиотеки – Flywheel для хранения сообщений в виде файлов в формате JSON и RelativeTime для создания относительных временных меток в удобочитаемом для человека виде. Для установки данных библиотек будет использоваться Composer.

Продолжить чтение

Javascript & Ajax \ Javascript

Highslide - простая и красивая галерея для сайта

От автора: В данном уроке я хотел бы представить Вашему вниманию библиотеку highslide.js, обладающую огромнейшим функционалом по работе с изображениями и данными Вашего сайта. Используя методы данной библиотеки, можно не только отобразить изображения веб-страниц в виде слайд-шоу и галерей изображений, но и вывести текстовые данные в виде открывающихся модальных окон.

Продолжить чтение

Javascript & Ajax \ Javascript

Библиотека is.js - удобный инструмент различных проверок на сайте

От автора: При разработке скриптов на языке JavaScript очень часто необходимо выполнять все возможные проверки, к примеру какой браузер использует пользователь, является ли некая введенная строка адресом электронной почты и т.д. Поэтому в данном уроке я хотел бы представить Вашему вниманию маленькую, но очень полезную библиотеку is.js, используя которую можно быстро проверить выполнение определенных условий на сайте.

Продолжить чтение

Javascript & Ajax \ Javascript

Сортировка таблиц - при помощи плагина TableSorter.js

От автора: Очень часто на веб-страницах необходимо отображать данные при помощи таблиц. Таблица очень удобное средство для представления огромного количества данных, относящихся к определенной тематике. Но если в одной таблице отображается около сотни строк а то и больше, это значительно усложняет поиск нужной информации. Поэтому в данном уроке мы с Вами рассмотрим удобный и простой плагин для библиотеки jquery, который позволяет организовать сортировку таблиц по ее полям.

Продолжить чтение

Javascript & Ajax \ Ajax

Загрузка SVG спрайта с помощью Ajax

От автора: Предположим, что вы создаете систему SVG иконок. Вы можете создавать SVG спрайт с большим количеством элементов symbol вручную, либо использовать для этого инструмент IcoMoon или grunt-svgstore. Что вы будете делать с файлом sprite.svg?

Продолжить чтение

Javascript & Ajax \ Javascript

Простая анимация текста, используя textillate.js

От автора: В данном уроке хотел бы поговорить о библиотеке textillate.js, которая буквально позволяет оживить тексты или заголовки Ваших веб-страниц. Таким образом, при отображении страницы текст будет появляться на странице с выбранной Вами анимацией. Что не только улучшит внешний вид страницы, но и поможет акцентировать внимание пользователей на определенных блоках сайта.

Продолжить чтение

Javascript & Ajax \ Javascript

Создание диаграмм, используя библиотеку FusionCharts

От автора: Очень часто на страницах веб-приложений необходимо отображать различную статистическую информацию, к примеру, данные о расходах компании за год. При этом, зачастую, данные хранятся в виде таблиц, и выводить их на экран в табличном виде — не совсем удачная идея, так как это ухудшает восприятие информации пользователем. Наиболее удачным вариантом будет отображение данных в виде диаграмм или графиков, которые легко и быстро читаются пользователями. Поэтому, в данном уроке мы рассмотрим создание диаграмм и графиков, используя библиотеку FusionCharts.

Продолжить чтение

Javascript & Ajax \ Javascript

Плагин FullPage - создание одностраничного сайта со скроллом по  секциям

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

Продолжить чтение

Javascript & Ajax \ jQuery

jQuery lightGallery - эффектная галерея для сайта

От автора: Очень часто на сайте необходимо отображать различные изображения, к примеру фотографии или графические материалы. При этом очень хорошей практикой является использование галерей изображений, которые упрощают просмотр как миниатюр изображений, так и их увеличенных копий. В данном уроке мы с Вами рассмотрим очень эффектную галерею изображений под названием jQuery lightGallery.

Продолжить чтение

Javascript & Ajax \ Javascript

Определение видимости элемента с помощью свойства Element.offsetHeight

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

Продолжить чтение