Π‘Π°ΠΉΡ‚

ΠŸΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ для сайта jquery: ΠŸΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ для сайта Π½Π° CSS ΠΈ jQuery

23.04.2023

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π’Ρ‹Π²ΠΎΠ΄ статСй ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Β«htmlΒ»

Π’Ρ‹Π²ΠΎΠ΄ статСй ΠΏΠΎ Ρ‚Π΅ΠΌΠ΅ Β«htmlΒ»

Набор Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… svg-preloader ΠΈΠΊΠΎΠ½ΠΎΠΊ

Набор svg Ρ„Π°ΠΉΠ»ΠΎΠ² с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π±Π΅Π· скриптов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡƒΡ‚ для отобраТСния Π½Π° сайтС Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ»ΠΈ оТидания.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

HTMLCSS

12 ΠΌΠ°Ρ€ 2021 Π³.

8883

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

ВставляСм Π½Π° сайт ссылку Π½Π° Ρ‡Π°Ρ‚ whatsapp, viber ΠΈ telegram

Рассмотрим ΠΊΠ°ΠΊ ΠΏΠΎ ссылкС Π½Π° сайтС ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΎΠΊΠ½ΠΎ прилоТСния whatsapp, viber ΠΈΠ»ΠΈ telegram для ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ сообщСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΠΏΠΎ Π½ΠΎΠΌΠ΅Ρ€Ρƒ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΈΠ½Ρƒ.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

HTML

20 ноя 2018 г.

18684

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

Онлайн Π³Π΅Π½Π΅Ρ€Π°Ρ‚ΠΎΡ€ HTML Ρ‚Π°Π±Π»ΠΈΡ†

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ сСрвис для Π³Π΅Π½Π΅Ρ€Π°Ρ†ΠΈΠΈ HTML Ρ‚Π°Π±Π»ΠΈΡ† с Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒΡŽ объСдинСния ячССк ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΌΡ‹ΡˆΡŒ.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

HTMLБСрвисы

03 ΠΌΠ°Ρ€ 2015 Π³.

107595

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

Плагин jquery для ΠΏΠΎΠΊΠ°Π·Π° ΠΈ скрытия элСмСнтов ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ

МалСнький jquery ΠΏΠ»Π°Π³ΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΡΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊ ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΏΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ элСмСнту. БыстроС ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΈ настройка.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

jQueryHTMLJavaScript

01 ΠΌΠ°Ρ€ 2015 Π³.

7368

Алгоритмы ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅

ΠœΠΈΠ³Π°ΡŽΡ‰ΠΈΠΉ тСкст Π½Π° CSS для привлСчСния внимания

Π‘ появлСниСм css Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅Π³ΠΎ поколСния появилась Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ создания ΠΌΠΈΠ³Π°ΡŽΡ‰Π΅Π³ΠΎ тСкста Π½Π΅ прибСгая ΠΊ javascript. Всё рСализуСтся Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ стилСй ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠΎΠ².

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

CSSHTML

15 Π΄Π΅ΠΊ 2014 Π³.

50799

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

ВставляСм PDF Π½Π° сайт для просмотра со страницы

Рассмотрим ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ PDF Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π½Π° сайт. ΠŸΡ€ΠΈ этом ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ доступСн для просмотра прямо со страницы ΠΈ для этого Π½Π΅ потрСбуСтся ΡƒΡΡ‚Π°Π½Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹. Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ….

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

PDFHTMLБСрвисы

23 мая 2014 г.

69952

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

Π£Π²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Ρ„ΠΎΡ‚ΠΎ Π½Π° сайтС ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡƒ Π½Π° jquery

ΠŸΡ€ΠΈ Π²Ρ‹Π²ΠΎΠ΄Π΅ большого количСства Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ Π½Π° сайтС слСдуСт Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ лишь ΠΈΡ… ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Ρ‹, Π° ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΡƒΠΆΠ΅ Π²Ρ‹Π²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅ Π² ΠΏΠΎΠ»Π½ΠΎΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅. ΠŸΡ€ΠΎΡ‰Π΅ всСго Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ jquery ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Π° Β«colorboxΒ».

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

HTMLΠ’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½jQuery

22 Ρ„Π΅Π² 2014 Π³.

30228

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

Какой Π΄Π²ΠΈΠΆΠΎΠΊ Π»ΡƒΡ‡ΡˆΠ΅ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ для сайта

