Матвей Земсков

Заметки веб-мастера

Ленивая (lazy load) загрузка изображений с Progressively

Суббота, 16 мая 2020 22:57
Опубликовано в JavaScript, jQuery

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

Скрипт Progressively является отличным инструментом для увеличения скорости страницы. Он является скриптом для отложенной загрузки изображений (lazy load), который загружает изображения постепенно в процессе прокручивания страницы пользователем.

Шпаргалка по переходу с jQuery на vanilla JavaScript

Суббота, 02 мая 2020 16:21
Опубликовано в JavaScript, jQuery

jQuery до сих пор была полезной и прагматичной библиотекой, но все чаще снижается вероятность того, что вы будете использовать ее в своих проектах для выполнения таких задач, как выбор элементов, их стилизация, анимация и выборка данных. С увеличением поддержки браузерами ES6 (около 96% на момент написания статьи), сейчас, возможно, самое время отказаться от использования jQuery.

Создаем красивый индикатор загрузки страницы с pace.js

Воскресенье, 12 апреля 2020 13:52
Опубликовано в JavaScript, jQuery

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

Создаем свой собственный эффект прокрутки страницы с помощью Roll.js

Воскресенье, 12 апреля 2020 13:28
Опубликовано в JavaScript, jQuery

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

Rellax.js - параллакс-эффекты на основе vanilla JavaScript

Четверг, 27 февраля 2020 21:12
Опубликовано в JavaScript, jQuery

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

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

Страница 1 из 5
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию:

Наверх