Последние Записи

Эффект биения сердца на чистом CSS3

Эффект биения сердца на чистом CSS3 Как "нарисовать" хорошо всем знакомый символ сердца с помощью css3, показал на примере в одной из своих статей: "Рисуем сердце с помощью CSS3". Сегодня хочу показать, как можно оживить это сердечко, добавив визуальный эффект биения. Для этого нам понадобится чуточку магии свойств CSS3 и несколько строк несложного кода. Анимация CSS при правильном её использовании порой вообще творит чудеса, это лишь один из самых простейших примеров её ...

Отзывчивый аккордеон с помощью jQuery

Представляю на ваше рассмотрение очередной вариант блоков с скрытым содержанием в стиле вертикального "аккордеона", плавно раскрывающихся по клику. В интернетах можно легко найти немало интересных решений по созданию "аккордеонов", как горизонтальных так и вертикальных. Очень популярны компактные, многоуровневые меню в стиле "аккордеон", точно так же, как и раскрывающиеся панели с скрытым контентом, работающих на jQuery или на чистом CSS3. ...

4 простых hover-эффекта для кнопки на чистом CSS

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

Эффект пульсации при клике с помощью CSS3 и jQuery

Материальный дизайн (Material Design) от компании Google, в котором анимации не просто оживляют интерфейс, но и представляют пользователю, что происходит. Завораживающие идеи о трехмерном пространстве не оставили равнодушными большую часть сообщества веб-разработчиков и дизайнеров всех мастей. Фрейморки использующие принципы материального дизайна выходят в свет один за одним и используются не только для унификации интерфейсов приложений ОС ...

Плавное подчёркивание ссылки при наведении

Плавное подчёркивание ссылки при наведении Представляю коротенький фрагмент кода(сниппет) CSS, для реализации плавного выделения анкоров ссылок с подчёркиванием. Зачем нужно выделять ссылки из общего месива текста, это и ежу понятно. Существует великое многообразие способов и видов оформления ссылок, всё ограничивается лишь фантазией мастера. С помощью псевдо-класса :hover и магии CSS3, можно навесить на стандартные, скучно-оформленные синюшные ссылки, практически любой эффект. ...

Бесплатные раздачи от Envato в августе 2015

Очередная порция бесплатных ресурсов от торговой площадки EnvatoMarket предоставленная для свободного скачивания в августе месяце 2015 года. Давайте вместе пробежимся по всем продуктам, которыми с барского плеча, порадовали буржуины своих пользователей на этот раз. Как всегда, халявный набор состоит из 8-и продуктов для веб-разработки, дизайна и программирования. В августовском пакете представлены: блоговая тема Wordpress, игровая слот-машина ...

Набор правил CSS для формирования уведомлений

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

Новый видеокурс о работе в фреймворке CakePHP

Здравствуйте всем! Буквально на днях, ребята из команды WebForMySelf создали для вас бесплатный мини-курс, момтоящий из пяти видеоуроков, которые помогут вам ближе познакомиться с одним из наиболее удивительных и удобных в работе PHP-фреймворков – CakePHP Изучив эти уроки вы сможете понять базовые принципы работы CakePHP, ознакомитесь со всеми плюсами и минусами этого каркаса, воочию убедитесь в его простоте и мощи. Всего лишь 3 часа и вы ...

Коллекция модальных окон и форм

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

Фиксированные подписи к изображениям

Вывод подписей к изображениям организовать можно по-разному, например используя различные hover-эффекты (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение и т.д и т.п.), или же просто, сделать их фиксированными, расположенными вне тела картинки, или непосредственно на изображении, в той или иной его части.     В данном уроке продемонстрирую несколько простейших вариантов вывода ...

15 Адаптивных jQuery плагинов Lightbox

Много раз делал обзоры различных галерей изображений, собрал обширную коллекцию эффектных слайд-шоу и лайтбокс-плагинов. Есть в копилке и Lighbox исключительно на CSS3, без подключения дополнительных js-библиотек. Но время не стоит на месте, пользователи всё чаще используют для сёрфинга интернета различные мобильные устройства, а значит адаптивность веб-элементов и в частности фото-галерей с эффектом "лайтбокс" становится одним из приоритетов, ...

CSS — Макет Контактной Формы

Много раз рассказывал о различных решениях создания контактных форм, подробно расписывал варианты вёрстки и оформления с помощью CSS3. Сегодня хочу представить вам ещё один css-макет оригинальной формы обратной связи. Ничего не обычного и сколь-нибудь вычурного, всё просто, стандартный html-каркас формы помещённый в div-контейнер, поля ввода размещены в отдельные секции, а плавающие размеры позволяют корректно отображаться при просмотре на ...
1 2 3 4 5 6 7 8 22
Рейтинг@Mail.ru