Π’Ρ‹Π±ΠΎΡ€ CMS для изучСния Π²Π°ΠΆΠ½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚, вСдь ошибившись ΠΌΠΎΠΆΠ½ΠΎ напрасно ΠΏΠΎΡ‚Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя Π½Π° освоСниС ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ Π΄Π²ΠΈΠΆΠΊΠ°. ΠŸΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ нСсколько совСтов ΠΊΠ°ΠΊ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ.

Π§ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ

Π’Π΅ΠΌΡ‹:

CMSHTML

20 сСн 2013 г.

9299

Π Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ° сайтов

Β© REALADMIN.RU Β  2022 Π³.

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° сгСнСрирована: 0,1939 s | 4 mb.

up

20 бСсплатных Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ΠΎΠ² / ПолСзноС / Π‘Π°ΠΉΡ‚Ρ‹ ΠΈ Π±ΠΈΡ€ΠΆΠΈ фриланса. ΠžΠ±Π·ΠΎΡ€Ρ‹ фриланс Π±ΠΈΡ€ΠΆ. Новости. Π‘ΠΎΠ²Π΅Ρ‚Ρ‹. Ѐриланс для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…. FREELANCE.TODAY

Никому Π½Π΅ нравится Π΄ΠΎΠ»Π³ΠΎ ΠΆΠ΄Π°Ρ‚ΡŒ, ΠΏΠΎΠΊΠ° загрузится страница сайта, слайдСр ΠΈΠ»ΠΈ другая информация. Но Ссли ΡΠΎΠΊΡ€Π°Ρ‚ΠΈΡ‚ΡŒ врСмя оТидания сайта Π½Π΅ удаСтся (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΎΠ½ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ, ΠΈ для ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎΠΉ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠΎΠ΄Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ всС скрипты), Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΡ‚Π°Ρ€Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ-Ρ‚ΠΎ ΡΠΊΡ€Π°ΡΠΈΡ‚ΡŒ врСмя оТидания Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€Ρ‹.

ΠœΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ для вас 20 интСрСсных ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ΠΎΠ², Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Ρ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS3 ΠΈ HTML5 ΠΈΠ»ΠΈ JQuery. Они способны Π·Π°ΠΌΠ΅Ρ‚Π½ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ для Π³Π°Π»Π΅Ρ€Π΅ΠΉ, слайдСров, Π±Π»ΠΎΠ³ΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ.

ΠŸΠΎΠ΅Ρ…Π°Π»ΠΈ Π·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ!

Β 

Single Element CSS SpinnersΒ 

Π’ΠΎΡ‚ простыС ΠΈ  элСгантныС Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ, Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ CSS. ΠœΠΎΠ³ΡƒΡ‚ Π»Π΅Π³ΠΊΠΎ ΡΡ‚Π°Ρ‚ΡŒ Ρ‡Π°ΡΡ‚ΡŒΡŽ любого Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° – просто скопируйтС ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΊΠΎΠ΄.

Β 
Β 

CSS Rainbow LoaderΒ 

А это – сочный ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ Π² Π²ΠΈΠ΄Π΅ Ρ€Π°Π΄ΡƒΠ³ΠΈ, создан Π½Π°Β  CSS. ΠŸΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для ярких, Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹Ρ…, ΠΌΠΎΠ»ΠΎΠ΄Π΅ΠΆΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²!

Β 
Β 

SpinnerΒ 

А этот ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ для сайтов с ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.

Β 
Β 

Single element Slack loaderΒ 

Π­Ρ‚ΠΎΡ‚ изящный ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ достигаСт волшСбного эффСкта Π·Π° счСт сочСтания HTML ΠΈ CSS. Выглядит Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ, ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ чудСсно Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° любом Ρ‚ΠΈΠΏΠ΅ Π²Π΅Π±-сайтов.

Β 
Β 

Bar/Ball LoaderΒ 

ДинамичСская анимация – Ρ€Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ Π±Π»ΠΎΠΊΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ Π² Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ нСбольшой ΡˆΠ°Ρ€ΠΈΠΊ.

Β 
Β 

Text FillingΒ 

Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ с Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠΌ, Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ сайта ΠΈΠ»ΠΈ броским Π»ΠΎΠ·ΡƒΠ½Π³ΠΎΠΌ. Π‘Ρ‚Π°Π½Π΅Ρ‚ ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΌ элСмСнтом Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π° для вашСго сайта.

Β 
Β 

VSCO – CSS loaderΒ 

Π­Ρ‚ΠΎΡ‚ ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ CSS-ΠΏΠΎΠ³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² ΠΈ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΈ элСгантный, Π° Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° сайт Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² Π΄Π²Π° ΠΊΠ»ΠΈΠΊΠ°.

Β 
Β 

Reddit LoaderΒ 

