Webice.Ru - социальная сеть для блоггеров

«    Июль 2019    »
ПнВтСрЧтПтСбВс
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
Сортировать новости по: дате новости | популярности | посещаемости | комментариям | алфавиту

 Гибкие слайды с эффектом параллакса на CSS3

Гибкие слайды с эффектом параллакса на CSS3
Cегодня мы бы хотели поделиться интересным примером слайдера для сайта, речь пойдет о добавлении эффекта параллакса в раскрывающиеся слайды. По умолчанию блок слайдов будет похож на перевернутое гамбургер-меню, при нажатии на каждую полосу блок с изображением будет раздвигаться с плавной анимацией демонстрируя посетителю содержания слайда. Кроме этого каждый слайд будет стилизованный иконкой в нижней части, что позволит пользователю иметь представление о содержании слайда, выглядит весь слайдер достаточно круто.
Подробнее
0
Просмотров: 98 Обсудили: 0
Метки: JavaScript, HTML, jQuery, CSS, PHP

 Что такое дизайн-аудит и почему он важен

Что такое дизайн-аудит и почему он важен
Правильный дизайн проекта сильно влияет на привлечения клиентов. Это гарантирует, что ваши клиенты (и потенциальные клиенты) получат один и тот же опыт от посещения вашего сайта и в конечном итоге закажут ваши услуги. С этим трудно справиться на самом деле, чтобы всем клиентам одинаково был понятен дизайн и всем нравился и не раздражал. Вот почему в сегодняшнем посту мы говорим о проектных аудитах. Они помогают обеспечить, чтобы все было последовательным и точным. Мы обсудим, что именно аудит представляет собой, как проводить и какие результаты ожидать
Подробнее
0
Просмотров: 98 Обсудили: 0
Метки: JavaScript, jQuery, HTML, CSS, PHP

 Призрачный курсор мыши для сайта на JS

Призрачный курсор мыши для сайта на JS
По традиции каждое воскресенье мы рассказываем о интересных примерах в веб-дизайне и приводим примеры. Сегодня мы хотим показать эффект «призрачного» курсора мыши, градиентная ореола будет преследовать курсор, при этом все это украшено шумами. Как по мне выглядит такой эффект достаточно необычно, и подчеркивает положение курсора на странице, также будет очень хорошо смотреться на сайтах в черных тонах, а скорость анимации достаточно высока, что не раздражает посетителя, давайте посмотрим как это выглядит наглядно.
Подробнее
0
Просмотров: 88 Обсудили: 0
Метки: jQuery, JavaScript, HTML, PHP, CSS

 Открытие формы входа при прокрутке страницы

Открытие формы входа при прокрутке страницы
Форма авторизации это ключевое составляющее взаимодействия с вашими посетителями, ведь авторизация поможет расширить функционал посетителя предоставив ему новые возможности. Также не забывайте, что зарегистрировавшись на нашем сайте вы сможете добавлять и сохранять в избранное любимые статьи и подписываться на уведомления о новых уроках. Сегодня речь пойдет о создании интересной формы авторизации которая будет появляться при прокрутке страницы вниз, кроме этого вы можете ее вызвать при помощи кнопки внизу сайта.
Подробнее
0
Просмотров: 286 Обсудили: 0
Метки: JavaScript, jQuery, HTML, CSS, PHP

 Эластичные горизонтальные вкладки для сайта

Эластичные горизонтальные вкладки для сайта
Сегодня мы хотим рассказать о вкладках и выпадающим контентом для них, мы давно уже не рассказывали о вкладках, и сегодня настал именно тот день, у нас будет по умолчанию четыре эластичные вкладки которые будут дергаться и подпрыгивать при нажатии, кроме этого внизу будет добавлена панель с выбором цвета для них; после нажатия будет происходить разворот содержания каждой вкладки с эффектом «bounce» с отскоком, что весьма приятно смотрится, весь текст будет содержаться в блоке, который стилизован тенями и создает эффект «вдавленности» в страницу.
Подробнее
0
Просмотров: 91 Обсудили: 0
Метки: PHP, JavaScript, jQuery, HTML, CSS

 Как создать календарь для сайта на JavaScript

Как создать календарь для сайта на JavaScript
Сегодня мы бы хотели рассказать о том, как создать достаточно простой календарь для сайта при помощи javascript, для этого нам понадобиться библиотека Caleandar.js — это достаточно маленькая библиотека javascript, используемая для создания тематического встроенного календаря на веб-странице, которая поддерживает настраиваемые события, определенные в javascript. Кроме этого у нас будет три разные темы, которые вы можете легко переключит между собой просто изменив путь к стилю.
Подробнее
0
Просмотров: 99 Обсудили: 0
Метки: PHP, JavaScript, CSS, jQuery, HTML

 Стилизация формы подписки с помощью CSS3

Стилизация формы подписки с помощью CSS3
Cегодня мы хотим показать, как создать интересную стилизацию формы подписки для сайта, такая форма поможет Вашим читателям не пропустить важные обновления на сайте, ведь на их почту будут приходить актуальные новые обновления Вашего сайта. Такое взаимодействие весьма положительно скажется на базе посетителей сайта так и регулярных читателях, ведь помогает увеличить приток пользователя на ресурс. В данном уроке мы покажем как анимировать и оживить форму подписки добавив немного мелочей с анимацией.
Подробнее
0
Просмотров: 82 Обсудили: 0
Метки: CSS, JavaScript, HTML, PHP, jQuery

 Как создать аудио-проигрыватель на JS

Как создать аудио-проигрыватель на JS
Сегодня мы хотим рассказать о том, как создать весьма интересный и визуально привлекательный аудио-проигрыватель для сайта при помощи javascript. Идея состоит в том, что у нас будет небольшой плеер в светлых тонах с навигационными клавишами для переключения треков, а также диск, который будет вращаться при проигрывании музыки. Кроме этого фон будет размываться в дизайн обложки альбома играющей музыки. Также будет реализован статус-бар с индикатором времени трека и возможностью перейти к нужному времени.
Подробнее
0
Просмотров: 58 Обсудили: 0

 Мини-карта для сайта со скроллом на JavaScript

Мини-карта для сайта со скроллом на JavaScript
Сегодня мы хотим рассказать, как создать небольшую фичу для вашего сайта, а именно навигацию на странице сайта в виде небольшой карты, по которой можно быстро передвигаться тем самым переходить к нужному разделу очень быстро и интуитивно. В левом верхнем углу будет размещена карта с фиксированной позицией, которая будет реализована в виде уменьшенного содержания страницы. На ней будет отображен блок, который будет информировать о том, в какой части страницы именно вы находитесь, что удобно для сайтов с длинными страницами.
Подробнее
0
Просмотров: 24 Обсудили: 0

 Современный эффект параллакса на jQuery

Современный эффект параллакса на jQuery
Сегодня мы бы хотели рассказать о процессе создания современного эффекта параллакса для сайта при помощи CSS3 и jQuery. Мы постараемся максимально упростить процесс создания для легкости его внедрения в структуру сайта. Параллакс будет поддерживать отображение на мобильных устройствах, кроме этого будет адаптивным, для его создания мы подготовили подборку изображений. Также были добавлены подписи на изображения верхним слоем, для отображения дополнительной информации, они также будут сопровождены данным эффектом.
Подробнее
0
Просмотров: 62 Обсудили: 0
Метки: JavaScript, PHP, jQuery, HTML, CSS
Назад 1 2 3 4 5 6 7 8 9 10 ... 56 Вперед
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты

- конструктор сайтов
- как создать сайт - uGuide.ru
- Datacol - парсер для выполнения любых задач