Студия дизайна «Разумный подход» Владимира Соловьёва, podhod.ru

Блог студии дизайна «Разумный подход»

CSS Sans, шрифт

Владимир Соловьёв, 16 марта, 2015

В шрифте CSS Sans любопытна сама реализация. Автор использовал CSS не по назначению, а декоративно. Каждая буква — это контейнер и его два псевдо-контейнера :before и :after. Контейнеры стилизованны так, чтобы из них сложилась буква, с косыми штрихами и закруглениями.

Быстрая адаптация сайтов к высокому разрешению монитора

Владимир Соловьёв, 27 февраля, 2015

Исторический сложилось, что принципы указания размеров элементов веб-страницы в стилях CSS были сформированы при небольших, по сегодняшним меркам, разрешениях экранов. При этом в CSS приняты к использованию несколько различных систем измерения: привязанные к размерам пикселя px, к пропорциям браузера % и к размера шрифта em и pt. Чтобы не связываться с этим историческим наследием можно использовать современные возможности стилей.

Чтобы быстро адаптировать сайт к высоким разрешениям, не переделывая ничего кардинально, следует в стилях CSS на всеохватывающий тэг HTML поставить увеличение с помощью последовательных диапазонов media queries.

@media (min-width: 4200px) and all {
html{zoom: 3;}
}

@media (min-width: 3500px) and (max-width: 4199px) {
html{zoom: 2.5;}
}

@media (min-width: 2800px) and (max-width: 3499px) {
html{zoom: 2;}
}

@media (min-width: 2000px) and (max-width: 2799px) {
html{zoom: 1.5;}
}

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

Способ стоит использовать только на вёрстке не рассчитанной на высокие разрешения. Свойство zoom поддерживается сегодня практически всеми современными браузерами.

Фильмы о дизайне

Владимир Соловьёв, 26 декабря, 2014

Сайты с ссылками на фильмы о дизайне, искусстве и творчестве:

Листалки ← → 1 2 3 4 …

Владимир Соловьёв, 3 декабря, 2014

Пагинатор — неудобный элемент. Его придумали программисты, когда столкнулись с ситуацией, что всё, что есть в базе данных не стоит выводить на одной странице.

Пагинатор не помогает ориентироваться, а предлагает пользователю сыграть в рулетку. Если использовать пагинатор как основную навигацию, то получается монстр.

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

А так же, не используйте знаки сравнения < > и кавычки « », в качестве стрелок. В юникоде есть масса стрелочек для этого:  ← →, 〈 〉, ◄►, ◀▶, ◂▸, ◁▷, ◅▻, ◃▹.

Главред — сервис для улучшения текста

Владимир Соловьёв, 2 декабря, 2014

Максим Ильяхов и Анатолий Буров сделали анализатор текста Главред, чтобы облегчить рутинную вычитку или составление нового текста. Сервис помогает найти в тексте проблемные места: языковые штампы, слова-паразиты, неудачные формулировки. Авторы обещают регулярно расширять базу правил сервиса.

Задать вопрос