Волько Π΄Π²Π° Ρ†Π²Π΅Ρ‚Π° ΠΈ простыС Ρ„ΠΈΠ³ΡƒΡ€Ρ‹. Но какая интСрСсная анимация! Π­Ρ‚ΠΎΡ‚ ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ украсит любой ваш сайт.

Β 
Β 

Loader #7Β 

Π­Ρ‚ΠΎΡ‚ ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ идСально ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² со ΡΡ‚ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ, минималистским Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.

Β 
Β 

Cube CSS LoaderΒ 

Π‘Π½ΠΎΠ²Π° классика, снова ΠΊΡƒΠ±ΠΈΠΊΠΈ. Но ΠΎΡ‡Π΅Π½ΡŒ интСрСсная анимация Π΄Π΅Π»Π°Π΅Ρ‚ этот ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΏΡ€ΠΈΡ‚ΡΠ³ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌ взгляд.

Β 
Β 

Another Simple CSS load animationΒ 

И эта ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈΠ· разряда Β«Π½Π΅ ΠΌΠΎΠ³Ρƒ ΠΎΡ‚ΠΎΡ€Π²Π°Ρ‚ΡŒ взгляд». ΠŸΡ€ΠΎΡΡ‚ΠΎ Π·Π°Π²ΠΎΡ€Π°ΠΆΠΈΠ²Π°Π΅Ρ‚, ΠΈ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ скрасит врСмя оТидания Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ для Π²Π°ΡˆΠΈΡ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ.

Β 
Β 

Tumblr-style cog loadersΒ Β 

Если Π²Ρ‹ ΠΈΡ‰Π΅Ρ‚Π΅ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΊΠ°ΠΊ Π½Π° Tumblr, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° эти! Анимация Π½Π° основС CSS, с использованиСм SVG ΠΈΠΊΠΎΠ½ΠΎΠΊ.

Β 
Β 

CSS3 LoadersΒ 

А это ΠΊΡ€ΡƒΠ³ΠΎΠ²Ρ‹Π΅ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ CSS3 ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€Ρ‹. НавСдитС курсор ΠΌΡ‹ΡˆΠΈ Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ участки ΠΈ посмотритС Π½Π° интСрСсный эффСкт.

Β 
Β 

CSS loaderΒ 

ΠŸΡ€ΠΎΡΡ‚Π°Ρ ΠΈ элСгантная анимация Π² ΠΏΠ°ΡΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΠ½Π°Ρ…. ИдСальна для сайтов ТСнской Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠΈ.

Β 
Β 

CSS loaders kitΒ 

А Π² этом ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡ‚Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° свой вкус. Π‘ΡƒΠ΄ΡƒΡ‚ это часики ΠΈΠ»ΠΈ просто Π±Π΅Π»Ρ‹Π΅ ΠΊΡ€ΡƒΠΆΠΊΠΈ?

Β 
Β 

Simple LoaderΒ 

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ с ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ„ΠΎΡ€ΠΌΠ°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ. Π›Π΅Π³ΠΊΠΎ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° любом сайтС.

Β 
Β 

Loaders collection by Loaders.cssΒ 

А здСсь цСлая коллСкция Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΎΠ². Π•ΡΡ‚ΡŒ ΠΈΠ· Ρ‡Π΅Π³ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΈ всС Π»Π΅Π³ΠΊΠΎ ΠΈΠ½Ρ‚Π΅Π³Ρ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π² любой сайт.

Β 
Β 

CSS loaderΒ 

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Ρ‹ΠΉ ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€ с ΠΊΡ€ΡƒΠ³Π°ΠΌΠΈ. Они Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅ΡΡ‚Ρ€Π°ΠΈΠ²Π°ΡŽΡ‚ΡΡ Π² Ρ‚Ρ€Π΅ΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ, Ρ‚ΠΎ Π² ΠΏΡƒΠ½ΠΊΡ‚ΠΈΡ€Π½ΡƒΡŽ линию.

Β 
Β 

CSS LoaderΒ 

Π•Ρ‰Π΅ ΠΎΠ΄Π½Π° коллСкция ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ΠΎΠ², с Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ. ВсС ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€Ρ‹ – Π² Ρ„ΠΎΡ€ΠΌΠ΅ ΠΊΡ€ΡƒΠ³Π°.

Β 
Β 

CSS loading text animationΒ 

Π­Ρ‚Π° анимация ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°Π»ΠΎΠΆΠ΅Π½Π° Π½Π° тСкстовый Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ любой тСкст – Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π½Π° Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΠΈΠ»ΠΈ Π΅Π΅ слоган.

Β 
Β 

