Skip to content
/ maxgraph-youtube-source Public

Исходники из уроков youtube-канала "Maxgraph - сайты как страсть"

clck.ru/pazsu
418 stars 1.2k forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

maxdenaro/maxgraph-youtube-source

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

163 Commits
CSS-Shorts №1. Слайдер с тенями
CSS-Shorts №1. Слайдер с тенями
 
 
CSS-transition
CSS-transition
 
 
CSS-переменные
CSS-переменные
 
 
GreenSock #2. Таймлайн и события
GreenSock #2. Таймлайн и события
 
 
GreenSock #3. Смена секций по скроллу
GreenSock #3. Смена секций по скроллу
 
 
GreenSock #4. Анимация текста
GreenSock #4. Анимация текста
 
 
Gulp 4. Подробное руководство
Gulp 4. Подробное руководство
 
 
JS-плагины №1. Создание cookie-предупреждения
JS-плагины №1. Создание cookie-предупреждения
 
 
JS-плагины №10. Range слайдер для цены
JS-плагины №10. Range слайдер для цены
 
 
JS-плагины №11. Masonry-сетка с сортировкой и фильтрацией - izotope.js
JS-плагины №11. Masonry-сетка с сортировкой и фильтрацией - izotope.js
 
 
JS-плагины №12. Анимация при скролле через aos.js
JS-плагины №12. Анимация при скролле через aos.js
 
 
JS-плагины №13. Увеличение фото товара через js-image-zoom.js
JS-плагины №13. Увеличение фото товара через js-image-zoom.js
 
 
JS-плагины №14. Многострочное обрезание текста - Ellipsis.js
JS-плагины №14. Многострочное обрезание текста - Ellipsis.js
 
 
JS-плагины №15. Лента инстраграма - InstagramFeed.js
JS-плагины №15. Лента инстраграма - InstagramFeed.js
 
 
JS-плагины №16. Перемещение элементов на определенных брейкпоинтах
JS-плагины №16. Перемещение элементов на определенных брейкпоинтах
 
 
JS-плагины №2. Как сделать валидацию и маску для телефона
JS-плагины №2. Как сделать валидацию и маску для телефона
 
 
JS-плагины №3. Лучший слайдер для сайта на чистом JS! Подробный обзор плагина Swiper js
JS-плагины №3. Лучший слайдер для сайта на чистом JS! Подробный обзор плагина Swiper js
 
 
JS-плагины №4. Валидация и отправка формы + отправка файла
JS-плагины №4. Валидация и отправка формы + отправка файла
 
 
JS-плагины №5. Модальные окна по свайпу (как в мобильных приложениях)
JS-плагины №5. Модальные окна по свайпу (как в мобильных приложениях)
 
 
JS-плагины №6. Галерея фотографий и видео с помощью Fslightbox.js
JS-плагины №6. Галерея фотографий и видео с помощью Fslightbox.js
 
 
JS-плагины №7. Новое подключение swiper.js через npm
JS-плагины №7. Новое подключение swiper.js через npm
 
 
JS-плагины №8. Кастомный селект на сайт - Choices.js!
JS-плагины №8. Кастомный селект на сайт - Choices.js!
 
 
JS-плагины №9. Кастомный скролл для сайта
JS-плагины №9. Кастомный скролл для сайта
 
 
JS-решения №1. Показ и скрытие блока по изменению масштаба карты
JS-решения №1. Показ и скрытие блока по изменению масштаба карты
 
 
JS-решения №10. Интерактивная svg карта на чистом JS
JS-решения №10. Интерактивная svg карта на чистом JS
 
 
JS-решения №11. Создаем свой плагин модального окна
JS-решения №11. Создаем свой плагин модального окна
 
 
JS-решения №12. Анимация при скролле
JS-решения №12. Анимация при скролле
 
 
JS-решения №13. Индикатор скролла страницы + svg-анимация круга
JS-решения №13. Индикатор скролла страницы + svg-анимация круга
 
 
JS-решения №14. Создаем свой плагин для создания квиза
JS-решения №14. Создаем свой плагин для создания квиза
 
 
JS-решения №15. Как показать меню при скролле вверх и вниз
JS-решения №15. Как показать меню при скролле вверх и вниз
 
 
JS-решения №16. Создаем свой плагин для подсветки вводимых значений
JS-решения №16. Создаем свой плагин для подсветки вводимых значений
 
 
JS-решения №17. Пишем слайдер до-после
JS-решения №17. Пишем слайдер до-после
 
 
JS-решения №18. Исправление полноэкранного блока на мобилке
JS-решения №18. Исправление полноэкранного блока на мобилке
 
 
JS-решения №19. FadeIn, FadeOut
JS-решения №19. FadeIn, FadeOut
 
 
JS-решения №2. Модальные окна на чистом JS
JS-решения №2. Модальные окна на чистом JS
 
 
JS-решения №20. Создаем свой плагин для аккордеона
JS-решения №20. Создаем свой плагин для аккордеона
 
 
JS-решения №21. Создаем свой плагин для табов
JS-решения №21. Создаем свой плагин для табов
 
 
JS-решения №22. Тултипы внутри блока со скроллом
JS-решения №22. Тултипы внутри блока со скроллом
 
 
JS-решения №23. Простое переключение страниц без перезагрузки (ajax)
JS-решения №23. Простое переключение страниц без перезагрузки (ajax)
 
 
JS-решения №24. Пишем плагин для плеера
JS-решения №24. Пишем плагин для плеера
 
 
JS-решения №3. Отложенная загрузка видео с YouTube
JS-решения №3. Отложенная загрузка видео с YouTube
 
 
JS-решения №4. Универсальное отключение скролла
JS-решения №4. Универсальное отключение скролла
 
 
JS-решения №5. Активный класс в меню при скролле
JS-решения №5. Активный класс в меню при скролле
 
 
JS-решения №6. Цветовые темы для сайта
JS-решения №6. Цветовые темы для сайта
 
 
JS-решения №7. Убираем прыжок при открытии окна
JS-решения №7. Убираем прыжок при открытии окна
 
 
JS-решения №8. Адаптивное динамическое меню на чистом JS
JS-решения №8. Адаптивное динамическое меню на чистом JS
 
 
JS-решения №9. Magic Line меню
JS-решения №9. Magic Line меню
 
 
PHP-фичи №1. Вывод данных из формы в Word
PHP-фичи №1. Вывод данных из формы в Word
 
 
PHP-фичи №2. Установка Recaptcha3 на сайт
PHP-фичи №2. Установка Recaptcha3 на сайт
 
 
Pixel Perfect - что это. Как верстать четко в макет
Pixel Perfect - что это. Как верстать четко в макет
 
 
SVG. Руководство по использованию векторных изображений
SVG. Руководство по использованию векторных изображений
 
 
Shorts
Shorts
 
 
UI-компоненты №0. Стартовый шаблон
UI-компоненты №0. Стартовый шаблон
 
 
UI-компоненты №1. Карточка товара с несколькими изображениями
UI-компоненты №1. Карточка товара с несколькими изображениями
 
 
UI-компоненты №10. Степпер цены
UI-компоненты №10. Степпер цены
 
 
UI-компоненты №11. Выпадающее меню
UI-компоненты №11. Выпадающее меню
 
 
UI-компоненты №12. Блок, выходящий за контейнер
UI-компоненты №12. Блок, выходящий за контейнер
 
 
UI-компоненты №13. Валидация и отправка формы на почту в 2022
UI-компоненты №13. Валидация и отправка формы на почту в 2022
 
 
UI-компоненты №14. Простое бургер-меню
UI-компоненты №14. Простое бургер-меню
 
 
UI-компоненты №15. Кнопка показать еще
UI-компоненты №15. Кнопка показать еще
 
 
UI-компоненты №16. Бесконечно движущийся текст
UI-компоненты №16. Бесконечно движущийся текст
 
 
UI-компоненты №17. Создание простой карточки с прижатием кнопки
UI-компоненты №17. Создание простой карточки с прижатием кнопки
 
 
UI-компоненты №18. Мобильное меню с определением текущей секции
UI-компоненты №18. Мобильное меню с определением текущей секции
 
 
UI-компоненты №19. Блок характеристик в интернет-магазинах
UI-компоненты №19. Блок характеристик в интернет-магазинах
 
 
UI-компоненты №2. Сетка карточек и фиксированный фильтр
UI-компоненты №2. Сетка карточек и фиксированный фильтр
 
 
UI-компоненты №20. Показ контента при определенной дате
UI-компоненты №20. Показ контента при определенной дате
 
 
UI-компоненты №3. Корзина товаров на чистом js
UI-компоненты №3. Корзина товаров на чистом js
 
 
UI-компоненты №4. Корзина товаров на чистом js - отправка
UI-компоненты №4. Корзина товаров на чистом js - отправка
 
 
UI-компоненты №5. Табы на чистом js
UI-компоненты №5. Табы на чистом js
 
 
UI-компоненты №6. Корзина товаров на чистом js - localStorage
UI-компоненты №6. Корзина товаров на чистом js - localStorage
 
 
UI-компоненты №7. Таймер обратного отсчета на чистом js
UI-компоненты №7. Таймер обратного отсчета на чистом js
 
 
UI-компоненты №8. Слайдер товаров с вертикальными превью
UI-компоненты №8. Слайдер товаров с вертикальными превью
 
 
UI-компоненты №9. Аккордеон и варианты реализации
UI-компоненты №9. Аккордеон и варианты реализации
 
 
Webpack
Webpack
 
 
columns
columns
 
 
container-queries
container-queries
 
 
focus-visible
focus-visible
 
 
min, max, clamp
min, max, clamp
 
 
stylelint
stylelint
 
 
video №1. Как подключать video на страницу
video №1. Как подключать video на страницу
 
 
video №2. Устанавливаем видео на фон сайта
video №2. Устанавливаем видео на фон сайта
 
 
video №3. Свой плеер с помощью video.js
video №3. Свой плеер с помощью video.js
 
 
Адаптивная верстка письма с нуля (email-верстка) №1
Адаптивная верстка письма с нуля (email-верстка) №1
 
 
Веб-доступность №2. Как HTML-семантика влияет на доступность
Веб-доступность №2. Как HTML-семантика влияет на доступность
 
 
Веб-доступность №5. Управляем фокусом в меню. Навигация по сайту с помощью клавиатуры
Веб-доступность №5. Управляем фокусом в меню. Навигация по сайту с помощью клавиатуры
 
 
Верстаю сайт, используя фишки своей Gulp-сборки
Верстаю сайт, используя фишки своей Gulp-сборки
 
 
Верстка HTML-письма в 2022
Верстка HTML-письма в 2022
 
 
Верстка HTML-письма в 2024
Верстка HTML-письма в 2024
 
 
Верстка письма на MJML
Верстка письма на MJML
 
 
Галерея на JS и PHP
Галерея на JS и PHP
 
 
Делаем адаптивное меню для сайта
Делаем адаптивное меню для сайта
 
 
Креативный сайт на GreenSock за 3 часа
Креативный сайт на GreenSock за 3 часа
 
 
Марафон верстке №6. Ujjo
Марафон верстке №6. Ujjo
 
 
Марафон верстки №1. Mitravel
Марафон верстки №1. Mitravel
 
 
Марафон верстки №10. Photography
Марафон верстки №10. Photography
 
 
Марафон верстки №2. Zonex-YouTube
Марафон верстки №2. Zonex-YouTube
 
 
Марафон верстки №3. Блог на WordPress
Марафон верстки №3. Блог на WordPress
 
 
Марафон верстки №4. Для новичков
Марафон верстки №4. Для новичков
 
 
Марафон верстки №5. Для новичков
Марафон верстки №5. Для новичков
 
 
Марафон верстки №8. Для новичков
Марафон верстки №8. Для новичков
 
 

Repository files navigation

maxgraph-youtube-source

Исходники из видео youtube-канала "Maxgraph - сайты как страсть"

About

Исходники из уроков youtube-канала "Maxgraph - сайты как страсть"

clck.ru/PazSU

Resources

Readme
Activity

Stars

418 stars

Watchers

40 watching

Forks

1.2k forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 2

Languages