kkirill

CSS+HTML знак рубля

2010-05-14T22:06:00+00:00

Наверно каждый дизайнер (по крайней мере, до внесения знака рубля в таблицу Unicode) должен найти свой вариант отображения знака рубля на веб-странице. Кто-то использует картинки, кто-то внедряет шрифты, кто-то извращается с DTD, а я просто соединил 2 символа, букву Р и длинное тире.

Код CSS:

body { margin: 0 auto; padding:0} p.rubl { letter-spacing:-1em; padding:0; margin:0 auto; width:1em; height:1em; position:relative} p.rubl span { font-size:3em;} p.rubl span + span { font-size:1.6em; position:absolute; left:0; top:.7em;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { p.rubl span + span {top:.6em; } /* opera */ } *:first-child+html p.rubl span + span { top:.6em; } /* ie 7 */

HTML разметка всего из одной строчки.

А вот и живой пример знака рубля (точнее — его «быстрорастворимый» вариант). Мои 5 браузеров и бол-во тестов на browsershots.org данный код проходит весьма успешно, за редким исключением навроде хардкорных сочетаний Konqueror\Ubuntu. Плюс этого метода в том, что размеры задаются в масштабируемых единицах, и поэтому в IE7 например увеличение-уменьшение размера шрифта проходит «на ура». Прошу тестировать.

Про портфолио

2010-04-20T22:39:00+00:00

Портфолио должно говорить само за себя. Ваши работы не должны сопровождаться какими-то словами, которые никто не будет читать. Вашему потенциальному заказчику при выборе исполнителя совершенно неинтересны проблемы исполнителя, он и знать никогда не узнает, что из четырёх вариантов дизайна в итоге был выбран и пущен в работу наихудший, что мнительность и вкусовщина менеджеров превратила ваш отличный макет в убогое барахло, которое в итоге не попало в портфолио, что вы были крайне стеснены во времени или бюджете… В конечном счёте в портфолио должны быть ваши лушчие работы в удобной форме. Визаульный язык самостоятелен и универсален.

футболки с типографикой

2010-01-07T21:13:00+00:00

Сделал несколько футболок — надо же что-то носить. Надоело рыться в магазинах, там так редко попадается что-то приятное.

«1С-Битрикс: Корпоративный портал»

2009-12-02T19:10:00+00:00

По работе плотно изучаю «1С-Битрикс: Корпоративный портал». По сумме характеристик, включая цену лицензий, скорость работы, качество вёрстки (да-да, Битрикс не худший разработчик в плане кода, просто вы не видели ужасы), уровень функционала (смотрю версию 8.5) и юзабилити — это лучшее решение на рынке интранет решений. Однозначно. Теперь делать интранет-порталы будет не сложнее обычного сайта, наконец-то.

Респект разрабам.

Pluxfolio — версия 0.2

2009-08-24T14:56:00+00:00

На официальном сайте движка доступна новая версия.

В Pluxfolio версии 2 все ключевые процессы оптимизированы — теперь управление работами стало ещё проще и удобнее. Вы создаете галерею — синхронно на сервере создается одноименная папка. Кидать полноразмерные работы в эту папку можно как через админку (на странице Картинки), так и через FTP. Вы заходите браузером в вашу новую галерею — в ней на лету создаются превьюшки работ и обновляется счетчик работ.

Размеры превьюшек теперь задаются в админке (Настройки — Настройки контента).

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

Вторая версия движка весит на 20 килобайт меньше первой.

Спасибо Максиму Белкину.

Растём…

2009-08-10T14:05:00+00:00

Вот это круто: мой сайт в контексте. CssMania продолжает радовать, и такой компоновкой по географии, и 400 униками, пришедшими от них в первый же день добавления в каталог в мае.

HTML 5 уже здесь!

2009-08-05T22:34:00+00:00

Как известно, рабочая группа W3 консорциума обещает разродиться языком разметки HTML 5 уже в 2022 (две тысячи двадцать втором) году, но в сети уже появился прекрасный пример документа, размеченного по лекалам HTML 5й версии и третьего CSS.

Код просто песня, явное сближение с XML, приведу только один отрывок:

<header id="banner" class="body">
    <h1><a href="#">Smashing HTML5! <strong>HTML5 in the year <del>2022</del> <ins>2009</ins></strong></a></h1>
    <nav><ul>
      <li class="active"><a href="#">home</a></li>
      <li><a href="#">portfolio</a></li>
      <li><a href="#">blog</a></li>
      <li><a href="#">contact</a></li>
    </ul></nav>
  </header>

  <aside id="featured" class="body"><article>
    <figure>
      <img src="images/temp/sm-logo.gif" alt="Smashing Magazine" />
    </figure>
    <hgroup>
      <h2>Featured Article</h2>
      <h3><a href="#">HTML5 in Smashing Magazine!</a></h3>
    </hgroup>
    <p>Discover how to use Graceful Degradation and Progressive Enhancement techniques to achieve an outstanding, cross-browser <a href="http://dev.w3.org/html5/spec/Overview.html" rel="external">HTML5</a> and <a href="http://www.w3.org/TR/css3-roadmap/" rel="external">CSS3</a> website today!</p>
  </article></aside>

Честно говоря, руки чешутся применять подобную разметку уже в 2009 г.

Pluxfolio

2009-07-23T01:06:00+00:00

Вы хотите собрать простой портфельный сайт, вроде этого, но не знаете как? Нет ничего проще — давно анонсированный движок под названием Pluxfolio наконец-то дошлифован до релиза, а сам проект обзавёлся своей страничкой — pluxfolio.ru

Pluxfolio — это простой эффективный строитель портфолио (или медийных галерей в широком смысле с сопутствующей информацией), это не движок блога, не галерея изображений, и не контентный сайт; это сайт, решающий задачи на стыке перечисленных функциональностей, и именно исходя из такого понимания портфолио разрабатывалась архитектура этого движка.

Лейтмотивом создания Pluxfolio стала простая идея: «А как бы так организовать сайт-портфолио, чтобы ни хрена не делать?, т.е. минимизировать работу над его наполнением до степени практически автономного существования новых работ и фотографий в динамичной среде»

Ну и конечно этот хобби-проект является полной противоположностью тому, с чем приходится сталкиваться на работе.

Чтобы в полной мере насладиться Pluxfolio, начальный уровень CSS / HTML всё же нужен. Это движок для тех, кто с кодом на «ты», но при этом он может быть и Вашей первой CMS.

Присылайте пожелания на будущее, но имейте ввиду — Pluxfolio останется маленьким эффективным решением для Вашего портфолио! Зачем «ростить» проект до очередного «универсального» CMS-монстра?