НадССмся, Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ ΠΈΠ· этой ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΈ пригодится Π²Π°ΠΌ Π² Ρ€Π°Π±ΠΎΡ‚Π΅ Π½Π°Π΄ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ!

Β 

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: 20 Free Animated Spinners and LoadersΒ 

40+ Плагин ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ jQuery с ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ

17 сСнтября 2018 Π³. | ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹, ΠŸΡ€Π΅ΠΌΠΈΡƒΠΌ

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ jQuery позволяСт Π²Π°ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° Π½Π° страницы вашСго сайта. ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ содСрТимого вашСй Π²Π΅Π±-страницы, ΠΈ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΡΡ‚Π°Ρ‚ΡŒ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ способом ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΠΆΠΈΠ΄Π°Π½ΠΈΠ΅ ΠΌΠ΅Π½Π΅Π΅ ΡƒΡ‚ΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ для посСтитСля Π²Π΅Π±-сайта.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ:

  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ»ΠΈ собствСнного Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ°
  • 11 Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° Π²Ρ‹Π±ΠΎΡ€
  • УстановитС минимальноС врСмя отобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ Π½Π΅ исчСзал слишком быстро
  • Настройка Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Ρ†Π²Π΅Ρ‚Π°, Ρ„ΠΎΠ½Π°, прозрачности ΠΈ Ρ‚. Π΄.
  • Плагин
  • Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°ΠΌΠΈ, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π°ΠΌΠΈ ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°ΠΌΠΈ

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

4 октября 2016 Π³. | Анимация, CSS2 / CSS3.0

Чистый тСкст, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS, нСзависимый ΠΎΡ‚ ΡˆΡ€ΠΈΡ„Ρ‚Π°, встроСнныС ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

5 сСнтября 2016 Π³. | ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹

Π‘ΠΎΠ·Π΄Π°Π½ для облСгчСния Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы Progress. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ для получСния скорости, ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π°. Progress Π΄ΠΎΠ»ΠΆΠ΅Π½ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ страницу для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² зависимости ΠΎΡ‚ Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρ‹ этой скорости.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

20 июня 2016 Π³. | Анимация, Core Java Script, CSS2 / CSS3.0

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»ΠΎΠ² с javascript, Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»Π΅Π½Π½Ρ‹ΠΉ Google Inbox.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

14 ноября 2015 Π³. | HTML5, ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹Π΅ ΠΌΠΎΠ΄ΡƒΠ»ΠΈ

CircletPreloader β€” это нСбольшой ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌΡ‹ΠΉ ΠΌΠΎΠ΄ΡƒΠ»ΡŒ jQuery, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ анимация цикличСской Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ состояниС заряда Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов HTML DOM Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ….
ЦСль состояла Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΠΎΠΉΡ‚ΠΈΡΡŒ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ мСньшим количСством ΠšΠ‘, сохраняя ΠΏΡ€ΠΈ этом Π³ΠΈΠ±ΠΊΠΎΡΡ‚ΡŒ Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ возмоТностСй прСдставлСния Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Π€Π°ΠΉΠ» JavaScript minifie вСсит всСго 2,74 ΠšΠ‘ ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΈ/ΠΈΠ»ΠΈ Π²Π½Π΅ΡˆΠ½ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊ JavaScript. МоТно ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CircletPreloader Π΄Π°ΠΆΠ΅ Π±Π΅Π· использования jQuery, поэтому ΠΎΠ½ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ нСзависим. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡƒΠ°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π² большом ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

5 октября 2015 Π³. | HTML5, ΠŸΡ€Π΅ΠΌΠΈΡƒΠΌ

ΠŸΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½Π°Ρ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° сдСлаСт Ρ€Π°Π·Π½ΠΈΡ†Ρƒ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом ΠΈ ΠΏΠ»Π°Π²Π½Ρ‹ΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠΌ ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ. Π£Π»ΡƒΡ‡ΡˆΠΈΡ‚Π΅ свой ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Circular HTML5 Preloader. Он ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ визуализируСтся ΠΈ анимируСтся Π² SVG с нСбольшими Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ.

  • 3 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄Π° Ρ€ΠΎΠ·Ρ‹Π³Ρ€Ρ‹ΡˆΠ°
  • Гладкая анимация SVG
  • Ѐункция Π°Π²Ρ‚ΠΎΠ·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ
  • Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚
  • ΠžΡ‡ΠΈΡΡ‚ΠΊΠ° кэша
  • Π‘ΠΎΠ»Π΅Π΅ 30 ΠΎΠΏΡ†ΠΈΠΉ
  • НастраиваСмыС ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ CSS3
  • Π­Ρ„Ρ„Π΅ΠΊΡ‚ свСтящСгося Ρ„ΠΈΠ»ΡŒΡ‚Ρ€Π° SVG
  • ΠžΠ±Ρ€Π°Ρ‚Π½Ρ‹Π΅ Π²Ρ‹Π·ΠΎΠ²Ρ‹ Javascript

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

