Все для веб-дизайнера
Архивы за Июнь, 2018
Адаптивные ленты с текстом для сайта на CSS3
30 Июн
Выделить необходимый текст на сайте это очень важно, посетители должны видеть в первую очередь самую необходимую информацию, ведь она может вам стоить звонкую монету, мало просто выделить красной таблицей текст, так нужно, чтобы он еще и привлекал внимание, и более того, вызывал желание нажать на текст при необходимости. Сегодня речь пойдет о создании адаптивных лент-заголовков для сайта, благодаря чему посетители смогут наглядно увидеть красиво выделенный текст, а тени и градиенты помогут читателю не отводить взор.
Как изменить контекстное меню на сайте на JS
29 Июн
Контекстное меню это тот элемент на сайте о котором разработчики зачастую забывают, сегодня мы бы хотели исправить это, и показать как можно стилизовать контекстное меню при помощи небольшого плагина jQuery и СSS3. Вы можете указать в произвольном контекстном меню небольшую навигацию, или добавить рекламу. Благодаря плагину jQuery мы получим простое и стильное контекстного меню вместо контекстного меню браузера по умолчанию. Плагин отлично подходит для контекстных меню, выпадающих списков, навигации по сайту и многое другое.
Сбалансированный эффект прокрутки на jQuery
28 Июн
Сегодня мы бы хотели показать, как можно стилизовать прокрутку и блоки на странице. По сути мы сделаем связку между этими элементами, сделаем привязку блоков к прокрутке, чтобы они были взаимосвязаны. Мы будем использовать плагин Scroll Balanced-это крошечный плагин jQuery для сбалансированного прокрутки контента, который замедляет скорость прокрутки вашего небольшого столбца с информацией на сайте (обычно боковая панель с динамической высотой), чтобы адаптировать скорость прокрутки длинного столбца.
Анимированное подчеркивание ссылок на jQuery
27 Июн
Сегодня я бы хотел поговорить о достаточно простом примере, а именно как создать подчеркивание ссылок на сайте с анимацией когда посетитель наводит курсор мыши. В интернете вы можете найти множество похожего контента, где подчеркивание реализовано с помощью CSS. Но мы релишили сделать это с помощью плагина который имеет немного больше преимуществ. linkUnderline — это очень маленький плагин jQuery, который использует CSS-переходы для создания анимированных, настраиваемых линий под вашим текстом при наведении.
Необычный слайдер для сайта на jQuery и CSS3
26 Июн
Сегодня речь пойдет о слайдере, я давно не рассказывал о полноэкранных слайдерах, ведь они являются моими любимыми. Так что хочу исправить этот пробел и показать как сделать необычный слайдер, с интересными переходами, при помощи CSS3 и jQuery. Также нам понадобиться небольшой плагин mistCarousel который является экспериментальным плагином jQuery для полноэкранной карусели, также плагин обладает необычной фишкой, а именно эффектом перехода в виде тумана или дыма при каждом переходе между слайдами.
Проверка возраста при входе на сайт на jQuery
25 Июн
Иногда необходимо ограничить пользователя по возрасту при входе на сайт, зачастую это формальность, и юные пользователи запрещенных сайтов клубнички хитрят, но законом предусмотрено, что нужно запретить доступ к таким сайтам пользователям не достигших 18, а порой и 21 года. Я лично сталкивался с необходимостью создания такого окна, а именно для сайта магазина алкоголя. И тогда мне приходилось делать такое окно ведь хороших готовых решений я тогда не нашел. Сегодня я покажу, как можно создать такое окно с помощью плагина jQuery.
