Статьи

Spanky Corners 1.0: закругленные углы + чистый HTML + нет JavaScript

Из многих интересных аргументов, выдвинутых в ходе наших недавних дискуссий, в которых речь шла о Spiffy Corners и разметке Грега в целом , трудно было спорить об одном: « Если вы говорите, что это не ответ, то какая у вас альтернатива?

Честная точка зрения тоже.

В то время я успешно отыскивал реальный ответ на этот вопрос, но, имея представление о дизайне и не о чем писать, я решил попытаться найти ответ. Альтернатива, которую я опубликовал в прошлом месяце, была довольно сырой, но с огромной помощью от Локса, Мэтта, Кевина, Тома и Крейга, Spanky Corners сейчас находится на этапе, когда мы думаем, что он относительно надежен, полезен и применим для широкого круга веб-разработчиков. ,

Преимущества легко распознать.

Скриншот Spanky Corners

  • Супер нежирный HTML
  • JavaScript не требуется
  • Нет практических ограничений по радиусу угла
  • Допустимый XHTML (строгий) и CSS
  • доступной
  • Крошечные графические требования
  • Мы генерируем изображения и CSS для вас!

Единственные предсказуемые недостатки, которые мы видим:

  • Зависимость от минимальной структуры HTML (т.е. отдельные абзацы не могут работать).
  • РЕШИТЬ: Пользователь IE6, увеличивающий размер шрифта, увидит небольшой разрыв в левом верхнем углу

Я до сих пор не уверен, что у IE6 нет пути решения проблемы, поэтому дайте мне знать, если вы нажмете на Paydirt

Spanky протестирован в IE6, IE7, Firefox 1.5, Safari 1.0 и Opera 8.53.

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

Мы предоставили достаточно подробное объяснение того, как все это работает, и часто задаваемые вопросы , но вы можете просто поиграть с генератором и кодом, чтобы почувствовать его.

Надеюсь, вам это пригодится, и если вы наткнетесь на какие-либо улучшения, дайте нам знать. Это, безусловно, в стадии разработки.

Мы перенастроили способ рендеринга IE в верхнем левом углу (в основном это замена изображения списка на первую букву только в IE), что позволяет плавно масштабировать его в обоих направлениях. Если вы хотите обновить какой-либо код, который вы загрузили ранее, вам нужно будет обновить только условные комментарии.

Мы также разбили специфичный для IE код на его собственную таблицу стилей и сделали все это загружаемым в виде ZIP-файла.


Взять Spanky для тест-драйва здесь