Веб-дизайн
Письмо-рассылка для акции

Письмо-рассылка для акции

Задача: сверстать письмо для рассылки акции
Некоторые сокращения EMMET для CSS

Некоторые сокращения EMMET для CSS

EMMET наиболее удобен для быстрого написания css стилей. Некоторые стили довольно сложные и труднозапоминаемые, с помощью EMMET достаточно лишь запомнить короткое сокращение. fz20 font-size: 20px; fwb font-weight: bold; bgc background-color: #fff; bg background: #000; c color: #000; m0 margin: 0; p0 padding: 0; w100 width: 100px; h100 height: 100px; mw100 min-width: 100px; dn display: none;...
Сокращения EMMET

Сокращения EMMET

Сайт emmet EMMET — плагин для ускорения верстки. Первоначальная разметка:  !+tab <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> Вставить ссылку на css: link+tab <link rel="stylesheet" href="style.css"> Добавить div с определенным классом  .class1+tab <div class="class1"></div> > добавляет дочерний элемент:   .class1>p + tab <div class="class1"><p></p></div> * Добавление нескольких однотипных элементов: nav>ul>li*4 + tab <nav>...
Где искать логотипы в векторе

Где искать логотипы в векторе

Очень часто заказчик просит сделать брендвол или большой банер с логотипами партнеров. Вам присылают архив с логотипами, большая часть из которых оказывается крошечными растровыми картинками из шапок сайтов. Конечно, для печати они не годятся. Можно попросить заказчика написать письма своим партнерам с просьбой прислать логотипы в формате, годном для печати. А если печатать надо срочно?...
Изменение цвета в Photoshop - перекрашиваем розы.

Изменение цвета в Photoshop — перекрашиваем розы.

Недавно ко мне обратились с просьбой перекрасить некоторое оборудование на фотографиях в корпоративные цвета. В результате этой работы и родился данный урок. Перекрашивать мы будем розы, прямо как в «Алисе в Стране Чудес». Существует несколько разных способов изменения цвета в Adobe Photoshop.
Переход со старой неофициальной версии wordpress на новую

Переход со старой неофициальной версии wordpress на новую

Казалось бы, в чем проблема, обновил подряд все имеющиеся обновления (кто-то писал где-то как обновлялся 30 раз подряд), и все, вот тебе последняя версия. Все это прекрасно, если на сайте стоит официальная версия. А мне вот не повезло, попался мне заказчик, а у него стоит какая-то русская сборка. Она обновлялась, обновлялась, да перестала. Зависла на...
Как сделать таблицу в Adobe Illustrator

Как сделать таблицу в Adobe Illustrator

Существует два известных мне способа создания таблиц в программе Adobe Illustrator. Рассмотрим оба способа. Самый лучший способ — при помощи инструмента «Прямоугольная сетка«. Таблицу, созданную при помощи этого инструмента гораздо проще редактировать, чем созданную при помощи команд «Объект-Контур-Создать сетку«, так как в случае Прямоугольной сетки мы оперируем линиями, а во втором случае таблица представляет собой...

box-shadow

box-shadow: inset 4px 4px 8px rgba(0,0,0,.75);

Префиксы браузеров

-webkit- — применяется Chrome, Safari и другими браузерами на базе WebKit; • -moz- — используется Mozilla Firefox; • -o- — применяется Opera; • -ms- — используется Microsoft Internet Explorer.

Тени у текста, css

text-shadow: -4px 4px 3px #666; 1 значение — смещение по  горизонтали, 2 — по вертикали, 3 — степень размытости, 4 —  цвет <h1 style=»text-shadow: -4px 4px 3px #666;»>text-shadow: -4px 4px 3px #666;</h1>

css font-variant: small-caps

font-variant: small-caps; делает весь текст маленькими  прописными буквами. Не знаю, где нужен такой эффект. Главное, что б маркетологи не узнали. <p style=»font-variant: small-caps;»>делает весь текст маленькими  прописными буквами. Не знаю, где нужен такой эффект. Главное, что б маркетологи не узнали.</p>

Ключевые слова свойства font-size

Собсвенно, известно, что размером по-умолчанию является 16 px. Это соотвествует medium. Остальные выглядят так:   В единицах измерения em:   а еще они множатся. Например   <b style=»font-size:1.5em»><span style=»font-size:2em»>куку 1.5*2em</span> куку 1.5em </b><span style=»font-size:2em»>куку 2em</span> первое «куку» будет не 2em, а 3em, потому что 1.5*2 — 48px