11 сСнтября 2015 Π³. | Анимация, Core Java Script

ΠŸΡ€ΠΎΡΡ‚Π°Ρ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для дСмонстрации ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ красивой страницы-заставки Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ прилоТСния.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

25 мая 2015 Π³. | ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹

Плагин jQuery с Π³ΠΈΠ±ΠΊΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ.

  • ΠŸΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π°Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° всю страницу ΠΈΠ»ΠΈ Π½Π° ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты DOM
  • ΠžΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Π΅Ρ‚ «счСтчик» (ΠΈΠ»ΠΈ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ), Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ нСсколько Π²Ρ‹Π·ΠΎΠ²ΠΎΠ² Π½Π° ΠΎΠ΄Π½Ρƒ Ρ†Π΅Π»ΡŒ
  • ΠœΠΎΠΆΠ΅Ρ‚ автоматичСски ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π² соотвСтствии с Π΅Π³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠΌ (ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠΎΠ²Π΅Ρ€Ρ… заполняСмого элСмСнта DOM)
  • ΠŸΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΊΠΎΠ½Ρ„ΠΈΠ³ΡƒΡ€ΠΈΡ€ΡƒΠ΅ΠΌΡ‹ΠΉ
  • Π‘Π΅Π· внСшнСго CSS, малая занимаСмая ΠΏΠ»ΠΎΡ‰Π°Π΄ΡŒ

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

4 апрСля 2015 Π³. | Анимация, CSS2 / CSS3.0

ΠšΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΡ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ написанных Π½Π° css. КаТдая анимация ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π° нСбольшим подмноТСством свойств css, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ дорогостоящих вычислСний рисования ΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π°.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ДСмонстрация

28 ΠΌΠ°Ρ€Ρ‚Π° 2015 Π³. | Анимация, CSS2 / CSS3.0

30 Анимация ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы CSS, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ использовался Ρ‚ΠΎΠ»ΡŒΠΊΠΎ CSS, jQuery использовался Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ экран Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, просто Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Π² любом мСстС экрана.

Π­Ρ‚ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π»ΡƒΡ‡ΡˆΠ΅ всСго подходят для содСрТимого, Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ врСмя, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π³Π°Π»Π΅Ρ€Π΅ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ Demo

5+ Π»ΡƒΡ‡ΡˆΠΈΡ… ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ jQuery (бСсплатныС ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅) | FormGet

ОбновлСно 3 июля 2020 г.

ΠΏΠΎ Neeraj Agarwal

Π£Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° вашСм Π²Π΅Π±-сайтС Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ‚Ρ€ΡƒΠ΄Π½ΠΎΠΉ Π·Π°Π΄Π°Ρ‡Π΅ΠΉ. Как Π½ΠΈΠΊΡ‚ΠΎ Π½Π΅ Π»ΡŽΠ±ΠΈΡ‚ ΠΆΠ΄Π°Ρ‚ΡŒ!

Но Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ этой слоТности Π΄ΠΎ нуля, ΠΌΡ‹ прСдставляСм Π²Π°ΠΌ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ jQuery.

Π’Ρ‹, Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ, Π·Π°Π΄Π°Π΅Ρ‚Π΅ΡΡŒ вопросом, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ Π΄Π΅Π»Π°Ρ‚ΡŒ эти ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваши Π·Ρ€ΠΈΡ‚Π΅Π»ΠΈ Π±Ρ‹Π»ΠΈ заняты?

Ну, эти ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ собой настраиваСмыС ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠΈΡ€ΡƒΡŽΡ‚ Π·Ρ€ΠΈΡ‚Π΅Π»Π΅ΠΉ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ загруТаСтся. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΎΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π² ΠΏΡ€ΠΎΠΈΠ³Ρ€Ρ‹Π²Π°Ρ‚Π΅Π»Π΅ Flash ΠΈΠ»ΠΈ Π½Π° любой HTML-страницС.

ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΈ, прСдоставляСмыС ΠΏΠ»Π°Π³ΠΈΠ½Π°ΠΌΠΈ, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ GIF-Ρ„Π°ΠΉΠ»Ρ‹, изобраТСния ΠΈΠ»ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ врСмя оТидания зритСля Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ интСрСсным.

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



