Онлайновый CSS-редактор-конструктор — CSSMate

3.12.2007 Web-сервисы Просмотров: 2500 Комментарии (3) Твитнуть Представляю Вашему вниманию онлайновый CSS-редактор-конструктор — CSSMate. С его помощью Вы с легкостью сможете создавать css-файлы для своих сайтов, даже не зная css. От Вас потребуется всего лишь задавать различные параметры элементов оформления Читать далее Онлайновый CSS-редактор-конструктор — CSSMate

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

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

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

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

Полный сборник компактных памяток: Ajax, CSS, HTML, XHTML, JavaScript, PHP, Ruby

Автор: SmashingMagazine.com Перевод: Всеволод Козлов С каждым веб-разработчиком (да и не только с ним), наверняка, случалась такая ситуация, когда забываются названия функций или свойства css. В таких ситуациях приходится лезть в различные источники или мучительно вспоминать… Наилучшим выходом из этого положения является создание компактных брошюр-подсказок! Если хотите, если Вам так удобно, то создавайте данные «шпаргалки» вручную. Для «лентяев» и ценящих свое время есть уже готовые материалы. Данная статья-обзор является, как раз, местом обобщения всех этих брошюр воедино. Итак, далее Вас ждет отсортированный, сгруппированный список брошюр-подсказок по всевозможным тематикам. PS. Если Вы располагаете неупомянутыми ниже брошюрами-подсказками, пожалуйста, поделитесь ими в комментариях! Я добавлю их в соответствующий список! Читать далее Полный сборник компактных памяток: Ajax, CSS, HTML, XHTML, JavaScript, PHP, Ruby

Футеры, созданные с помощью CSS: современные и продвинутые решения

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

Стили CSS — упрощаем работу с цветами в CSS с помощью присвоения им названий переменных

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

Валидный сайт — не понт, а необходимость!

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

Таблицы, созданные с помощью CSS: современные и продвинутые решения

Автор: SmashingMagazine.com Перевод: Всеволод Козлов Неоспоримым является тот факт, что хранить информацию в таблицах удобно и компактно. Для улучшения визуального отображения и четкости структуры таблицы было решено воспользоваться средствами CSS. Результаты просто отличные, превзошли всяческие ожидания. Ниже Вам будут представлены около 30 вариантов таблиц, созданных с использованием современных и продвинутых решений CSS. Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах! Читать далее Таблицы, созданные с помощью CSS: современные и продвинутые решения