Dobrovoi Master
сделано с душой

В состоянии постоянного подключения...

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-контейнер, поля ввода размещены в отдельные секции, а плавающие размеры позволяют корректно отображаться при просмотре на ...

Bamboo Элегантная тема для блогов WordPress

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

5 Вариантов одного меню аккордеон

Однажды я выложил развернутый урок по созданию компактного меню в стиле аккордеон, раскрывающееся по клику, со встроенным счётчиком подпунктов. Меню получилось довольно симпатичным и функциональным. Внешний вид сформирован исключительно на CSS3, градиентная заливка, внешняя тень блока и т.д. Работа меню построена на библиотеке jQuery, исполняющий плагин получился очень лёгким и простым в настройках, так что меню привлекло внимание пользователей. ...
1 2 3 4 5 6 7 8 9 23
Рейтинг@Mail.ru