CSS | WebDuty

8 простых способов улучшить типографию на вашем сайте

Тут собраны 8 простых способов, которые вы можете использовать для улучшения типографии и, следовательно, сделать ваш дизайн удобней для пользователя.Многим дизайнерам кажется, что типография состоит только в выборе шрифта, размера и толщины. Но это далеко не всё. Есть множество деталей, облегчающих чтение, которыми дизайнеры зачастую пренебрегают.

Делаем кнопку как в Skype с помощью jQuery

Skype
Если вы пользуйтесь Skype, я уверен, что вы заметили анимированные кнопки для добавления большего числа людей. При нажатии на нее значок слева “прыгает” по несколько раз. Мне нравится эта анимация. Я покажу вам, как создать ту же кнопку с помощью jQuery и CSS.

Сообщения различных типов

Сообщения являются важной частью интерфейса, которая часто опущена. Есть много статей, которые показывают красивые стилизованные блоки сообщений, но это вопрос не только дизайна.
Посмотреть пример Cкачать архив
Для начала выделим самые распространённые типы сообщений.

1. Информационные сообщения

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

Например, информационные сообщения могут показывать некоторую справочную информацию или какие-нибудь советы.

Селекторы CSS. Часть первая.

Валидная и хорошо структурированная страница предоставляет каркас, к которому применяются стили. Чтобы можно было присвоить стиль, определенный в таблице CSS, некоторому элементу или элементам, нужно каким-либо образом идентифицировать эти элементы . Для идентификации элементов применяются селекторы.

Режимы работы браузера

Когда компании начали создавать браузеры, совместимые со стандартами W3C, перед ними возникла задача обеспечения обратной совместимости. Для её решения производители браузеров применили два режима вывода: стандартный(standart) и нестандартный(quirks). В стандартном режиме браузер выводит страницу в полном соответствии со спецификациями, а в нестандартном – менее строгими способами, обеспечивающими обратную совместимость.