Π Π°Π·Π½ΠΎΠ΅

Jquery plugin: jQuery Plugin Registry

30.03.2023

ПослСдниС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ jQuery β€” Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 1

ПослСдниС обновлСния ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΠΎΠ³ΠΎ модуля jQuery пСрСчислСны здСсь. Для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠ»Π°Π³ΠΈΠ½Π° Π΅ΡΡ‚ΡŒ ссылка Π½Π° страницу Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ссылка Π½Π° Π΄Π΅ΠΌΠΎ-страницу ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ просмотра. Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° 1 .

ПослСдниС обновлСнияНовыС дополнСнияБамыС популярныС Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 32018 просмотров

VvvebJs β€” это ΠΎΠ½Π»Π°ΠΉΠ½-конструктор/ΡΠΎΠ·Π΄Π°Ρ‚Π΅Π»ΡŒ Π²Π΅Π±-страниц Π½Π° основС jQuery ΠΈ Bootstrap, Π³Π΄Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ/ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹ Bootstrap 4 с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ пСрСтаскивания.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° β€” 6406 просмотров

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° CSS/SCSS, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π°Ρ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ, настраиваСмый счСтчик/ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π½ΡƒΡ‚Ρ€ΠΈ элСмСнтов управлСния Ρ„ΠΎΡ€ΠΌΡ‹ Bootstrap, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Π²Π²ΠΎΠ΄, тСкстовоС ΠΏΠΎΠ»Π΅ ΠΈ Π²Ρ‹Π±ΠΎΡ€.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π€ΠΎΡ€ΠΌΠ° β€” 7977 просмотров

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° CSS/SCSS, которая добавляСт ΠΏΠ»Π°Π²Π°ΡŽΡ‰ΠΈΠ΅ ΠΌΠ΅Ρ‚ΠΊΠΈ ΠΊ элСмСнтам управлСния Ρ„ΠΎΡ€ΠΌΡ‹ Bootstrap 5 ΠΈΠ»ΠΈ Bootstrap 4, Ρ‚Π°ΠΊΠΈΠΌ ΠΊΠ°ΠΊ Π²Π²ΠΎΠ΄, тСкстовоС ΠΏΠΎΠ»Π΅ ΠΈ Π²Ρ‹Π±ΠΎΡ€.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π’Π°Π±Π»ΠΈΡ†Π° β€” 24468 просмотров

floatThead β€” это ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° Π»ΠΈΠΏΠΊΠΎΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π·Π°ΠΌΠΎΡ€Π°ΠΆΠΈΠ²Π°Π΅Ρ‚ элСмСнт Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ thead Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы/ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π€ΠΎΡ€ΠΌΠ° β€” 463977 просмотров

ΠœΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹ΠΉ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½Ρ‹ΠΉ Π²Π²ΠΎΠ΄ β€” это ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ стандартный Π²Π²ΠΎΠ΄ Π² ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹ΠΉ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½Ρ‹ΠΉ Π²Π²ΠΎΠ΄ с Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰ΠΈΠΌ списком Π½Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ„Π»Π°Π³Π°.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊ β€” 15301 просмотров

progresspieSVG β€” это простой, Π½ΠΎ Π½Π°Π΄Π΅ΠΆΠ½Ρ‹ΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ выполнСния Π² Π²ΠΈΠ΄Π΅ ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΉ ΠΈΠ»ΠΈ ΠΊΠΎΠ»ΡŒΡ†Π΅Π²ΠΎΠΉ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ ΠΈΠ»ΠΈ Ρ‚Π°ΠΉΠΌΠ΅Ρ€Ρ‹ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ отсчСта с использованиСм элСмСнта SVG.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 21 просмотров

Π›Π΅Π³ΠΊΠΈΠΉ, Π½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для усСчСния элСмСнтов JavaScript/jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ усСкаСт многострочный ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² зависимости ΠΎΡ‚ количСства строк

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π’Π°Π±Π»ΠΈΡ†Π° β€” 7799 просмотров

