5 рекомендаций по созданию качественной веб-формы

Автор: Крис Койер Перевод: Всеволод Козлов О создании юзабельных и семантически грамотных веб-форм написано достаточно много, но это не мешает веб-разработчикам наплевательски относиться даже к банальным правилам, улучшающим качество веб-форм. Наплевательское отношение, как мне кажется, связано с ленью и отсутствием четкого плана действий по грамотной реализации хотя бы тех же веб-форм. Эта статья как раз является компактным сборником основных правил создания качественных веб-форм. Милости прошу к ознакомлению! Читать далее 5 рекомендаций по созданию качественной веб-формы

Свойства CSS: list-style-position

Перевод: Всеволод Козлов Наша цель: сделать так, чтобы маркер списка не портил дизайн так, как показано на рисунке ниже. Читать далее Свойства CSS: list-style-position

Стили CSS — Как подключить CSS для браузера Internet Explorer различных версий

Автор: Крис Койер Перевод: Всеволод Козлов Internet Explorer является огромной проблемой для всех веб-разработчиков, т.к. он нерадиво интерпретирует CSS стили, одинаково и правильно интерпретируемые другими браузерами. Для IE регулярно приходится писать свои стили, нередко используются хаки. В этой статье я хочу продемонстрировать Вам, как добавлять CSS стили для различных версий браузера Internet Explorer. Читать далее Стили CSS — Как подключить CSS для браузера Internet Explorer различных версий

Одна из наиболее распространенных ошибок CSS-верстальщиков. Пример качественной организации CSS-стилей

Автор: CrucialWebHosting.com Перевод: Всеволод Козлов При работе с CSS новички (да и не только) допускают одну и ту же грубейшую ошибку – забывают сбрасывать дефолтные стили браузера. Обычно эта оплошность приводит к некорректному отображению сайта в различных браузерах. Когда так происходит, верстальщики начинают злостно обвинять тот или иной «некорректно» работающий браузер во всех мирских грехах, в то время как виноваты именно они сами, их невнимательность и халатность! Поэтому Вы должны взять себе за правило, «намотать на ус», как Вам больше нравится, каждый раз перед началом создания таблицы стилей CSS производить сброс дефолтных стилей браузера. Наиболее популярным и распространенным способом сброса дефолтных стилей является global reset, но он не является панацеей, при работе с ним также возникают трудности. Например, под него попадают такие элементы форм как кнопки и fieldset’ы. Из-за этого они теряют свой первоначальный, стандартный стиль оформления, предустановленный браузером. Чтобы избежать подобных «переусердствований», Вам не следует повсеместно использовать global reset, вместо него просто перечислите те элементы, дефолтные параметры которых требуется сбросить! Ниже я привожу пример оптимально организованной таблицы стилей CSS, которая спокойно может служить примером поистине качественной организации CSS-стилей. Замечу, что я удалил оттуда некоторые стили для облегчения понимания! Читать далее Одна из наиболее распространенных ошибок CSS-верстальщиков. Пример качественной организации CSS-стилей

Стили CSS — Помещаем видеоролик от YouTube и ему подобных в рамочку в качестве украшательства

Автор: Крис Койер Перевод: Всеволод Козлов Не знаю, как Вам, а мне надоело уже созерцать прямоугольный экран видеороликов YouTube и ему подобных видеосервисов. Предлагаю Вам решение этой проблемы: Читать далее Стили CSS — Помещаем видеоролик от YouTube и ему подобных в рамочку в качестве украшательства

Стили CSS — создаем эффектно оформленную блочную цитату

Автор: Крис Койер Перевод: Всеволод Козлов Всем нам знакома блочная цитата. Основное ее применение: цитирование фрагментов информации с других сайтов или, например, на форуме — цитирование участников дискуссии. Кто-то уделяет оформлению блочной цитаты внимание, кто-то нет. А почему? Это ведь так просто… В этой статье мне хотелось бы поделиться с Вами несколькими стилями оформления блочных цитат. Читать далее Стили CSS — создаем эффектно оформленную блочную цитату

Стили CSS — Затеняем нижнюю видимую часть веб-страниц с помощью зафиксированного изображения

Автор: Крис Койер Перевод: Всеволод Козлов Очень красивый эффект затенения нижней видимой части веб-страниц, реализация которого абсолютно несложна! Читать далее Стили CSS — Затеняем нижнюю видимую часть веб-страниц с помощью зафиксированного изображения

5 техник по улучшению структуры Вашего CSS-кода

Автор: SmashingMagazine.com Перевод: Всеволод Козлов Как только Вы закончили работу над очередным проектом, Вам свойственно через некоторое время забыть о его тонкостях — о многочисленных дивах, классах и идентификаторах. Чтобы понять свой код через несколько лет, он должен быть четко структурирован. Некоторые поясняют код комментариями, кто-то еще каким-либо образом. На данный момент придуманы реально удобные и простые способы сделать свой код понятным. В этой статье я ознакомлю Вас с 5 техниками улучшения структуры Вашего CSS-кода. Перед тем, как приступить, мне бы очень хотелось, чтобы Вы обратили внимание на следующие статьи: 70 экспертных идей по улучшению CSS кода CSS-инструментарий Читать далее 5 техник по улучшению структуры Вашего CSS-кода