Заметки с меткой «css» [2]

• Firefox 4 (+)

  • 2011-03-25
  

  Firefox 4 — новейшая версия по-настоящему современного веб-браузера.

  • Значительно повышено быстродействие.
  • Добавлен ряд новых возможностей HTML5 и CSS.
  • Поддерживается работа с трёхмерной графикой средствами WebGL.
  • Повышена безопасность.
  • Серьёзное внимание уделено визуальному интерфейсу браузера.
  • В отличие от Internet Explorer 9, отлично работает в Windows XP.

  Авторский обзор наиболее интересных новшеств Firefox 4.

• CSS-спрайты и расход памяти

  • 2009-06-23

  Серьёзнейшая проблема CSS-спрайтов — потребление памяти. Неаккуратно созданное изображение-спрайт впустую расходует невероятное её количество.
  Vladimir Vukićević

• TopStyle 4 (+)

  • 2009-05-29
  • 7 комментариев
  

  TopStyle 4 — финальная версия известнейшего Windows-редактора CSS- и HTML-кода, созданного одним из разработчиков популярного в своё время HTML-редактора HomeSite.

  Разработкой TopStyle в настоящее время занимается Стефан ван Эс, не так давно перекупивший TopStyle у Ника Бредбери.

  Среди новшеств TopStyle 4 — долгожданная поддержка Unicode и ряд других возможностей.

• Ещё один день без стилей

  • 2009-04-08
  • 1 комментарий

  Как ни странно, прошёл уже год после предыдущего CSS Naked Day, являющего собой славную традицию ежегодного отключения стилей сайта с целью продемонстрировать преимущества семантической HTML-разметки. Снова присоединяемся, и снова — только в блоге.

• {overflow: hidden} и {position: relative} в IE

  • 2008-09-15
  • 18 комментариев

  В IE 6/7 абсолютно (position: absolute) или относительно (position: relative) позиционированные блоки имеют обыкновение игнорировать правило overflow: hidden содержащего их элемента (контейнера) и преспокойно выступать за пределы его границ.

  Для решения этой проблемы достаточно задать относительное позиционирование (position: relative) самому контейнеру. Приведённый пример это иллюстрирует.

  CSS:

  /* дочерний элемент */
#child {background: #ссс; position: relative; top: -25px; }

/* содержащий его контейнер */
#parent {overflow: hidden; position: relative; height: 50px; }

  HTML:

  <div id="parent"><div id="child">example</div></div>

• 5 советов по XHTML/CSS-вёрстке (+)

  • 2008-05-21
  • 3 комментария

  В рамках своеобразной эстафеты, открытой Никитой Селецким и переданной мне Александром Исаковым (UGgallery), публикую 5 небольших практических рекомендаций, касающихся XHTML/CSS-вёрстки и в данном блоге ранее не озвученных.

• Переменные в CSS

  • 2008-04-09
  • 1 комментарий

  Дэниэл Глазман (Disruptive Innovations) и Дэвид Хайат (Apple, Inc.) предлагают готовое проработанное дополнение к спецификации CSS, определяющее крайне востребованный в современной вёрстке веб-страниц механизм использования переменных в CSS. Синтаксис прост:

  @variables {myBg: #555; mycolor: #fff; }
#myElement {background: var(myBg); color: var(myColor); }

  Что из этого выйдет, покажет время, но Дэниэл, насколько известно автору этих строк, тесно связан с Mozilla, а значит, браузера, где потенциально может быть внедрена такая функциональность, уже два: Firefox и Safari. Более того, тема переменных в CSS уже поднималась в рабочей группе по разработке CSS, куда, насколько известно автору тех же строк, входит и Дэниэл, что дополнительно обнадёживает.

  Обновлено: 10 апреля 2012 г. опубликован официальный черновик спецификации CSS Variables Module Level 1. В отличие от синтаксиса, предложенного четыре года назад Д. Глазманом и Д. Хайатом и использовавшего новое @-правило @variables, новый черновик теоретически обладает большей обратной совместимостью, предлагая использовать существующий синтаксис свойство: значение, где переменные отличаются от обычных свойств наличием префикса var- в названии свойства.

• День без стилей?

  • 2008-04-09

  Да легко. Но только в блоге. Незачем пугать людей не в теме. ;-)

• CSS: % + em

  • 2006-10-16
  • 7 комментариев

  Внимание

  Информация в этой заметке устарела. Современные браузеры работают с размером шрифта вполне единообразно.

  Следующее простое CSS-правило:

  HTML {font-size: 100.1%; }

  решает сразу две проблемы:

  • слишком крупный шаг масштабирования шрифта средствами браузера при использовании только единиц em;
  • различный размер шрифта при просмотре одной и той же страницы в разных браузерах при настройках по умолчанию.

  После добавления этого правила можно использовать единицы em сколько влезет.

• Stylish — пользовательские таблицы стилей в Firefox (+)

  • 2006-02-24

  Stylish — расширение для браузера Firefox, открывающее возможность использования так называемых per-site user styles — индивидуальных пользовательских таблиц стилей для каждого отдельного сайта, применяемых при посещении соответствующих сайтов автоматически.

• ← Менее свежие заметки
• Более свежие заметки →