Комментарии 88
Про ие, видимо, можно даже не спрашивать:)
+49
Отсутствие кросс-браузерности сводит на нет все её возможности, сайт должен выглядеть во всех браузерах идентично и зачем использовать данную библиотеку, если затем придется делать тоже самое и для других браузеров, но уже стародедовскими способами.
+10
Начало положено, остальное дело времени.
+4
НЛО прилетело и опубликовало эту надпись здесь
> сайт должен выглядеть во всех браузерах идентично
Пользователи браузеров links, lynx, elinks и Mosaic с вами полностью солидарны.
А то ишь чего удумали, несовместимые со всеми браузерами решения выпускают.
Пользователи браузеров links, lynx, elinks и Mosaic с вами полностью солидарны.
А то ишь чего удумали, несовместимые со всеми браузерами решения выпускают.
+35
Ну, зато облегчает создание сайтов для всяких модных планшетов, те можно считать что на данный момент сей инструмент для них.
0
HTML5-приложения для мобильных устройств.
0
Надо бы ее в less.js встоить. Типография — сердце web дазайна :).
-4
Как раз у типографии-то с веб-дизайном почти ничего общего.
В less встраивать тоже ничего не надо — эти вещи совершенно для разных целей.
В less встраивать тоже ничего не надо — эти вещи совершенно для разных целей.
+2
Так то оно так, но типография и типографика — это, скажем так, не одна и та же хрень :)
+7
Великий и могучий русский язык
translate.google.com/?tab=mT#ru|en|%D0%A2%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0
translate.google.com/?tab=mT#en|ru|typography
ru.wikipedia.org/wiki/%D0%A2%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0 => en.wikipedia.org/wiki/Typography
Всеже, в данном контексте, это одна хрень :(
translate.google.com/?tab=mT#ru|en|%D0%A2%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0
translate.google.com/?tab=mT#en|ru|typography
ru.wikipedia.org/wiki/%D0%A2%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0 => en.wikipedia.org/wiki/Typography
Всеже, в данном контексте, это одна хрень :(
-1
Ошеломляющее могущество кернинга. Заранее сочувствую любителям отключать джаваскрипты.
+3
Я вообще этого не понимаю, постоянно это бахвальство в комментариях: «а у меня скрипты отключены», «а вы что еще адблок не установили?», «а у меня флэш блок давно стоит». Ну пусть установят себе IE 1.0 тогда и радуются.
+11
Отключаю JS и Flash по умолчанию по трём причинам:
1. Не доверяю вражеским сайтам. XSS, уязвимости в браузере/flash'е.
2. Компьютер у меня не быстрый, при 5-6 открытых вкладках с Flash и JS волшебством Firefox начинает тупить.
3. Для _чтения_ страниц JS понты и Flash реклама не нужна. Я же смогу прочитать текст без прекрасного кернинга?
Сайты которыми пользуюсь постоянно добавляю в белый список NoScript и Flashblock в два клика.
1. Не доверяю вражеским сайтам. XSS, уязвимости в браузере/flash'е.
2. Компьютер у меня не быстрый, при 5-6 открытых вкладках с Flash и JS волшебством Firefox начинает тупить.
3. Для _чтения_ страниц JS понты и Flash реклама не нужна. Я же смогу прочитать текст без прекрасного кернинга?
Сайты которыми пользуюсь постоянно добавляю в белый список NoScript и Flashblock в два клика.
-21
Ну и отлично IE 0.1 в помощь. Текст читать умеет, что еще нужно в 21-м веке, правда?
+2
IE 0.1 — глючное и тормозное говно, что вы советуете? Есть ведь отличный, быстрый и удобный lynx. И им, кстати, в отличии от IE 0.1 до сих пользуются.
+15
Толстовато. В IE 0.1 нельзя «сделать хорошо» в два клика.
Если сайт разваливается, не работает, я выключаю JS. Или ухожу с сайта :)
Если сайт разваливается, не работает, я выключаю JS. Или ухожу с сайта :)
+3
Я отключаю только флэш. Но могу подтвердить, что в 90% ДжаваСкрипт добавляет нелепые свистоперделки, которые не несут никакой функциональной нагрузки. Ну а для флэша это утверждение верно на 99%.
+3
>>Не доверяю вражеским сайтам.
Дальше не читал
Дальше не читал
+14
Нужно ходить на проверенные вражеские сайты
+5
используйте wget и cat
+2
Всю жизнь JS включен. Хожу по разным-разным сайтам и еще ни разу не вступил в говно. Что я делаю не так?!
+14
Я сказал «сочувствую любителям отключать джаваскрипты», но вот Adblock Plus и Flashblock — это другое дело: у меня и у самого стоят они.
Flashblock для меня является обыкновенным средством ускорения работы (для меня очевидно, что запуск флэшёвой виртуальной машины поверх браузера отъедает лишние циклы процессора, усиливает утечку памяти, и так далее).
Adblock Plus позволяет очистить страницу от рекламных скриптов и других рекламных элементов, что, как правило, улучшает и внешний вид её (способствуя единству стиля), и скорость загрузки из Сети, и поворотливость (за счёт отказа от выполнения лишнего кода рекламных и следящих скриптов).
Flashblock для меня является обыкновенным средством ускорения работы (для меня очевидно, что запуск флэшёвой виртуальной машины поверх браузера отъедает лишние циклы процессора, усиливает утечку памяти, и так далее).
Adblock Plus позволяет очистить страницу от рекламных скриптов и других рекламных элементов, что, как правило, улучшает и внешний вид её (способствуя единству стиля), и скорость загрузки из Сети, и поворотливость (за счёт отказа от выполнения лишнего кода рекламных и следящих скриптов).
+6
> Я вообще этого не понимаю, постоянно это бахвальство в комментариях
Столлмана почитайте.
> Ну пусть установят себе IE 1.0 тогда и радуются.
Как это связано с нежеланием запускать на своей машине потенциально вредоносный код? Если отключить js, то сэкономится куча траффика (на вырезанных .js файлах на privoxy) и исчезнут мешающие получать информацию с сайта свистоперделки. На доверяемых сайтах вроде habrahabr.ru где последствия для авторов за вредоносный код в скриптах будет достаточно серьёзной и они действительно используют js только ради более удобного интерфейса, его можно и включить. Установка IE 1.0 же, если в вашу светлую голову, дающую такие ценные указания, эта мысль не пришла, сделает получение информации с любого сайта почти невозможным. Кроме того, зачем е*****я с поиском и установкой IE 1.0 в wine, когда можно просто взять современный браузер вроде lynx или w3m?
Столлмана почитайте.
> Ну пусть установят себе IE 1.0 тогда и радуются.
Как это связано с нежеланием запускать на своей машине потенциально вредоносный код? Если отключить js, то сэкономится куча траффика (на вырезанных .js файлах на privoxy) и исчезнут мешающие получать информацию с сайта свистоперделки. На доверяемых сайтах вроде habrahabr.ru где последствия для авторов за вредоносный код в скриптах будет достаточно серьёзной и они действительно используют js только ради более удобного интерфейса, его можно и включить. Установка IE 1.0 же, если в вашу светлую голову, дающую такие ценные указания, эта мысль не пришла, сделает получение информации с любого сайта почти невозможным. Кроме того, зачем е*****я с поиском и установкой IE 1.0 в wine, когда можно просто взять современный браузер вроде lynx или w3m?
0
Любители отключать яваскрипты сами себя наказали.
Ты ещё любителям Lynx посочувствуй.
Ты ещё любителям Lynx посочувствуй.
+1
В свете последних новостей сочувствую тем, у кого они разрешены везде по умолчанию.
+1
А в блоге Оперы меня заминусовали за правду :-)
-2
вроде как и прикольно да только нахрен не надо
+1
Типографика для веб-дизайна крайне важна. Жаль, что вещь не кросс платформенная, но это не суть. Главное, что полезно!
+1
За правку кернинга нужно убивать.
-9
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
На заглавной странице typeface.js упоминается поддержка трёх видов браузеров: Firefox 1.5, Safari 2 и Internet Explorer 6 (и более свежих версий). Надо думать, что поддержка Safari автоматически обзначает и поддержку Google Chrome, пользующегося тем же движком (и притом наиболее новой версии, в силу включённого самообновления).
Правила @font-face, как известно из Википедии, поддерживаются, начиная от версий Firefox 3.5, Internet Explorer 4, Opera 10 (частично 8 и 9), Safari 3.1 и Google Chrome 4.0.
Проблемы со старинными браузерами можно игнорировать (вряд ли сейчас найдётся пользователь, не обновивший Firefox хотя бы до версии 3.5, IE до 6, Safari до 3.1, Google Chrome до 4.0). Проблему с поддержкою Opera игнорировать сложнее, поэтому, прежде чем использовать typekit.js, я рекомендовал бы поглядеть, хорошо ли он работает с Оперою.
Правила @font-face, как известно из Википедии, поддерживаются, начиная от версий Firefox 3.5, Internet Explorer 4, Opera 10 (частично 8 и 9), Safari 3.1 и Google Chrome 4.0.
Проблемы со старинными браузерами можно игнорировать (вряд ли сейчас найдётся пользователь, не обновивший Firefox хотя бы до версии 3.5, IE до 6, Safari до 3.1, Google Chrome до 4.0). Проблему с поддержкою Opera игнорировать сложнее, поэтому, прежде чем использовать typekit.js, я рекомендовал бы поглядеть, хорошо ли он работает с Оперою.
+2
Опечатка: в последнем абзаце вместо «typekit.js» следует читать «typeface.js».
Кстати уж прибавлю: ещё одним аргументом в пользу @font-face (а значит, в частности, и в пользу Google Web Fonts) является совершеннейшее отсутствие необходимости употреблять JavaScript, тогда как typeface.js не работает у лиц, отключивших или блокировавших JavaScript.
Кстати уж прибавлю: ещё одним аргументом в пользу @font-face (а значит, в частности, и в пользу Google Web Fonts) является совершеннейшее отсутствие необходимости употреблять JavaScript, тогда как typeface.js не работает у лиц, отключивших или блокировавших JavaScript.
+2
НЛО прилетело и опубликовало эту надпись здесь
>> Больше ничего не нужно, остальное она сделает сама.
Вообще, ничего после этого не произойдёт, потому что нужно ещё указать необходимые CSS-стили для правил. А всё то же самое можно сделать и без этого фреймворка, просто с помощью CSS, причём для всех браузеров.
Вообще, ничего после этого не произойдёт, потому что нужно ещё указать необходимые CSS-стили для правил. А всё то же самое можно сделать и без этого фреймворка, просто с помощью CSS, причём для всех браузеров.
+2
или одна унифицированная строчка или пять(утрирую) под все браузеры.
-2
Не могу согласиться. Kerning.js плохо работает в Опере и не работает в ИЕ, а если символ, у которого нужно подкорректировать какой-либо отступ, заключить в span и назначить ему нужные микроскопические margin'ы, то это сработает всюду. Нельзя недооценивать силу ручного труда.
+3
H<span class='e-kern'>e</span><span class='l-kern'>l</span><span class='l-kern'>l</span>o, Wor<span class='l-kern'>l</span>d!
+1
И желательно это делать через псевдоклассы, а не как показано выше, а то фиг его знает как это гугл прочитает
+1
Нормально читает, я пробовал. ;)
0
Если не секрет дайте линк на подобную страницу
0
Обратите внимание, во что у меня на странице обёрнуто слово iOS. «Яндекс» совершенно нормально проиндекировал этот текст:
Гугл пока ещё не все страницы моего сайта обошёл, про его выдачу с уверенностью сказать не могу, но предполагаю, что тоже всё будет в порядке.
Гугл пока ещё не все страницы моего сайта обошёл, про его выдачу с уверенностью сказать не могу, но предполагаю, что тоже всё будет в порядке.
0
span'ы, a, и все прочие элементы, которые по дефолту являются inline, гугл сливает в одно слово. накалывался на этом уже, когда делал стилевую разбивку тегов не через ul-li, а через последовательность <a>. гугл в выдаче под заголовком, где показывает включения ключевиков в тексте, отображал что-то вроде «компьютерыновостиинформационные технологииинтернет»
0
Такой труд не обязательно должен быть именно ручным; быть может, кто-нибудь со временем сочинит решение, работающее на сервере (скажем, в PHP), и тем невозбранно достигнет желаемого.
-1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Мне эта ваша финтифлюшка нафиг не нужна, но чисто из любви к людям — добавьте же вариант blah^5:
#hello-goodbye {
-letter-size: _^5 0.5em;
}
vs
#hello-goodbye {
-letter-size: _ _ _ _ _ 0.5em;
}
#hello-goodbye {
-letter-size: _^5 0.5em;
}
vs
#hello-goodbye {
-letter-size: _ _ _ _ _ 0.5em;
}
+4
Странно, вроде бы всё кроме поворотов и прочих хитрых трансформаций должно легко делаться кроссбраузерно. Уж кернинг точно — там же просто оборачивания каждой буквы в спан + magin-ы.
0
Звучит круто и желанно, но на практике, думаю, всё будет менее радужно.
Дело в том, что минимальная дискретность такого браузерного псевдокернинга (1px) слишком груба для большинства тектстов. Это будет приемлемо только для заголовков, набранных очень крупным (не менее ~25px, а лучше еще больше) кеглем. Применять другие единицы типа em не получится, поскольку браузер все равно округлит их до целых пикселей, причем малопредсказуемым образом, и всё может стать только хуже.
Вывод: для некоторых специфических случаев может пригодиться, но в повседневной практике применения этому нет.
Дело в том, что минимальная дискретность такого браузерного псевдокернинга (1px) слишком груба для большинства тектстов. Это будет приемлемо только для заголовков, набранных очень крупным (не менее ~25px, а лучше еще больше) кеглем. Применять другие единицы типа em не получится, поскольку браузер все равно округлит их до целых пикселей, причем малопредсказуемым образом, и всё может стать только хуже.
Вывод: для некоторых специфических случаев может пригодиться, но в повседневной практике применения этому нет.
+4
Уже лет 5 у меня довольно стабильно работает указание 4 знаков после запятой, если нужно точное округление из относительных размеров.
Если память не изменяет, то IE при округлении учитывает 2 знака после запятой, а FF 3. Четвертый знак уже не помню как появился.
Так что округления до вполне конкретных чисел вполне возможно.
Другое дело что шрифты везде разные, при использовании относительных единиц это полный фейл, по этой причине постоянно вылезает разница в несколько пикселей.
Если память не изменяет, то IE при округлении учитывает 2 знака после запятой, а FF 3. Четвертый знак уже не помню как появился.
Так что округления до вполне конкретных чисел вполне возможно.
Другое дело что шрифты везде разные, при использовании относительных единиц это полный фейл, по этой причине постоянно вылезает разница в несколько пикселей.
+1
Знаки после запятой и саму математику округления — это понятно.
Когда я говорил о малопредсказуемом округлении, я имел в виду то, что разные браузеры рендерят шрифты чуть по-разному (даже в пределах одной ОС). Поэтому ширина самих букв и слов может немножко плавать. И может сложиться ситуация, когда, условно говоря, в FF лучше выглядит -1px, а в Хроме -2px.
В этих условиях кернинг только на целое число пикселей пригоден, как я уже сказал выше, только для очень крупных кеглей. Хотя и это неплохо, в некоторых случаях может пригодиться.
Когда я говорил о малопредсказуемом округлении, я имел в виду то, что разные браузеры рендерят шрифты чуть по-разному (даже в пределах одной ОС). Поэтому ширина самих букв и слов может немножко плавать. И может сложиться ситуация, когда, условно говоря, в FF лучше выглядит -1px, а в Хроме -2px.
В этих условиях кернинг только на целое число пикселей пригоден, как я уже сказал выше, только для очень крупных кеглей. Хотя и это неплохо, в некоторых случаях может пригодиться.
0
Вообще не понял, зачем нужно, ведь все это делается и средствами css.
Отсчитывать буковки каждый раз — WTF?!
Отсчитывать буковки каждый раз — WTF?!
0
Ну правильно, всё это теоретически можно сделать через CSS ручками — только трудоемко очень. Оборачивать отдельные буквы в span-ы и каждому прописывать врукопашную марждины?
Скрипт не делает ничего волшебного, он лишь дает интерфейс-обертку для тех самых средств CSS.
Скрипт не делает ничего волшебного, он лишь дает интерфейс-обертку для тех самых средств CSS.
0
>Вообще не понял, зачем нужно
Кернинг — расстояние между буквами, которые подбираются шрифтовыми дизайнерами для каждой пары букв в зависимости от их начертания для удобочитаемости и сохранения пропорций. Т.е. художник-шрифтовик для каждой пары (типа AV, II, TA) тщательно подбирает трекинговое расстояние и менять его можно только сдуру.
Кернинг — расстояние между буквами, которые подбираются шрифтовыми дизайнерами для каждой пары букв в зависимости от их начертания для удобочитаемости и сохранения пропорций. Т.е. художник-шрифтовик для каждой пары (типа AV, II, TA) тщательно подбирает трекинговое расстояние и менять его можно только сдуру.
-2
Если художник-шрифтовик действительно взял на себя нелёгкий труд создать кернинговые пары для шрифта и прописать для них желаемые межбуквенные расстояния — тогда да, тогда, конечно, не так-то просто придумать повод переменить их. Но если шрифт сделан за неделю на коленке (или, например, на FontStruct), то тогда ни о каком авторском кернинге и речи быть не может. В том вижу полезность специального кернинга.
+1
Капитан, я о библиотеке, а не о кёрнинге. Вообще моветон корежить кернинг качественных и проверенных временем шрифтов. Плюс совершенно не понимаю, зачем лишний код, когда можно обойтись и простыми средствами, с большими плюшками.
0
> Вообще моветон корежить кернинг
Увы, для большинства уеб-дизайнеров, верстальщиков и тем более программистов это НЕочевидно.
> Капитан, я о библиотеке, а не о кёрнинге
Вы спросили — «зачем», Я ответил — «сдуру». И правка кернинга и изобретение для этого библиотеки и тем более ее использование может быть сделано только сдуру.
Увы, для большинства уеб-дизайнеров, верстальщиков и тем более программистов это НЕочевидно.
> Капитан, я о библиотеке, а не о кёрнинге
Вы спросили — «зачем», Я ответил — «сдуру». И правка кернинга и изобретение для этого библиотеки и тем более ее использование может быть сделано только сдуру.
+1
Предсказываю вам море удовольствия при локализации:
Привет и пока.
Небольшой наклон
и т.д.
Привет и пока.
Небольшой наклон
и т.д.
0
Если хочется потрогать буквочки, попробуйте Lettering.js
+2
Только сегодня размышлял на эту тему, пролистывая свежую подборку похожих библиотек.
0
Отключают люди JS, Flash, картинки, почему бы не отключить компьютер из розетки, электричество не тратить :-D
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Публикации
Изменить настройки темы
Kerning.js