9 апреля 2016 года / CSS, Разное

Настройка emmet под notepad++

Открыл для себя очень полезный плагин, который ускорит работу любого верстальщика. Плагин называется emmet. Постараюсь объяснить принцип работы, допустим у нас есть аббревиатура СССР и по нажатию на определенные клавиши вместо СССР мы получаем полную расшифровку — Советский Союз Социалистических
12 ноября 2014 года / CSS

Красивые эффекты при наведений мыши CSS3 — Второй урок

Во-втором примере мы добавим специальный класс view-second. Затем переделаем немного структуру html-кода обернем описание в класс content, а блок с классом mask оставим пустым. Перепишем стиль для маски. Добавляем стили для события Hover Что будет происходить? При наведение на элемент
5 ноября 2014 года / CSS

Красивые эффекты при наведений мыши CSS3 — Первый урок

Возможность создавать анимированные эффекты без использования Javscript является главной особенностью CSS3. И в этом уроке я хочу показать как создать красивые hover-эффекты для информационных блоков. К сожалению эти эффекты будут работать только в современных браузерах, которые поддерживают CSS3 Структура html-кода
10 октября 2014 года / CSS

Оформление хлебных крошек (css)

В этом уроке я покажу как красиво оформить хлебные крошки. За последние годы css очень сильно продвинулся вперед и теперь старые методы оформления с помощью фоновых изображений, можно полностью заменить css стилями. По окончанию проделанной работы мы получим: Для начала
3 октября 2014 года / CSS, HTML

Простое горизонтальное меню (css + html)

В этом уроке я покажу как создать простое горизонтальное меню с выпадающими пунктами. Для создания меню я буду использовать css и html. Для начала нужно создать простую структуру меню: Теперь к созданной структуре применим следующие стили: В итоге получим: Меню
8 января 2014 года / CSS, JQuery

Фото эффект обратного зума для сайта

В этом уроке я покажу как при помощи JQuery создать эффект обратного зума при наведение на изображение. Этот эффект можно использовать при созданий фото галереи. Для начала создаем контейнер(div с классом container) в котором будем размещать наши фотографии. И внутри
5 сентября 2013 года / CSS
резиновый div

Резиновый div. Div для резиновой верстки

В этом уроке я опишу простой, но очень полезный прием, который пригодится при создание резинового шаблона это — Резиновый div. Допустим вам понадобилось сделать блок, который бы растягивался в зависимости от разрешения экрана. При большом разрешение ширина div была бы
17 июня 2013 года / CSS, PHP

Слайдер (Slider) youtube для сайта (wordpress)

Очень часто бывает сложно найти решения под задачи которые нужно решить в кратчайшие сроки, а еще сложнее найти что-то готовое и просто установить копированием кода на свой сайт. Одной из такой задачей была установка слайдера youtube канала для движка wordpress.
5 июня 2013 года / CSS, Разное

Резиновая ширина виджета комментариев (вконтакте, facebook)

Резиновая ширина виджета комментариев вконтакте, facebook нужна для тех кто использует резиновые, либо адаптивные шаблоны. На (рисунке 1)  можно увидеть ширину виджета комментариев vk по умолчанию она составляет 520 px Если вам вдруг захотелось задать ширину в процентах чтобы виджет
24 мая 2013 года / CSS, HTML

Фон на всю страницу (html, css)

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