Набор из 14 вкладок HTML

5 февраля 2016 Антон Кулешов 1548 0

Сегодня я расшарил набор из 14 видов различного дизайна вкладок на HTML, все их можно и нужно посмотреть в материалах демо. Вкладки написаны при помощи CSS3 и с незначительным использованием JavaScript. Прикрепляем файл со стилями и скриптом к себе в проект или просто выдираем нужные куски копипастом.

Реклама

Во вкладках используются популярные ныне SVG изображения, при помощи которых, в частности, были сделаны перекрывающиеся элементы дизайна и плавные переходы линий некоторых блоков.

Важно! Переходные наложенные друг на друга области все кликабельны! Вкладки адаптивные и будут хорошо смотреться как на компьютере, так на телефоне.

Вот другие статьи по теме, ранее мной уже не однажды затрагиваемой:

Для тех, кому лень лезть в демо – скрины:

primer-1-vkladoki-html primer-2-vkladoki-html primer-3-vkladoki-html primer-4-vkladoki-html
Реклама
Комментариев еще не оставлено
no_avatar
Читайте далее

22 эффекта для кнопок

7 февраля 2016 Антон Кулешов

Тенденция делать всё максимально динамичным и ярким - это реалии сегодняшних дней. Каждый элемент дизайна сайта вскоре не будет оставлен без внимания. Сегодня мы поговорим об невероятно интересном и красивом наборе эффектов для кнопок. Думаю мало кто задумывается об эффектах при нажатии, но если создаёшь, к примеру, продающую страницу, то на решение потенциального покупателя может повлиять как размер кнопки, так и цвет, и даже сам эффект при клике.

Счетчик символов в текстовом поле на jQuery

11 августа 2014 Антон Кулешов

Посещая различные интернет ресурсы, вы могли заметить на некоторых из них форму с ограниченной областью ввода и подсчетом введенных символов. Подобное решение применяют, зачастую, на тех ресурсах, где при большой посещаемости необходимо экономить место на хостинге, и чересчур длинные комментарии нежелательны. Реализуется подобный функционал относительно просто, а выглядит интересно. Счетчик символом - это одно из средств, которое помогает пользователю сориентироваться, сколько слов можно ввести в текстовое поле. Самый яркий пример – это Твиттер, где подсчет символов и ограничение длины фразы, скорее, фишка проекта.

SMTP сервер для отправки писем с сайта если функция mail не работает

9 апреля 2016 Антон Кулешов

Довольно распространенное явление на просторах бесплатных хостингов – когда не работает функция mail() или работает как-то странно. Что же делать в этом случае? Ответ простой - воспользоваться отправкой писем через SMTP протокол, но для этого нам нужен уже готовый и написанный код. Совсем недавно подключая доменную почту на falbar, я сделал «маленькую выжимку из поисковой выдачи» и не найдя подходящего решения написал собственный класс, который, я думаю, будет полезен не только мне.