Плагин jQuery, ΡƒΠΏΡ€ΠΎΡ‰Π°ΡŽΡ‰ΠΈΠΉ экспорт Ρ‚Π°Π±Π»ΠΈΡ† Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ JSON, XML, CSV, TSV, TXT, SQL, DOC, XLS, XLSX, PNG ΠΈΠ»ΠΈ PDF.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 34 просмотров

Π‘ΡƒΠΏΠ΅Ρ€ ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ пСрСтаскивания jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ любой элСмСнт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ пСрСтаскивания ΠΌΡ‹ΡˆΡŒΡŽ.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

β€” Анимация β€” 14230 ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ, Π½ΠΎ настраиваСмый ΠΏΠ»Π°Π³ΠΈΠ½ Π±Π΅Π³ΡƒΡ‰Π΅ΠΉ строки jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠ»Π°Π²Π½ΠΎ, Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ ΠΈ бСсконСчно ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ тСкстовыС Π±Π»ΠΎΠΊΠΈ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” ГалСрСя β€” 9000 просмотров

ULS β€” это ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ Π²Π½Π΅Π΄Ρ€ΠΈΡ‚ΡŒ чистый ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²Ρ‹Π±ΠΎΡ€ языка Π’ΠΈΠΊΠΈΠΌΠ΅Π΄ΠΈΠ° Π½Π° вашСм Π²Π΅Π±-сайтС.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

03.2023 β€” Лайтбокс β€” 1130 просмотров

Плагин jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ динамичСски ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΎΠ΄Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΎΠΊΠ½Π° Bootstrap 5/4 Π±Π΅Π· нСобходимости написания HTML-ΠΊΠΎΠ΄Π°.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π€ΠΎΡ€ΠΌΠ° β€” 36946 просмотров

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ, Π½ΠΎ настраиваСмый ΠΏΠ»Π°Π³ΠΈΠ½ счСтчика Π²Π²ΠΎΠ΄Π° для ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ Bootstrap (Bootstrap 4 ΠΈ 5), ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒ/ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒ число с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ½ΠΎΠΏΠΎΠΊ +/-.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

08.03.2023 β€” Π’Π°Π±Π»ΠΈΡ†Π° β€” 18524 ​​просмотров

Basic Table β€” это свСрхлСгкий ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для создания Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ…, ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹Ρ… для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств Ρ‚Π°Π±Π»ΠΈΡ† Π΄Π°Π½Π½Ρ‹Ρ… с использованиСм ΠΌΠ΅Ρ‚ΠΎΠ΄Π° JS resize() ΠΈ ΠΌΠ΅Π΄ΠΈΠ°-запросов CSS3.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 16858 просмотров

MediaElement.js β€” это красивый ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°ΡƒΠ΄ΠΈΠΎ- ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€Ρ‹ HTML5 Π½Π° ваш Π²Π΅Π±-сайт.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 63 ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²

Π›Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery позволяСт ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π·Π°Π±Π°Π²Π½Ρ‹Π΅ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π³Π»Π°Π·Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ Π·Π° Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ΠΌ вашСго курсора, оТивляя ваш Π²Π΅Π±-сайт.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 5238 просмотров

Π’ΠΈΠ΄Π΅ΠΎΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ прСдоставляСт ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ ΠΈ события для управлСния Π²ΠΈΠ΄Π΅ΠΎ Youtube, Vimeo ΠΈ HTML5 ΠΈΠ· ​​JavaScript.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

07.03.2023 β€” Π€ΠΎΡ€ΠΌΠ° β€” 1133 просмотров

Π›Π΅Π³ΠΊΠΈΠΉ ΠΈ простой Π² использовании ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ автозаполнСния для Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² Bootstrap 5 ΠΈ Bootstrap 4.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 73047 ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ΠΎΠ²

autoNumeric β€” полСзная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript для форматирования ΠΌΠ΅ΠΆΠ΄ΡƒΠ½Π°Ρ€ΠΎΠ΄Π½Ρ‹Ρ… Π²Π°Π»ΡŽΡ‚, Π° Ρ‚Π°ΠΊΠΆΠ΅ форматирования чисСл.

