CodeRoll | Frontend
5.03K subscribers
1.59K photos
73 videos
1 file
900 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Аллоха! Если вы попали на это сообщение, то знайте, Это не просто телеграм канал! Это большая и дружная семья, которая старается помочь разобраться в веб разработке. На данный момент мы создадим такую навигацию по каналу, для более удобного поиска по постам:
#HTML
#CSS
#JS
#jQuery
#Vue
#Wordpress
#DLE
#Статьи
#Инструменты
#Графика
#JS #jQuery
5 видеоплееров с открытым исходным кодом для вашего сайта

Сегодня поговорим о лучших бесплатных видеоплеерах, которые можно интегрировать на Ваш сайт,

1. Video.js
2. Shaka Player
3. Plyr
4. MediaElement.js
5. Flowplayer

Более подробнее можете ознакомиться о каждом веб-плеере по ссылке 👇
Прелоадер — это индикатор загрузки сайта. Он может быть выполнен в виде анимированного gif-изображения, шкалы загрузки, css набора эффектов.

В этой статье мы рассматривали сервис анимации прелоадеров, теперь рассмотрим как реализовать эту предзагрузку на jQuery.

Разметка для предзагрузки
<div class="loaderArea">
<div class="loader"></div>
</div>

Класс .loaderArea это оболочка для нашей анимации,
а .loader это сам элемент предзагрузки (анимация).

Вызов предзагрузки на jQuery
$(window).on('load', function () {
let preloader = $('.loaderArea'),
loader = preloader.find('.loader');
loader.fadeOut();
preloader.delay(500).fadeOut('slow');
});

Оформление уже ляжет на вас, присылайте у кого что получилось в личку или делитесь в чате!

#jQuery