Фішки, які зроблять ваш сайт кращим

WeLoveUA розповідає про фічі, які стануть прикрасою будь-якого ресурсу.

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

Анімація

З виходом СSS3 життя веб-дизайнерів стало значно простішим. Тепер зробити більшість ефектів з текстом і блоками не складе великих труднощів. JavaScript, який робить сторінку важчою, вже не застосовується для подібних цілей. Якщо ви не профі в СSS (щоб розібратися в ньому на базовому рівні, потрібно максимум два тижні), можете знайти код для красивих анімацій в інтернеті.

Наприклад, зарубіжний ресурс w3schools.com в цій статті наводить приклади анімацій з блоками. Також готові CSS-ефекти з кодом можна знайти тут.

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

Красиві іконки

Існує тисяча і один спосіб зробити красиві іконки для сайту. Проте краще всього, якщо в одному місці будуть зберігатися картинки на всі випадки життя (для соцмереж, плеєра і всього іншого).

Встановивши Font Awesome ( ось посилання на офіційний сайт), ви досягнете саме такого ефекту. Крім того, всі іконки будуть розпізнаватися як шрифти. Це означає, що вони ніяк не вплинуть на швидкість ресурсу.

Слайдер

Слайдер – обов’язковий елемент практично будь-якого сучасного ресурсу. Так, власноруч його потрібно реалізовувати на JavaScript, але в інтернеті вже давно все приготували за вас. Викачуємо будь-яке демо красивого слайдера, а далі акуратно вставляємо все в HTML і CSS код. Крім того, можна легко змінити стиль слайдера в style.css.

Існує ще один простий вихід із ситуації – плагін Owl Carousel. Завантажити (наприклад, звідси ) і розібратися в ньому простіше простого. Крім того, дивлячись в документацію, ми легко зможемо адаптувати Owl Carousel під свої потреби.

Меню, що випадає

Красиве меню, що випадає тепер легко реалізується за допомогою чистого CSS без JavаScript. Якщо ви не дуже “сильні” в цьому, то все можна знайти на просторах всесвітньої мережі.

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