jquery
(23)
Адаптивне меню з допомогою CSS3 та jQuery
В цьому уроці ми створимо адаптивне меню за допомогою CSS3 і JQuery. Ось як це виглядатиме (перейдіть на Codepen та пограйтеся з шириною сторінки):
{full-post-img}
HTML
Ми обертаємо все в nav елемент...
27 грудня 2021
·
0
· 55
·
Codeguida
Відео на фоні з CoverVid
Зробіть поведінку вашого HTML5 відео як у фонового зображення з простим JQuery
розширенням CoverVid. Дуже
просте у використанні, просто виконайте наступні кілька кроків...
Киньте_ covervid.min.js_ фай...
06 листопада 2021
·
0
· 2
·
Codeguida
Анімація без jQuery ч.1
Існує помилкове переконання серед web-розробників, що CSS-анімації - єдиний
ефективний спосіб створення анімацій для web. Цей міф має примусив багатьох
девелоперів відмовитися від JavaScript-анімацій....
05 вересня 2021
·
0
· 11
·
Codeguida
Підбірка з 15 корисних jQuery плагінів
1\. stroll.js - CSS3 scroll effects
Stroll.js є CSS3 плагіном для додавання ефектів до прокрутки, який працює на
всіх браузерах з підтримкою CSS 3D transforms.
2\. jQuery Hex Colorpicker
Hex Color......
09 серпня 2021
·
0
· 134
·
Codeguida
Гід по оптимізації веб-сторінок та додатків
Коли справа доходить до продуктивності, ми не маємо права примушувати
користувачів чекати і залишити веб-сторінку з негативними враженнями.
Оптимізація є основою професійного створення сайту.
Що визна...
27 червня 2021
·
0
· 71
·
Codeguida
jQuery для чайників ч.4 - функції
В першій статті, ми почали розглядати основи
jQuery - типи даних і селектори;
Далі, ми дізналися про події jQuery;
В минулій статті, ми навчилися оброблювати
помилки;
Сьогодні, ми поговоримо про:
Як...
29 квітня 2021
·
0
· 78
·
Codeguida
Пишемо слайдер для порівняння зображень
При створенні сторінки товарів, існують деякі ефективні UX рішення, які можуть
бути використані для того, щоб користувач міг "відчути" продукт. Слайдер для
зрівняння зображень - одне із цих рішень. Як...
23 лютого 2021
·
0
· 12
·
Codeguida
jQuery для чайників ч.3 - обробка помилок
Вступна та минула стаття допомогли нам освоїти основи
роботи з jQuery - ми розглянули типи даних, створення змінних, аспекти роботи
з селекторами, також розібрали основні події: Click, Hover і
ToggleC...
09 лютого 2021
·
0
· 8
·
Codeguida
Ajax без jQuery
Я, як і більшість, познайомився з jQuery задовго до того, як vanilla
JavaScript. Я був впевнений, що базових знань jQuery буде достатньо для веб-
дизайну. Але з часом я зрозумів важливість звичайного...
04 лютого 2021
·
0
· 14
·
Codeguida
Використовуємо jQuery правильно
Завантаження з CDN
Замість того, щоб зберігати jQuery на Вашому сервері, краще завантажувати
бібліотеку з популярних CDN. Це дозволить зменшити час завантаження сторінки.
<script src="/vendor/jque...
13 січня 2021
·
1
· 178
·
Codeguida
Що робить інтернет повільним: дослідження продуктивності JavaScript
Компанія CatchJS опублікувала дослідження про те, що може сповільнювати інтернет і які фактори та помилки з цим пов'язані. Дослідники опрацювали мільйон найпопулярніших сторінок в інтернеті та позначи...
30 грудня 2020
·
0
·
Codeguida
Як використовувати Device Orientation API
Сьогодні у нас є мобільні пристрої, які оснащені всім - від камер до геолокації. Ми маємо маленькі комп'ютери, що вміють робити майже все, що ми хочемо.
Одним з ключових API для мобільних пристроїв є...
03 листопада 2020
·
0
· 1
·
Codeguida
jQuery для чайників ч.1 - типи даних та селектори
Вирішили спробувати себе у front-end розробці?
Подобається Вам це чи ні, але знання JavaScript або jQuery \- основа
для кожного фронтендера.
Настав час дізнатися, як це працює і почати створювати інте...
06 жовтня 2020
·
0
· 86
·
Codeguida
VenoBox
Основною перевагою VenoBox є те, що він обчислює максимальну ширину зображення
на екрані і зберігає його висоту, якщо воно вище вікна (в невеликих пристроях
ви можете прокрутити вміст вниз, уникаючи м...
24 вересня 2020
·
0
· 4
·
Codeguida
Скрол-анімація за допомогою JQuery
Що таке скрол-анімація та ефекти?
Скрол-анімація та ефекти - це нова, але вже добре знана техніка, яка дає front-end розробникам можливість створювати гарні інтерактивні веб-інтерфейси.
Щоб розпізнати...
10 серпня 2020
·
0
· 48
·
Codeguida
Зміна SVG іконок
Метод №1: сховати/показати SVG елемент
Включаємо обидві іконки:
<a class="expand-link" href="#0">
<svg class="icon icon-expand" viewBox="0 0 32 32"><use xlink:href="#icon-expand"></use></svg...
15 липня 2020
·
0
· 68
·
Codeguida
jQuery 3.0 і майбутнє веб-розробки
Через 8 років з часу першого релізу, jQuery став важливою частиною сучасного
вебу. Популярна крос-платформена бібліотека стала розгалужена та переплетена з
численними веб-сайтами, інструментами для р...
12 липня 2020
·
0
·
Codeguida
Простий спосіб додавання CSS анімації до переходів між сторінками
Радий з вами поділитися цікавим та дуже простим jQuery плагіном
Аnimsition. Animsition дає можливість
додавати до посилань CSS анімацію при переході.
Animsition має 18 різних анімацій:
Зникнення
`fade...
03 червня 2020
·
0
· 90
·
Codeguida
Показ YouTube відео вбудованого за допомогою iframe в модальному вікні
Показ YouTube відео вбудованого за допомогою iframe в модальному вікні
Нам, звісно ж, потрібна буде бібліотека jQuery і, оскільки модальні вікна ми
самі робити не будемо бо ліниві, то візьмемо додаток...
19 травня 2020
·
0
· 85
·
Codeguida
Динамічні географічні карти з SVG і JQuery
Створюємо SVG мапу в Illustrator
Створимо мапу Італії в Illustrator:
Кожний регіон повинен малюватися як окремий об'єкт і мати свій власний рівень, з ім'ям, котре буде відповідати коду, використовува...
14 травня 2020
·
1
· 47
·
Codeguida
jQuery для чайників ч.2 - події
В минулій статті, ми почали розгляд основ jQuery, навчилися визначати типи
даних та працювати з селекторами.
Проте, вміти вибирати елементи на сторінці - це дуже добре, але ще краще -
знати як з ними...
20 січня 2020
·
1
· 40
·
Codeguida
Запити AJAX в Rails 5.1 з або без jQuery
*
Починаючи з версії 5.1 з базового пакету Rails було прибрано залежності jQuery. Хоча він і досі використовує jQuery для обробки функцій JS, проте зараз має власну бібліотеку rails-ujs яка отримала п...
24 жовтня 2017
·
1
· 22
·
Codeguida
Керівництво по Fetch – зручний заміні XMLHttpRequest
Кожен раз, коли ми отримуємо або відправляємо дані за допомогою JavaScript, ми використовуємо Ajax. Ajax — це технологія, що дозволяє виконувати HTTP-запити без необхідності перезавантажувати сторінку...
27 травня 2017
·
2
· 33
·
Codeguida
