Фишки, которые сделают ваш сайт лучше
WeLoveUA рассказывает о фичах, которые преобразят даже самый невзрачный ресурс.
Каждый владелец сайта желает сделать свое детище красивым и приятным для пользователя. Лучше всего, если для этого не нужно выделять целый день своего времени или нанимать программиста. Возможно ли это? Разумеется, достаточно знать лишь несколько полезных секретов.
Анимации
С выходом СSS3 жизнь веб-дизайнеров стала значительно проще. Теперь сделать большинство эффектов с текстом и блоками не составит большого труда. JavaScript, который серьезно «утяжеляет» страницу, уже не применяется для подобных целей. Если вы не сильны в СSS (чтобы разобраться в нем на базовом уровне, нужно максимум две недели), можете найти код для красивых анимаций в интернете.
Например, зарубежный ресурс w3schools.com в этой статье приводит примеры анимаций с блоками. Также готовые CSS-эффекты с кодом можно найти тут.
Подобных статей на просторах всемирной сети множество, поэтому после 10 мин интернет-серфинга вы точно найдете то, что понравится именно вам. Таким образом, более «живыми» на сайте станут все элементы.
Аккуратные иконки
Существует тысяча и один способ сделать красивые иконки для сайта. Однако лучше всего, если в одном месте будут храниться картинки на все случаи жизни (для соцсетей, плеера и всего остального).
Установив Font Awesome (вот ссылка на официальный сайт), вы добьетесь именно такого эффекта. Кроме того, все иконки будут распознаваться как шрифты. Это значит, что они никак не повлияют на скорость ресурса.
Красивый слайдер
Слайдер – обязательный элемент практически любого современного ресурса. Да, собственноручно его нужно реализовывать на JavaScript, но в интернете уже давно все приготовили за вас. Скачиваем любой исходник красивого слайдера, а далее аккуратно вставляем все в HTML и CSS код. Кроме того, можно легко изменить стиль слайдера в style.css.
Существует еще один простой выход из ситуации – плагин Owl Carousel. Скачать (например, отсюда) и разобраться в нем проще простого. Кроме того, смотря в документацию, мы легко сможем адаптировать Owl Carousel под свои нужды.
Выпадающее меню
Красивое выпадающее меню теперь легко реализуется с помощью чистого CSS без JavаScript. Если вы не сильны в этом, то все можно легко найти на просторах всемирной сети.
Остальные фишки по типу табов также легко реализовать с помощью найденных исходников и небольшой сообразительности. Как видим, сделать красивый сайт значительно легче, чем кажется.
Интересно