Анімація набору тексту на JQuery плагіні — TypeIt

Досить часто щоб надати своєрідну стилістику для вашого сайту ми приходимо до використання різних бібліотек, які дозволяють додавати круті ефекти для вашого проекту.

Підсвічування синтаксису коду на вашому сайті

Досить багато сайтів містять на своїх сторінках лістинг коду, який може відрізнятися залежно від синтаксису мови своєї підсвічуванням. Підсвічування коду дозволяє поліпшити візуальне сприйняття інформації на сайті.

Модальне вікно на JQuery + CSS

Досить часто на сайтах можна зустріти модальні вікна, і всі вони використовуються для різних завдань. Насправді, це доволі потужний засіб, який дозволяє зробити інтерфейс сайту більш інтерактивним і зручним.

Завантаження файлів на сервер через iframe

Завантажити файл на сервер за допомогою ajax-технології неможливо, по тій лише причині, що класичний спосіб асинхронної відправки даних на сервер надсилання даних за допомогою використання обєкта XmlHttpRequest.

Залежні списки (JQuery/Ajax)

Досить часто на сайтах зустрічаються дані, які можна візуально представити у вигляді структури дерева. Дерево по своїй структурі передбачає залежність одних підлеглих елементів, від інших, кореневих.

AJAX завантаження файлів на сервер

Більшість веб-додатків, які мають функціонал публікації матеріалів, що містять форму для завантаження файлів на сервер. Варто визнати, що стандартне поле для завантаження файлів на сервер проблематично стилізується, так і не дає можливості належним чином адаптувати під свої завдання, з цих та інших причин використання простого поля завантаження, вірно, відходить у минуле.

Swipe на сенсорних пристроях (javascript)

Якщо ви хоч раз стикалися з мобільними пристроями з сенсорним екраном, то, швидше за все ви вже помічали цей ефект, щось на зразок перегортання блоку, сторінки, слайда, і т.

CSS властивість user-select

Нещодавно звернув увагу на одну цікаву властивість CSS, яке дозволяє виключити виділення тексту на елементах сторінки. Опишу ситуацію, проблема була з блоком, який мав скролінг робочої області.

Зникаючий текст в полі вводу форми

Даний сніпет може стати в нагоді для різних текстових підказок в поле вводу форми. В якості прикладу служить форма пошуку, в полі якого за замовчуванням стоїть текст «Пошук...», при активації поля — текст зникає, і зявляється миготливий курсор.

Стилізація placeholder в CSS

Якщо ви не знайомі з атрибутом placeholder, то давайте трохи розяснимо, що це таке і де він використовується. Використовується він в полях введення форми.

Це цікаво!