Category: отзывы

Category was added automatically. Read all entries about "отзывы".

Как легко преобразовать px в em

Вот говорят, что размеры шрифта в вёрстке лучше задавать в емах, а не в пикселях. И вот почему.

«Пиксель – это немасштабируемая точка на экране компьютера, а em” - это квадрат определяющий размер шрифта. Поскольку размеры шрифта изменяются, em является относительной единицей, которая отвечает персональным настройкам размера текста пользователя».
© Patrick Griffiths, A List Apart

Честно говоря, никогда на эту тему не заморачивалась, верстала всё в пикселях. Уж больно хлопотно каждый раз их в емы переводить. Есть, конечно, и сводные таблицы, и специальные сервисы для пересчёта (pxtoem.com, например), но всё равно не очень удобно получается. А в голове все соотношения для всех размеров не удержать.
Однако, если сильно приспичит перевести всё в ем, есть способ сократить дурную рутину на пересчёты. Вот такой, простой и элегантный:


body {
font-size: 62.5%; /* font-size 1em = 10px */
}

p {
font-size: 1.2em; /* 1.2em = 12px */
}


Чтобы перевести пиксели в емы, достаточно разделить значение на 10.

Fascinating Shadows

Продолжаю баловаться с эффектами CSS3.

На хабре нашла статью о том, как на одном css-е сделать тени от загнутых уголков:



Подобную штуку я делала на сайте Мигмы, но тогда тень от фотографии я сверстала картинкой. В плане заполнения сайта получилось не очень удобно, потому что маленькие картинки можно загружать только определённого размера. Иначе галерея скачет.



В цсс-е такую тень можно сделать при помощи псевдо классов
:before и :after.

Collapse )

Результат:



Единственное неудобство - непонятно, как быть с размерами блока. При максимальной ширине 550рх в него не будут вписываться большие картинки.
Но в случае той же Мигмы, думаю, такой проблемы бы не возникло. В галерее должны быть картинки одинаковых размеров, которые можно было бы легко указать в цсс-е.

А, ещё в старых браузерах оно, полагаю, не работает. Но старые браузеры идут лесом.


«Таблица-вынеси-себе-мозг», продолжение

ksoftware прокомментировал моё решение его домашки.

Отметил несколько небольших ошибок в плане оформления. В плане организации информации комментариев не было.

После исправлений стало так:

Сам автор домашки в плане реформирования таблицы был более радикален:

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

Привыкли-то привыкли. Ещё бы. Все отраслевые стандарты по оформлению документации разрабатывались задолго до того, как появился термин «дизайнер интерфейсов». Потому и страдаем. Экономисты старой закалки жалуются, что знания некому передавать: молодёжь необучабельна. Я в вузе когда летнюю практику проходила, всё это от «начальства» выслушивала.

Но молодёжь работает совсем в других условиях, и требования у неё другие.

Поэтому лучше ввести дизайнера в курс дела, объяснить, что в отчётных таблицах самое важное, что из чего складывается. И оформлять информацию в соответствии с нынешними  требованиями, а не теми, что разрабатывались 20+ лет назад.

Ну, рассуждать, конечно, можно долго. Но от разговоров воз с места не сдвинется. Надо что-то делать. Вот, к примеру, ребята разработали отличный сервис для ведения управленческого и финансового учёта – www.megaplan.ru. Он, скорее, расчитан на малый бизнес, не с такими финансовыми оборотами, как в примере из домашки. Зато там всё сделано по-человечески.


Collapse )

Словом, дизайн спасёт мир. ©