Π­Ρ‚ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ° содСрТат мноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ нСсколько Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² настройки, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ рисования ΠΈ мноТСство ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ созданных Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΎΠ².

На самом Π΄Π΅Π»Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ эффСкты ΠΏΡ€Π΅Π΄Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ поста ΠΈ страницы. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, эти ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ jQuery ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ стили, Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, Ρ†Π²Π΅Ρ‚ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ эффСкты. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, это Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ процСссу Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΈΠ΄.

МнС ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°ΠΉΡ‚ΠΈ эти 5+ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ jQuery. ΠœΡ‹ надССмся, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ Π»ΡƒΡ‡ΡˆΠ΅Π΅ Π² соотвСтствии с вашим Π²Ρ‹Π±ΠΎΡ€ΠΎΠΌ ΠΈ трСбованиями Π²Π΅Π±-сайтов.

Π”Ρ€ΡƒΠ³ΠΈΠ΅ Π±Π»ΠΎΠ³ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ здСсь:

  • ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ„Π°ΠΉΠ»ΠΎΠ² jQuery AJAX

ΠŸΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML5 Gears, Silverlight, Flash, BrowserPlus ΠΈ прСдоставляСт Ρ‚Π°ΠΊΠΈΠ΅ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ, ΠΊΠ°ΠΊ Ρ…ΠΎΠ΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ, ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

  • ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ€Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ jQuery

Π­Ρ‚ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ правописания тСкста Π² ΠΏΠΎΠ»Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ ΠΈΠ»ΠΈ Π² Π΄Π΅Ρ€Π΅Π²Π΅ DOM.

  • ΠŸΠ»Π°Π³ΠΈΠ½Ρ‹ jQuery WYSIWYG

Π­Ρ‚ΠΈ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π²ΠΎ всСх Π²Π°ΡˆΠΈΡ… прилоТСниях. И всС эти ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‚ΡΡ с ΠΏΠΎΠ»Π½ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠ΅ΠΉ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΉ структурой ΠΈ мноТСством ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‰ΠΈΡ… использованиС.


Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ количСством элСмСнтов (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, 5+ страниц ΠΈΠ»ΠΈ 5+ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π²ΠΈΠ΄Π΅ΠΎ). Π—Π°Ρ‚Π΅ΠΌ ΠΎΠ½ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚, создавая иллюзию прогрСсса. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, этот ΠΏΠ»Π°Π³ΠΈΠ½ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ врСмя ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°.

Он содСрТит мноТСство Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ созданиС Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΎΠ², Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ Π²Ρ‹Π·ΠΎΠ²Π° ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΈ собствСнный настраиваСмый ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ Π½Π° основС ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ΠΎΠ². ЀактичСски, этот ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ 4,5 ΠΈΠ· 5 Π·Π²Π΅Π·Π΄ с Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ 200 Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ установками.



Π¦Π΅Π½Π° –

ΠšΠ°Ρ‡Π΅ΡΡ‚Π²ΠΎ этого ΠΏΠ»Π°Π³ΠΈΠ½Π° ΠΏΡ€ΠΎΠ²Π΅Ρ€Π΅Π½ΠΎ Envato ΠΈ прСдоставляСт ΠΏΠΎΠΆΠΈΠ·Π½Π΅Π½Π½Ρ‹Π΅ бСсплатныС обновлСния всСго Π·Π° 9 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ².

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ –
  • Он поставляСтся с 8 прСдустановлСнными Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π»Π΅Π³ΠΊΠΎ Π·Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Ρ‚ΡŒ Π²Π°ΡˆΠΈΡ… Π·Ρ€ΠΈΡ‚Π΅Π»Π΅ΠΉ Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π΄Π»ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.
  • Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ прСдоставляСт Π²Π°ΠΌ Ρ‚Π΅ΠΌΠ½ΡƒΡŽ ΠΈ ΡΠ²Π΅Ρ‚Π»ΡƒΡŽ Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ схСмы, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ ΠΈΠ· Π½ΠΈΡ… Π² соотвСтствии с трСбованиями вашСго сайта.
  • ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ· Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€Π°.
  • Π’Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ большиС изобраТСния Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ ΠΏΠΎΡ‡Ρ‚ΠΈ Π² 1 ΠœΠ‘ для уточнСния процСсса ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ здСсь


Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΈΠΌΠ΅Π΅Ρ‚ мноТСство ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π²ΠΎ врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ CSS, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ внСшний Π²ΠΈΠ΄ большого ΠΏΠ°Π»ΡŒΡ†Π°.

ΠŸΠΎΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚ΡΡ с бСсплатными обновлСниями. ЀактичСски, ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ CSS, HTML ΠΈ JavaScript JS. Он Ρ‚Π°ΠΊΠΆΠ΅ совмСстим со всСми основными Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Firefox, Safari, Opera, Chrome ΠΈ всСми вСрсиями Internet Explorer.



Π¦Π΅Π½Π° –
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΊΡƒΠΏΠΈΡ‚ΡŒ эту ΠΏΠΎΠΊΡƒΠΏΠΊΡƒ Π·Π° 45 Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΡˆΠ΅ΡΡ‚ΠΈΠΌΠ΅ΡΡΡ‡Π½ΠΎΠΉ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΎΡ‚ Π°Π²Ρ‚ΠΎΡ€Π°.
  • Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΄Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π½Π° 12 мСсяцСв, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°ΠΏΠ»Π°Ρ‚ΠΈΡ‚ΡŒ всСго 6,13 Π΄ΠΎΠ»Π»Π°Ρ€Π° БША.
ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ β€”
  • Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ содСрТит сСмь Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… стилСй ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ°.
  • ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ строку Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° вашСй Π²Π΅Π±-страницы.
  • Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΏΡ€Π΅Π²ΡŒΡŽΡˆΠΊΠΈ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, встроСнный Ρ€Π°Π·ΠΌΠ΅Ρ€ 2Кб.
  • Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ позволяСт Π²Π°ΠΌ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π½Π° вашСй Π²Π΅Π±-страницС.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ здСсь


3. ChilliLoader β€” Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ jQuery Preloader

Π­Ρ‚ΠΎ Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½ с мноТСством Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈ ΠΎΡ‚Π»ΠΈΡ‡Π½ΠΎΠΉ ΡΠΎΠ²ΠΌΠ΅ΡΡ‚ΠΈΠΌΠΎΡΡ‚ΡŒΡŽ. Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ поставляСтся с Π²Ρ€Π°Ρ‰Π°ΡŽΡ‰ΠΈΠΌΡΡ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π² соотвСтствии со своими потрСбностями. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΠ½ ΠΈ Ρ†Π²Π΅Ρ‚ этого Π²Ρ€Π°Ρ‰Π°ΡŽΡ‰Π΅Π³ΠΎΡΡ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠΈΠ· 4 встроСнных Ρ„ΠΎΠ½ΠΎΠ² ΠΈΠ»ΠΈ 8 Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Ρ… Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΉ, ΠΈΠ»ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой собствСнный.

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш сайт Π΄ΠΎ Ρ‚Π΅Ρ… ΠΏΠΎΡ€, ΠΏΠΎΠΊΠ° ваш сайт Π½Π΅ загрузится Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. ЀактичСски, ваши посСтитСли смогут ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΌΠ°Π½Π½ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π½Π° вашСм сайтС.



Π¦Π΅Π½Π° –

Π›ΡŽΠ±ΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΡƒΠΏΠΈΡ‚ΡŒ этот ΠΏΠ»Π°Π³ΠΈΠ½ Π·Π° 5 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² с ΠΏΠΎΠΆΠΈΠ·Π½Π΅Π½Π½Ρ‹ΠΌΠΈ бСсплатными обновлСниями.

ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ –
  • Он ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всС Π²Π΅Π±-ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹, связанныС с HTML, PHP, WordPress ΠΈ CMS.
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ этот ΠΏΠ»Π°Π³ΠΈΠ½ Π² соотвСтствии со своими потрСбностями.
  • Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ мноТСство Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² настройки, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Ρ„ΠΎΠ½, Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ‹Π΅ Π²Π°Ρ€ΠΈΠ°Ρ†ΠΈΠΈ ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.
  • ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ совмСстим с Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ Firefox, Chrome, Opera, Safari ΠΈ Internet Explorer вСрсий 8 ΠΈ 9.
  • ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ смартфоны ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹ iPhone ΠΈ Android.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ здСсь


Circular HTML5 Preloader β€” это Π»Π΅Π³ΠΊΠΈΠΉ ΠΏΠ»Π°Π³ΠΈΠ½, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ вСсит всСго 3 ΠšΠ‘ Π² сТатом Π²ΠΈΠ΄Π΅ ΠΈ 8 ΠšΠ‘ Π² ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Он ΠΈΠΌΠ΅Π΅Ρ‚ 4 Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚ΠΈΠΏΠ° ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€Π° ΠΊΡ€ΡƒΠ³Π»ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½ΠΎΠΌ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ΅, ΠΊΡ€ΡƒΠ³ΠΎΠ²ΠΎΠΌ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ΅ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ Π² Π΄ΡƒΠ³ΠΎΠ²ΠΎΠΌ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ΅. Π”Π°ΠΆΠ΅ анимация Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠ»Π°Π²Π½ΠΎ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π²Ρ‹Ρ‡ΠΈΡΠ»ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΌΠΎΡ‰Π½ΠΎΡΡ‚ΡŒ.

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π΅Π½ ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ для SEO. Он Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ всС новСйшиС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Firefox, Safari, Opera, Chrome ΠΈ Edge.



