Комментарии на: Заметки про верстку. Паттерн http://pokrovskii.com/zametki-pro-verstku-pattern/ Веб-дизайн устами фрилансера, глазами дизайнера, и руками верстальщика Sun, 18 Apr 2010 00:31:24 +0000 http://wordpress.org/?v=2.9.2 hourly 1 От: Михаилhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1877 Михаил Fri, 11 Dec 2009 22:59:33 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1877 Рискну предложить такой концепт:<code> $('head').append('<style type="text/css"> * span.font_tooltip { font: normal 10px Tahoma; background: #CE2E20; color:#fff; padding: 2px 5px 5px 5px; white-space: nowrap; } </style>');$('h2, p, h1, h3, a, h4').each(function(i) { var fs = $(this).css('fontSize'); var ff = $(this).css('fontFamily'); $(this).append('<span class="font_tooltip">' + ff +','+ fs + '</span>') }); </code> Рискну предложить такой концепт:

    $('head').append('<style type="text/css">
* span.font_tooltip {
font: normal 10px Tahoma;
background: #CE2E20; color:#fff;
padding: 2px 5px 5px 5px;
white-space: nowrap;
}
</style>');

$('h2, p, h1, h3, a, h4').each(function(i) {
    var fs = $(this).css('fontSize');
    var ff = $(this).css('fontFamily');
    $(this).append('<span class="font_tooltip">' + ff +','+ fs + '</span>')
});
]]> От: Максим Покровскийhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1876 Максим Покровский Fri, 11 Dec 2009 22:57:38 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1876 <blockquote>id у спана – явно лишний. Да и зачем? )</blockquote> Понты! Круто считается :)

id у спана – явно лишний. Да и зачем? )

Понты! Круто считается :)

]]> От: Михаилhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1875 Михаил Fri, 11 Dec 2009 22:49:57 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1875 id у спана - явно лишний. Да и зачем? ) id у спана – явно лишний. Да и зачем? )

]]> От: Максим Покровскийhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1874 Максим Покровский Fri, 11 Dec 2009 19:18:47 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1874 <blockquote>А с переводом px-em заморочек нет?</blockquote><code lang="javascript">(function($) {$(function() { $('h2, p, h1, h3, a, h4').each(function(i) { var fs = $(this).css('fontSize'); var ff = $(this).css('fontFamily'); $(this).append('<span style="font:normal 10px Tahoma; background:#CE2E20; color:#fff; padding:2px 5px 5px 5px !important; white-space:nowrap;" id="font_tooltip">' + ff +','+ fs + '</span>') }); }); })(jQuery)</code>А как там разбирается jquery я хз.

А с переводом px-em заморочек нет?

(function($) {

$(function() {
   $('h2, p, h1, h3, a, h4').each(function(i) {
      var fs = $(this).css('fontSize');
      var ff = $(this).css('fontFamily');
      $(this).append('<span style="font:normal 10px Tahoma; background:#CE2E20; color:#fff; padding:2px 5px 5px 5px !important; white-space:nowrap;" id="font_tooltip">' + ff +','+ fs + '</span>')
   });
   
});
   
})(jQuery)

А как там разбирается jquery я хз.

]]> От: Михаилhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1873 Михаил Fri, 11 Dec 2009 18:57:18 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1873 <blockquote>Хитро. Буду иметь ввиду.</blockquote> Вот и все. Взял и выболтал ноу-хау. Теперь я неконкурентоспособен.<blockquote>Но я просто спрашиваю дизайнера: “просто паттерном залил или руками дорисовывал” и прошу сохранить и прислать. Ты хоть раз просил паттерн?</blockquote> Нет. ) Обычно получалось так, что получал дизайн "как есть" и связи с его автором уже не было.<blockquote>Сделал jquery как user.js в Opere, а его средствами не сложно уже.</blockquote> А с переводом px-em заморочек нет?

Хитро. Буду иметь ввиду.

Вот и все. Взял и выболтал ноу-хау. Теперь я неконкурентоспособен.

Но я просто спрашиваю дизайнера: “просто паттерном залил или руками дорисовывал” и прошу сохранить и прислать. Ты хоть раз просил паттерн?

Нет. ) Обычно получалось так, что получал дизайн “как есть” и связи с его автором уже не было.

Сделал jquery как user.js в Opere, а его средствами не сложно уже.

А с переводом px-em заморочек нет?

]]> От: Максим Покровскийhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1872 Максим Покровский Fri, 11 Dec 2009 18:23:40 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1872 <blockquote>В жизни никогда не видел, чтобы дизайнер слал паттерны отдельно, обычно приходилось дублировать слой, ставить ему какой-нибудь фильтр типа Inverse и двигая его, выяснять размеры.</blockquote> Хитро. Буду иметь ввиду. Но я просто спрашиваю дизайнера: "просто паттерном залил или руками дорисовывал" и прошу сохранить и прислать. Ты хоть раз просил паттерн? :)<blockquote>ЗЫ Ты уже нашел приемлемый способ смотреть шрифты на страницах?</blockquote> Сделал jquery как user.js в Opere, а его средствами не сложно уже.

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

Хитро. Буду иметь ввиду. Но я просто спрашиваю дизайнера: “просто паттерном залил или руками дорисовывал” и прошу сохранить и прислать. Ты хоть раз просил паттерн? :)

ЗЫ Ты уже нашел приемлемый способ смотреть шрифты на страницах?

Сделал jquery как user.js в Opere, а его средствами не сложно уже.

]]> От: Михаилhttp://pokrovskii.com/zametki-pro-verstku-pattern/comment-page-1/#comment-1871 Михаил Fri, 11 Dec 2009 18:02:48 +0000 http://pokrovskii.com/zametki-pro-verstku-pattern/#comment-1871 Максииим! А ты сейчас про что? В жизни никогда не видел, чтобы дизайнер слал паттерны отдельно, обычно приходилось дублировать слой, ставить ему какой-нибудь фильтр типа Inverse и двигая его, выяснять размеры. Типа реверси, ага. Ну, или просто на глазок.<i>ЗЫ Ты уже нашел приемлемый способ смотреть шрифты на страницах?</i> Максииим! А ты сейчас про что?
В жизни никогда не видел, чтобы дизайнер слал паттерны отдельно, обычно приходилось дублировать слой, ставить ему какой-нибудь фильтр типа Inverse и двигая его, выяснять размеры. Типа реверси, ага. Ну, или просто на глазок.

ЗЫ Ты уже нашел приемлемый способ смотреть шрифты на страницах?

]]>