Π”Π΅ΠΌΠΎΠ‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ

07.03.2023 β€” Π€ΠΎΡ€ΠΌΠ° β€” 10896 просмотров

SurveyJS β€” это надСТная, настраиваСмая, кросс-платформСнная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° JavaScript для опросов, ΠΎΡ‚Π·Ρ‹Π²ΠΎΠ², Π°Π½ΠΊΠ΅Ρ‚ ΠΈ Π²ΠΈΠΊΡ‚ΠΎΡ€ΠΈΠ½, разработанная для jQuery, Angular, React, VueJS, Knockout ΠΈ Ρ‚. Π΄.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 39 просмотров

ΠšΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ инструмСнт Π²Ρ‹Π±ΠΎΡ€Π° случайного списка Π½Π° основС jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π° своСм Π²Π΅Π±-сайтС интСрфСйс, ΠΏΠΎΡ…ΠΎΠΆΠΈΠΉ Π½Π° ΠΈΠ³Ρ€ΠΎΠ²ΠΎΠΉ Π°Π²Ρ‚ΠΎΠΌΠ°Ρ‚.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 14408 просмотров

SCEditor β€” это ΠΎΠ±Π»Π΅Π³Ρ‡Π΅Π½Π½Ρ‹ΠΉ Π²Π΅Π±-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ HTML ΠΈ BBCode WYSIWYG Π½Π° основС jQuery ΠΈ vanilla JavaScript. ΠžΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ„ΠΎΡ€ΡƒΠΌΠ° ΠΈ CMS.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Π”Ρ€ΡƒΠ³ΠΎΠ΅ β€” 3666 просмотров

peekABar β€” ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π»ΠΈΠΏΠΊΠΈΠ΅ ΠΏΠ°Π½Π΅Π»ΠΈ ΡƒΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠΉ с мноТСством ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² настройки.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” АккордСон β€” 82 просмотров

ΠšΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹ΠΉ ΠΈ простой Π² использовании ΠΏΠ»Π°Π³ΠΈΠ½ jQuery для создания Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ слайдСра Π² стилС Π°ΠΊΠΊΠΎΡ€Π΄Π΅ΠΎΠ½Π° ΠΈΠ· массива ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

Π”Π΅ΠΌΠΎΠ—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ

β€” Лайтбокс β€” 2775 просмотров

Быстрый ΠΈ минималистичный Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ любоС Π²ΠΈΠ΄Π΅ΠΎ Youtube Π² модальном Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • Π‘Π»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ
  • ПослСдний

22 Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½Π° jQuery | ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ Π±Π»ΠΎΠΊ

(Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно Π’ΠΈΠΌΠΎΠΌ АрбаСвым Ρ‡Π΅Ρ€Π΅Π· iStock/Getty Images Plus)

Для Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ jQuery Π±Ρ‹Π»ΠΈ написаны дСсятки тысяч ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jQuery, ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ сил, ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ добавлСния Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Π΅Π±-сайтам. Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° jQuery, созданная Π² 2006 Π³ΠΎΠ΄Ρƒ Π”ΠΆΠΎΠ½ΠΎΠΌ Π Π΅Π·ΠΈΠ³ΠΎΠΌ, являСтся ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· самых популярных Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ JavaScript ΠΈ фантастичСским рСсурсом для быстрой Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ взаимодСйствий с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

ΠžΡ‚ Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Ρ„ΠΎΡ€ΠΌ Π΄ΠΎ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ содСрТимоС CSS-Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ эффСкта Π²Π·Ρ€Ρ‹Π²Π° β€” Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° прСдоставляСт основныС ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰ΠΈΠ΅ быстро ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΡ‹ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс с ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π·Π°Ρ‚Ρ€Π°Ρ‚Π°ΠΌΠΈ ΠΊΠΎΠ΄Π° ΠΈ усилий. Однако Π½Π΅Ρ‚ нСобходимости ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π°Ρ‚ΡŒ вСлосипСд ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ±Ρ‰Π΅ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. ИспользованиС ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jQuery ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ Π²Π°ΠΌ Π΅Ρ‰Π΅ большС Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ усилий, ΠΈ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Π½ΠΈΡ… бСсплатны.

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Π΅ рСсурсы ΠΏΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ см. Π² нашСм спискС Π»ΡƒΡ‡ΡˆΠΈΡ… инструмСнтов Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π»ΡƒΡ‡ΡˆΠΈΡ… API-интСрфСйсов JavaScript ΠΈ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠ΅ Π»ΡƒΡ‡ΡˆΠΈΡ… Ρ„Ρ€Π΅ΠΉΠΌΠ²ΠΎΡ€ΠΊΠΎΠ² JavaScript. А ΠΏΠΎΠΊΠ° Π²ΠΎΡ‚ наш список ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jQuery.

