Преобразование писель-точки-проценты для css
Для дизайнеров, программистов и веб-мастеров необходимо знать что такое точка, пиксель, дюйм. Эти понятия используются в во всех графических работах.
При создании дизайна веб-страницы в css прописываются размеры шрифтов. Часто шрифты пишут в пикселях (px) и в точках (pt – point).
Размеры в пикселях значительно лучше чем в поинтах, так как можно быть уверенным что из-за нестандарных настроек Windows (размеры шрифтов дюйм/пиксель) шрифты останутся того же размера относительно остальных элементов сайта. Все размеры картинок и блоков проставляются в пикселях.
Но некоторые все же делают шаблоны с размерами в поинтах.
Если вы решили переписать шрифты во всем css файле шаблона, то я предлагаю удобную таблицу, так как не все помнят отношение pixel/point. Также для удобства приведены значения размеров шрифтов в процентах.
| Points | Pixels | Ems | Percent |
|---|---|---|---|
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Значения в таблице аппроксимированы к ближайшим целым числовым значениям.
Каждый год дизайнеры поисковой системы Google по их хорошей традиции создают новые праздничные логотипы. Причем на разных доменах висят разные изображения. Больше всего логотипов я нашел на домене .com. Конечно эти логотипы больше рассчитаны на американцев, например день независимости, логотип дня благодарения и т.п.
Для работы в интернете, мне, как веб-программисту и дизайнеру самоучке, необходимо иметь определенный набор программ. Без некоторых программ просто как без рук, почти невозможно нормально работать, не говоря же о полноценной работе.
Главное это точно определиться с тематикой вашего сайта, главную тему сайта и дополнительные разделы. У меня было такое, что я начинал сайт по одной теме, а через пол года уже перешел на другое его направление, при этом приходилось вносить сильные изменения и терять часть аудитории, которая уже пришла на первичную тематику сайта.