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

Существует множество бесплатных библиотек для создания анимированного эффекта скроллинга, но многие их них сильно «раздуты» или сложны в использовании. Поэтому автор статьи рекомендует библиотеку Rellax.js для создания параллакс-эффектов. Это бесплатный плагин с открытым исходным кодом, созданный на чистом («ванильном») JavaScript. Таким образом он не имеет никаких зависимостей от других библиотек.

С помощью JavaScript вы можете создавать довольно классные вещи. К тому же уже существует довольно много плагинов, которые вы можете использовать, чтобы сэкономить время и не писать код «с нуля». На данный момент одной из самых сложных задач является создание пользовательского интерфейса для обрезки изображений.

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

Для реализации этого инструмента «с нуля» потребуется много усилий. Избавьте себя от лишней работы: используйте один из бесплатных плагинов, представленных ниже.

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

Обмен данными между приложениями в формате CSV (Comma Separated Values) является довольно популярным. В этой заметке будет рассказано, как с отобразить данные из CVS-файла на веб-странице. В этом нам поможет JavaScript.

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

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