Меня зовут Кирилл Кузнецов. Я проектирую и верстаю сайты, разрабатываю интерфейсы, и немного разбираюсь в шрифтах. Помимо того, имею представление о полиграфии, трёхмерке, флэш и PHP программировании.close
CSS+HTML знак рубля

14 Май

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

Наверно каждый дизайнер (по крайней мере, до внесения знака рубля в таблицу 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 например увеличение-уменьшение размера шрифта проходит «на ура». Прошу тестировать.

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

20 Апр

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

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

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

07 Янв

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

типографика на футболках

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

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

02 Дек

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

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

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

Pluxfolio — версия 0.2

24 Авг

Pluxfolio — версия 0.2

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

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

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

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

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

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

News Atom

page 1 of 3 | 2