Немного о веб-технологиях
Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.
Мои заметки предназначены в основном для начинающих веб-мастеров. Несмотря на это, опытные разработчики также найдут здесь что-нибудь интересное для себя.
В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.
Надеюсь информация будет полезна для посетителей.
Rellax.js - параллакс-эффекты на основе vanilla JavaScript
Если параллакс-скроллинг сделан правильно, он выглядит завораживающе. Конечно, этот эффект не подходит для использования на любом сайте, но с помощью него вы можете быстро привлечь внимание к страницам креативного сайта и посадочным страницам (лендингам).
Существует множество бесплатных библиотек для создания анимированного эффекта скроллинга, но многие их них сильно «раздуты» или сложны в использовании. Поэтому автор статьи рекомендует библиотеку Rellax.js для создания параллакс-эффектов. Это бесплатный плагин с открытым исходным кодом, созданный на чистом («ванильном») JavaScript. Таким образом он не имеет никаких зависимостей от других библиотек.
Параллакс эффекты - легко с StickyStack.js
Параллакс эффекты на страницах сайта заставляют обратить на себя внимание посетителя. Эти эффекты заключаются в том, что при прокрутке страницы следующий блок постепенно сменяет предыдущий, сдвигаясь относительно него. При этом предыдущий блок не движется относительно области просмотра браузера. Parallax-эффекты можно увидеть на многих современных сайтах и шаблонах для CMS WordPress, потому что они широко распространены в современном дизайне.