22 Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½Π° jQuery

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Ρ‡Π°Ρ‚Π° Π½Π° свой сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого простого Π² использовании ΠΏΠ»Π°Π³ΠΈΠ½Π° (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно CzMMedia)
  • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь jQuery, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π½Π΅ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠ³ΠΎ количСства ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записСй ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтСй, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Whatsapp, Messenger, Skype, Twitter, Telegram ΠΈ Instagram. Π•Π³ΠΎ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎ своСму ΡƒΡΠΌΠΎΡ‚Ρ€Π΅Π½ΠΈΡŽ. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π° ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² Π² этом спискС, этот ΠΏΠ»Π°Ρ‚Π½Ρ‹ΠΉ. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° обойдСтся Π²Π°ΠΌ Π² 14 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ².

    02. Π’ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€ RTO+P

    Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ свой собствСнный Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€, Π° Π½Π΅ ΠΏΠΎΠ»Π°Π³Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° вставки YouTube (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно RTO+P)
    • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

    ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, это просто для встраивания Π²ΠΈΠ΄Π΅ΠΎ нСпосрСдствСнно с YouTube ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹, Π½ΠΎ Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС контроля Π½Π°Π΄ своим Π²ΠΈΠ΄Π΅ΠΎ, RTO+P Video Player просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ созданиС ΠΈ настройку собствСнного Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€Π°, Π±Π΅Ρ€ΡƒΡ‰Π΅Π³ΠΎ Π²ΠΈΠ΄Π΅ΠΎ с вашСго собствСнного сСрвСра ΠΈΠ»ΠΈ CDN ΠΈΠ»ΠΈ ΠΈΠ· общСдоступного ΠΏΠΎΡ‚ΠΎΠΊΠ° Vimeo. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Ρ‚Π΅Π³ Π²ΠΈΠ΄Π΅ΠΎ HTML5, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΏΡ€ΠΎΡΡ‚ΠΈΡ‚ΡŒ Тизнь, ΠΈΠ»ΠΈ для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

    03. Slick

    Какая Π±Ρ‹ ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π²Π°ΠΌ Π½ΠΈ понадобилась, сдСлайтС Π΅Π΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Slick (Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прСдоставлСно КСном Π£ΠΈΠ»Π΅Ρ€ΠΎΠΌ)
    • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

    Π­Ρ‚ΠΎ послСдняя ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ, которая Π²Π°ΠΌ понадобится? ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ. Slick β€” это ΠΏΠ»Π°Π³ΠΈΠ½ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ карусСли практичСски Π² любой Ρ„ΠΎΡ€ΠΌΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΆΠ΅Π»Π°Ρ‚ΡŒ. Π•ΡΡ‚ΡŒ всСвозмоТныС Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π»Π΅Π½ΠΈΠ²ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ, автовоспроизвСдСниС, ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹Π΅ Π²Ρ‹Π·ΠΎΠ²Ρ‹ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

    04. ΠœΡƒΡƒΡ€ΠΈ

    Π“ΠΈΠ±ΠΊΠΈΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ Muuri ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹, ΡΠΎΡ€Ρ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΡƒΡŽΡ‚ΡΡ ΠΈ ΠΏΠ΅Ρ€Π΅Ρ‚Π°ΡΠΊΠΈΠ²Π°ΡŽΡ‚ΡΡ
    • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

    Плагин jQuery с ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚Ρ‹ΠΌ исходным ΠΊΠΎΠ΄ΠΎΠΌ ΠΎΡ‚ Niklas RΓ€mΓΆ Muuri β€” ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡƒΡ‡ΡˆΠΈΡ… для создания Π³ΠΈΠ±ΠΊΠΈΡ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². Π•Π³ΠΎ систСма ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ позволяСт Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ элСмСнты сСтки Ρ€Π°Π·Π½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² Π²Π½ΡƒΡ‚Ρ€ΠΈ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° практичСски Π»ΡŽΠ±Ρ‹ΠΌ мыслимым способом β€” ΠΈ ΠΎΠ½Π° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Π°, сортируСтся, Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΡƒΠ΅Ρ‚ΡΡ ΠΈ пСрСтаскиваСтся. Π•Π³ΠΎ опция ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ упорядочиваСт всС Β«ΠΏΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ΡƒΒ», Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ свой собствСнный Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½ΠΎΠ²ΠΊΠΈ для Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ стиля.

    05. Timeline.js

    Timeline Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ написано Π½Π° Π±Π°Π½ΠΊΠ΅, создавая ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ ΡˆΠΊΠ°Π»Ρ‹
    • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь ΠΊΠ°Ρ€ΡƒΡΠ΅Π»ΡŒΠ½Π°Ρ врСмСнная шкала β€” Ρ‚ΠΎ Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ продвигаСтся Π½Π° основС хронологичСских Ρ‚ΠΎΡ‡Π΅ΠΊ). Благодаря мноТСству Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² настройки этот ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ²ΠΎΡ€ΠΎΡ‚ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π΅ карусСли ΠΈ ΠΎΡ‡Π΅Π½ΡŒ прост Π² использовании благодаря ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Ρ‹ΠΌ инструкциям.

      06. Наклонная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° страницы

      Наклонная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° страницы добавляСт Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹ΠΉ 3D-эффСкт ΠΊ вашим страницам
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡ‚ ΠŸΠΈΡ‚Π° Π . β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ Π½Π°ΠΊΠ»ΠΎΠ½ΡΡ‚ΡŒΡΡ Π² ΠΏΠΎΠ»Π΅ зрСния ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ страницы Π²Π²Π΅Ρ€Ρ… ΠΈ снова Π½Π°ΠΊΠ»ΠΎΠ½ΡΡ‚ΡŒΡΡ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Π²Π²Π΅Ρ€Ρ…Ρƒ. Π­Ρ‚ΠΎ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹ΠΉ эффСкт, ΠΈ ΠΎΠΏΡΡ‚ΡŒ ΠΆΠ΅, это ΠΎΡ‡Π΅Π½ΡŒ простой Π² использовании ΠΏΠ»Π°Π³ΠΈΠ½.

      07. Focuspoint

      ΠŸΠΎΠΏΡ€ΠΎΡ‰Π°ΠΉΡ‚Π΅ΡΡŒ с ΠΏΠ»ΠΎΡ…ΠΎ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΌΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ изобраТСниями
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΠ΄Π½Ρƒ страницу, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Ρ…ΠΎΡ€ΠΎΡˆΠΎ выглядСла Π½Π° любом устройствС. Однако, Ссли ваш сайт автоматичСски ΠΎΠ±Ρ€Π΅Π·Π°Π΅Ρ‚ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ соотвСтствовали ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΌ ΠΎΠΊΠ½Π°ΠΌ просмотра, ΠΎΠ½ часто ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ фокус. Focuspoint ΠΌΠΎΠΆΠ΅Ρ‚ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ Π² любом ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π΅, позволяя ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ‚ΠΎΡ‡ΠΊΡƒ фокусировки для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ изобраТСния. Плагин обСспСчит сохранСниС Π²Π°ΠΆΠ½Ρ‹Ρ… Π±ΠΈΡ‚ΠΎΠ² ΠΏΡ€ΠΈ ΠΎΠ±Ρ€Π΅Π·ΠΊΠ΅ изобраТСния.

      08. SVGMagic

      SVGMagic создаСт PNG для Π·Π°ΠΌΠ΅Π½Ρ‹ SVG, Π³Π΄Π΅ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ
      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      ИспользованиС Ρ„Π°ΠΉΠ»ΠΎΠ² SVG обСспСчиваСт Ρ‡Π΅Ρ‚ΠΊΠΎΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ любого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ‚ Π²Π°ΠΌ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это, Π½Π΅ бСспокоясь ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ этот Ρ„ΠΎΡ€ΠΌΠ°Ρ‚. Он ΠΈΡ‰Π΅Ρ‚ изобраТСния SVG ΠΈ замСняСт ΠΈΡ… вСрсиями PNG, Ссли SVG Π½Π΅ поддСрТиваСтся.

      09. РаспознаваниС Π»ΠΈΡ†

      Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΡ‰Π½Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ
      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΡƒΠΏΡ€ΠΎΡ‰Π°Π΅Ρ‚ использованиС Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΌΠΎΡ‰Π½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, обнаруТивая ΠΈ прСдоставляя ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ чСловСчСских Π»ΠΈΡ† Π½Π° изобраТСниях, Π²ΠΈΠ΄Π΅ΠΎ ΠΈ холстах. Плагин, написанный Π”ΠΆΠ΅Π΅ΠΌ Π‘Π°Π»ΡŒΠ²Π°Ρ‚ΠΎΠΌ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π°Π»Π³ΠΎΡ€ΠΈΡ‚ΠΌ распознавания Π»ΠΈΡ† Π›ΡŽ Π›ΡŽ.

      10. ΠšΡ€ΡƒΠ³Π»Ρ‹ΠΉ слайдСр

      Π’Π΅ΠΌΠ° слайдСра ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ вашим цСлям
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΊΡ€ΡƒΠ³Π»ΠΎΠ³ΠΎ слайдСра позволяСт Π²Π°ΠΌ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, пСрСмСщая курсор ΠΊΡ€ΡƒΠ³. ΠŸΠΎΠ»Π½Ρ‹ΠΉ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, Π½ΠΎ Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ для получСния Ρ„ΠΎΡ€ΠΌ Ρ‡Π΅Ρ‚Π²Π΅Ρ€Ρ‚ΠΈ ΠΊΡ€ΡƒΠ³Π°, ΠΏΠΎΠ»ΡƒΠΊΡ€ΡƒΠ³Π° ΠΈ ΠΊΡ€ΡƒΠ³Π°. Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ стили CSS, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ для создания Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚Π΅ΠΌ β€” Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ΠΈ выглядСли ΠΊΠ°ΠΊ спидомСтр. Π’Π°ΠΌ Π½Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ; всС это дСлаСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈ JavaScript.

      ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ эффСкт параллакса с Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒΡŽ
      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π”ΠΎΠ±Π΅ΠΉΡ‚Π΅ΡΡŒ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ с эффСктом параллакса Π² ΠΊΡ€Π°Ρ‚Ρ‡Π°ΠΉΡˆΠΈΠ΅ сроки, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery jInvertscroll. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π² использовании ΠΏΠ»Π°Π³ΠΈΠ½ практичСски Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ настройки для создания Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ двиТСния с эффСктом параллакса ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ Π²Π½ΠΈΠ·. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΡΡ‚Π½ΡƒΡŽ иллюзию Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ вашСго сайта.

      Π”ΠΈΠ·Π°ΠΉΠ½ мСню, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π²Ρ‹ΠΉΠ΄Π΅Ρ‚ ΠΈΠ· ΠΌΠΎΠ΄Ρ‹?
      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π”ΠΈΠ·Π°ΠΉΠ½ мСню ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π² ΠΌΠΎΠ΄Ρƒ ΠΈ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ· ΠΌΠΎΠ΄Ρ‹, Π½ΠΎ Slinky ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ элСгантный, Π²Π½Π΅Π²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ мСню, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π΅Π½ Π² любой ситуации, ΠΊΠΎΠ³Π΄Π° Ρƒ вас ΠΌΠ½ΠΎΠ³ΠΎ подмСню. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт, ΠΈ анимация пСрСмСстит подмСню. ΠŸΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ Π΄Π΅ΠΌΠΎ ΠΌΠΎΠΆΠ½ΠΎ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅).

      13. TwentyTwenty

      Плагин ZURB позволяСт ΡΡ€Π°Π²Π½ΠΈΡ‚ΡŒ Π΄Π²Π° изобраТСния
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      ВмСсто размСщСния Π΄Π²ΡƒΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ рядом, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ снимками Π΄ΠΎ ΠΈ послС, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½ ZURB TwentyTwenty, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΏΠΎΠ²Π΅Ρ€Ρ… Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ пСрСтаскиваСт ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½ΠΈΠΆΠ½Π΅Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ просвСчивало Ρ‡Π΅Ρ€Π΅Π· Π²Π΅Ρ€Ρ…Π½Π΅Π΅, позволяя Π΅ΠΌΡƒ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ измСнилось.

      Анимация ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      АнимационныС эффСкты иСрархичСского отобраТСния ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‚ ΠΎΠ΄Π½ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π² процСссС. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π² соотвСтствии с вашим Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. Он ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠ±ΡˆΠΈΡ€Π½ΡƒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π½Π°Ρ‡Π°Ρ‚ΡŒ.

      15. Tabslet

      ΠœΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡ‚ΡΠΊΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Tabslet
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Как слСдуСт ΠΈΠ· названия, Tabslet β€” это Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ для создания Π²ΠΊΠ»Π°Π΄ΠΎΠΊ. Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅/ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠ΅ элСмСнты управлСния, Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠ΅ события, Π³Π»ΡƒΠ±ΠΎΠΊΠΈΠ΅ ссылки ΠΈ мноТСство Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. ВзглянитС Π½Π° Π΄Π΅ΠΌΠΎΠ²Π΅Ρ€ΡΠΈΡŽ (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ это Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ.

      16. nanogallery2

      ΠŸΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Π°Ρ ΠΈ быстрая галСрСя ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ
      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Разработанная для упрощСния Π²Π°ΡˆΠΈΡ… Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, nanogallery2 ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΎΡƒΡ€ΠΎΠ²Π½Π΅Π²ΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΏΠΎ альбомам, лайтбоксы, ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ эффСкты навСдСния Π½Π° ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹, слайд-ΡˆΠΎΡƒ, полноэкранный Ρ€Π΅ΠΆΠΈΠΌ, Π½ΡƒΠΌΠ΅Ρ€Π°Ρ†ΠΈΡŽ страниц ΠΈ ΠΎΡ‚Π»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Он сСнсорный, ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ, быстрый ΠΈ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΎΠ±Π»Π°Ρ‡Π½ΠΎΠ΅ Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π΅. ВСрсия 2 ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ интСрфСйс ΠΈ Π½ΠΎΠ²Ρ‹Π΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π°Ρ†ΠΈΡ ΠΏΠΎ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словам, ΠΊΠΎΡ€Π·ΠΈΠ½Π° ΠΏΠΎΠΊΡƒΠΏΠΎΠΊ, ΠΎΠ±ΠΌΠ΅Π½ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях, Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ эффСкты навСдСния, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π°ΠΌΠΈ ΠΈ информационная страница с мСстополоТСниСм Π½Π° Google Maps.

      17. Tooltipster

      НСобычныС Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Tooltipster
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π­Ρ‚ΠΎΡ‚ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery прСдставляСт собой соврСмСнный взгляд Π½Π° ΠΊΠ»Π°ΡΡΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку, позволяя Π²Π°ΠΌ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки с ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ HTML Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS для управлСния ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ. Tooltipster ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ спСктр ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€Π°Ρ†ΠΈΠΈ, поэтому Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π΅Π³ΠΎ для Π»ΡŽΠ±Ρ‹Ρ… Π½ΡƒΠΆΠ΄.

      Быстрый ΠΈ Π»Π΅Π³ΠΊΠΈΠΉ лайтбокс
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ лайтбокса для jQuery ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π±Ρ‹Ρ‚ΡŒ максимально Π»Π΅Π³ΠΊΠΈΠΌ ΠΈ совмСстимым. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ сосрСдоточился Π½Π° ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΠΈ взаимодСйствии с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ, поэтому ΠΎΠ½ Π½Π΅ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ всСми функциями Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² для лайтбоксов, Π½ΠΎ ΠΎΠ½ ΠΎΡ‡Π΅Π½ΡŒ быстрый ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±Π΅Π· сбоСв Π½Π° ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠΌ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π΅ устройств, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ устройства с высоким Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ (Retina), Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ MacBook. ΠŸΡ€ΠΎ.

      19. Π ΡƒΡ‡ΠΊΠ° jQuery

      Π£Π΄ΠΎΠ±Π½Ρ‹Π΅ сСнсорныС Ρ†ΠΈΡ„Π΅Ρ€Π±Π»Π°Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС
      • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

      Π ΡƒΡ‡ΠΊΠ° jQuery Knob ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ элСмСнты Π²Π²ΠΎΠ΄Π° Π² сСнсорныС Ρ†ΠΈΡ„Π΅Ρ€Π±Π»Π°Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π° Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС. ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ ΠΊ Π½ΠΎΠ²Ρ‹ΠΌ ΠΏΠ°Ρ€Π°Π΄ΠΈΠ³ΠΌΠ°ΠΌ, стоит ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° тСхничСский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄.

      20. Typeahead.js

      Π£Π΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт автозаполнСния, созданный ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² Twitter
      • Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ здСсь β€” Π²Π½Π΅Π΄Ρ€ΠΈΡ‚ΡŒ инструмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ·Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹Π΅ ΠΈΠ· локального ΠΈΠ»ΠΈ внСшнСго источника ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ Π²Π²ΠΎΠ΄ΠΈΡ‚ Π΄Π°Π½Π½Ρ‹Π΅ Π² ΠΏΠΎΠ»Π΅ Π²Π²ΠΎΠ΄Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Ρ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ автозаполнСния.

        21. Lettering.js

        ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ Ρ‚ΠΎΡ‡Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ вашим ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ
        • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

        Lettering.js позволяСт ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ символами Π² вашСм ΡˆΡ€ΠΈΡ„Ρ‚Π΅, позволяя Π²Π°ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΊΠ΅Ρ€Π½ΠΈΠ½Π³, Ρ€Π°ΡΠΊΡ€Π°ΡˆΠΈΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Π±ΡƒΠΊΠ²Ρ‹ ΠΈ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΏΡ€ΠΎΡΠ»ΡƒΡˆΠΈΠ²Π°Ρ‚Π΅Π»ΠΈ событий. Он Ρ‚Π°ΠΊΠΆΠ΅ прСкрасно сочСтаСтся с FitText (Π½ΠΈΠΆΠ΅), прСдоставляя Π²Π°ΠΌ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»ΡŒ Π½Π°Π΄ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ Π² ​​стилС Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола, ΠΎΡΡ‚Π°Π²Π°ΡΡΡŒ ΠΏΡ€ΠΈ этом ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΌ.

        22. FitText

        АвтоматичСски ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠΉΡ‚Π΅ тСкст для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ²
        • Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ здСсь (открываСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅)

        Π­Ρ‚ΠΎΡ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для создания Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ². Π­Ρ‚ΠΎ позволяСт Π²Π°ΠΌ ΠΏΠΎΠ΄Π³ΠΎΠ½ΡΡ‚ΡŒ тСкст ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, автоматичСски увСличивая ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ Ρ€Π°Π·ΠΌΠ΅Ρ€ тСкста Π² соотвСтствии с вашими потрСбностями. Плагин Ρ‚Π°ΠΊΠΆΠ΅ интСгрируСтся с Lettering.js (см. Π²Ρ‹ΡˆΠ΅), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π΄Π΅Ρ‚Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΡΡ‚ΠΈΠ»ΠΈΠ·Π°Ρ†ΠΈΡŽ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ символа.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *