Forwarded from Dzmitry Lyshchyk
Вот эта библиотека тоже ничего)
https://www.flowscriipt.com/tools/webflow-dom-elements
https://www.flowscriipt.com/tools/webflow-dom-elements
Flowscriipt
Webflow Dom Elements
Get access to Elements that are not in Webflow with DOM
❤6🔥2
Очень часто я сам пользую этим каналом для поиска сообщений тех какоторые я выкладывал ранее и проходит достаточно времени что бы пролистать всю ленту и поиск не всегда помогает. По этому я создал такую навигацию для удобства и поместил в нее самые востребованные ссылки.
👍4
Навигация по каналу
1. Поле формы с выпадающим календарем
2. Анимированный блик на кнопке
3. Создание якорей на сайте
4. Интерактивные карточки товара
5. Кастомный аккордион
6. Зум анимация при наведении
7. Кастомный таймер
8. Идентификация кнопок для формы. Мини ИМ
9. Анимация Scroll Down Line
10. Анимация кнопки звонка
11. Маска телефона
12. Прогрессбар анимация
13. Анимация печатающийся текст
14. Сервис тестирования разрешения экранов
15. Стилизация скрола
16. Анимация плавного увеличения картинки (эффект Кена Барнса)
17. Скрытая информация на карточке товара
18. Как сделать аккордеон (блок FAQ)
19. Как копировать блоки между аккаунтами
20. Зацикленная прокрутка блоков
21. Закрытие формы после отправки
22. Галлерея из таб элемента
23. Как убрать надпись (made in webflow)
24. Как быстро оживить сайт при помощи анимаций
25. Как сделать форму с мессенджерами
26. Эффект при наведении на элементы
27. Автослайдер на табах
28. Как бесплатно перенести сайт на свой домен
28. Ссылка
29. Стилизация точек слайдера
30. Кастомные таб слайдер
31. Сервис создания SVG генераций
32. Адаптивная GRID сетка
33. Фиксация прокрутки при открытии модального окна
34. Скругление углов секции
35. Блок с эффектом стекла
36. Кнопки с стиле глитч
37. Горизонтальный скролл
38. Как сделать эффект день / ночь
39. Превращаем обычный блок карточек в слайдер
40. Плавная прокрутка сайта
41. Генератор svg форм
42. Сервис для удаления фона
43. Кастомные курсор
44. Полноэкранная прокрутка сайта
45 Анимация перехода между страницами
46. Цикличное вращение
47. Кнопка с анимацией
48. Создание бегущей строки
49. Удобное расширение для конвертами px to rem и других функций
50. Как повторно использовать однажды созданные блоки на других проектах
51. Полная инструкция по слайдер Swiper
52. Создание кнопки копирования
53. Сокращение текста до нескольких строк
54. Превращаем таб в слайдер
55 Расширение Finsweet
56 Валидатор поля формы
57. Создание крутого блока галерея
58. Создание мобильного меню снизу
59. Блок Counter Up
1. Поле формы с выпадающим календарем
2. Анимированный блик на кнопке
3. Создание якорей на сайте
4. Интерактивные карточки товара
5. Кастомный аккордион
6. Зум анимация при наведении
7. Кастомный таймер
8. Идентификация кнопок для формы. Мини ИМ
9. Анимация Scroll Down Line
10. Анимация кнопки звонка
11. Маска телефона
12. Прогрессбар анимация
13. Анимация печатающийся текст
14. Сервис тестирования разрешения экранов
15. Стилизация скрола
16. Анимация плавного увеличения картинки (эффект Кена Барнса)
17. Скрытая информация на карточке товара
18. Как сделать аккордеон (блок FAQ)
19. Как копировать блоки между аккаунтами
20. Зацикленная прокрутка блоков
21. Закрытие формы после отправки
22. Галлерея из таб элемента
23. Как убрать надпись (made in webflow)
24. Как быстро оживить сайт при помощи анимаций
25. Как сделать форму с мессенджерами
26. Эффект при наведении на элементы
27. Автослайдер на табах
28. Как бесплатно перенести сайт на свой домен
28. Ссылка
29. Стилизация точек слайдера
30. Кастомные таб слайдер
31. Сервис создания SVG генераций
32. Адаптивная GRID сетка
33. Фиксация прокрутки при открытии модального окна
34. Скругление углов секции
35. Блок с эффектом стекла
36. Кнопки с стиле глитч
37. Горизонтальный скролл
38. Как сделать эффект день / ночь
39. Превращаем обычный блок карточек в слайдер
40. Плавная прокрутка сайта
41. Генератор svg форм
42. Сервис для удаления фона
43. Кастомные курсор
44. Полноэкранная прокрутка сайта
45 Анимация перехода между страницами
46. Цикличное вращение
47. Кнопка с анимацией
48. Создание бегущей строки
49. Удобное расширение для конвертами px to rem и других функций
50. Как повторно использовать однажды созданные блоки на других проектах
51. Полная инструкция по слайдер Swiper
52. Создание кнопки копирования
53. Сокращение текста до нескольких строк
54. Превращаем таб в слайдер
55 Расширение Finsweet
56 Валидатор поля формы
57. Создание крутого блока галерея
58. Создание мобильного меню снизу
59. Блок Counter Up
Telegram
Fishki Webflow
Приём № 2
Делаем поле формы с выпадающим календарём. Интегрируем сторонний плагин jquery
https://youtu.be/n_q-m7Qwy6s
#календарь
Делаем поле формы с выпадающим календарём. Интегрируем сторонний плагин jquery
https://youtu.be/n_q-m7Qwy6s
#календарь
🔥44❤7⚡4
Fishki Webflow pinned «Навигация по каналу 1. Поле формы с выпадающим календарем 2. Анимированный блик на кнопке 3. Создание якорей на сайте 4. Интерактивные карточки товара 5. Кастомный аккордион 6. Зум анимация при наведении 7. Кастомный таймер 8. Идентификация кнопок для формы.…»
Короче !!! Пока ловите и добавляйте себе / потом расскажу как работает Прикольная штука вообще!! Запишу прям видосик!
https://chrome.google.com/webstore/detail/videsigns-extension-for-w/epegfofibengnfhehlblkjpaplobhlmf?utm_source=ext_sidebar&hl=ru
https://chrome.google.com/webstore/detail/videsigns-extension-for-w/epegfofibengnfhehlblkjpaplobhlmf?utm_source=ext_sidebar&hl=ru
Google
ViDesigns Extension for Webflow - Chrome Web Store
Create, share and upload Webflow components from the Webflow Designer
👍10
И даю строчку кода для связки
<script src="https://d4vmcc.csb.app/script.js"></script>
<script src="https://d4vmcc.csb.app/script.js"></script>
👍1
img {
-webkit-user-select: none; /* для браузеров на базе WebKit (например, Chrome, Safari) */
-moz-user-select: none; /* для Firefox */
-ms-user-select: none; /* для Internet Explorer и старых версий Edge */
user-select: none; /* для современных браузеров */
-webkit-touch-callout: none; /* отключает контекстное меню в мобильных браузерах на основе WebKit */
}
-webkit-user-select: none; /* для браузеров на базе WebKit (например, Chrome, Safari) */
-moz-user-select: none; /* для Firefox */
-ms-user-select: none; /* для Internet Explorer и старых версий Edge */
user-select: none; /* для современных браузеров */
-webkit-touch-callout: none; /* отключает контекстное меню в мобильных браузерах на основе WebKit */
}
❤1