Π¦Π΅Π½Π° β€”
  • Π¦Π΅Π½Π° этого ΠΏΠ»Π°Π³ΠΈΠ½Π° составляСт 8 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША с ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ ΠΈ 6-мСсячной ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ ΠΎΡ‚ Flashedge.
  • Π’Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄Π»ΠΈΡ‚ΡŒ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΡƒ Π½Π° Π³ΠΎΠ΄, Π·Π°ΠΏΠ»Π°Ρ‚ΠΈΠ² всСго 10,25 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША.
ΠžΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΠΈ –
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ Ρ„Π°ΠΉΠ»Ρ‹, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ изобраТСния, Ρ„Π°ΠΉΠ»Ρ‹ SVG, js, CSS, JSON ΠΈ XML.
  • ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΎΠ½ позволяСт Π²Π°ΠΌ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ ваши элСмСнты DOM, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ сам ΠΏΠΎ сСбС.
  • Он ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ мноТСство ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹Ρ… Π²Ρ‹Π·ΠΎΠ²ΠΎΠ², Ρ‡Ρ‚ΠΎ позволяСт ΠΎΡ‚ΡΠ»Π΅ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ…ΠΎΠ΄ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ.
  • Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ поставляСтся со значСниями ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ здСсь


5. jQuery Fadeloader – бСсплатныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ° jQuery

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт Π»Π΅Π³ΠΊΠΎ Π²ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊ Π½Π° ваш сайт, Π² любой ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» ΠΈΠ»ΠΈ Π½Π° страницу. jQuery Fadeloader ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ каскадный эффСкт для отобраТСния Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

На самом Π΄Π΅Π»Π΅, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹Π΅ эффСкты для упрощСния ΠΏΠ»Π°Π³ΠΈΠ½Π° jQuery. Π—Π°ΠΌΠ΅Π΄Π»Π΅Π½ΠΈΠ΅ опрСдСляСт ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ, с ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ анимация достигаСт Ρ€Π°Π·Π½Ρ‹Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ.



Π¦Π΅Π½Π° β€”

Π›ΡŽΠ±ΠΎΠΉ ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ этот ΠΏΠ»Π°Π³ΠΈΠ½ бСсплатно с GitHub.com.

Π€ΡƒΠ½ΠΊΡ†ΠΈΠΈ β€”
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΈΡΠ²ΠΎΠΈΡ‚ΡŒ имя класса ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ ΠΈΠ· Π²Π°ΡˆΠΈΡ… элСмСнтов, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π°Π»Ρ„Π°Π²ΠΈΡ‚Π° β€”
    .
  • Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ позволяСт Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту пиксСлСй ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
  • Он ΠΈΠΌΠ΅Π΅Ρ‚ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΡŽ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠ³ΠΎ Π²Ρ‹Π·ΠΎΠ²Π° onComplete, которая выполняСтся послС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ всСх элСмСнтов.
  • Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ эффСкта затухания.

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ здСсь


6. Loadie.js β€” Π»ΡƒΡ‡ΡˆΠΈΠ΅ бСсплатныС ΠΏΠ»Π°Π³ΠΈΠ½Ρ‹ для ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π·Π°Π³Ρ€ΡƒΠ·Ρ‡ΠΈΠΊΠ° jQuery

Π•Π³ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ Π²ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ Π½Π° Π²Π°ΡˆΡƒ Π²Π΅Π±-страницу ΠΈΠ»ΠΈ Π²Π΅Π±-сайт. Π’Π°ΠΊ ΠΊΠ°ΠΊ этот ΠΏΠ»Π°Π³ΠΈΠ½ поставляСтся с Π½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰Π΅ΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠ΅ΠΉ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ Π΅Π΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΠΏΠ»Π°Π³ΠΈΠ½ поставляСтся ΠΏΠΎΠ΄ Π»ΠΈΡ†Π΅Π½Π·ΠΈΠ΅ΠΉ MIT.



Π¦Π΅Π½Π° β€”

Π­Ρ‚ΠΎΡ‚ ΠΏΠ»Π°Π³ΠΈΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΡ‚ΠΎΠΈΡ‚ΡŒ Π²Π°ΠΌ 0, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ доступСн бСсплатно Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ сайтС GitHub.

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

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