Pull to refresh
2
0
vrmzar @vrmzar

User

Send message

Раздобываем бесплатные шрифты для русского языка, чтобы пережить Вторую типографскую революцию в Паутине

Reading time7 min
Views33K
На минуту обратите свои мысли вспять, к прошлому, к завершившемуся тысячелетию. Отдайте должное утренней заре Всемирной Паутины, потому что заря эта готова ужé окончательно потухнуть, уступая место куда более яркому сиянию нового дня.

Первая типографская революция произошла во Всемирной Паутине настолько давно, что приходится производить поиски, чтобы установить подробности. Кажется достоверным то, что пишет Ian Graham: в Netscape Navigator 2.0 впервые появился элемент <font> (тогда он позволял задавать только размеры шрифта, и только в условных единицах), а в Internet Explorer 3 у этого элемента появился атрибут face, позволявший задавать начертание, задавать шрифтовое семейство. Википедия подсказывает, что Netscape Navigator 2.0 появился в марте 1996 года, а Microsoft Internet Explorer 3 — в августе того же года. В язык HTML версии 3.2 даже не входил атрибут face, хотя и упоминалося, что такой атрибут существует.

Тринадцать лет назад.

Все эти тринадцать лет для начертания текста сайтов в основном использовались несвободные шрифты, являющиеся частью операционных систем и офисных пакетов. Сайтам приходилося гадать о том, какие шрифты установлены у читателя, а какие не установлены, и какова вероятность того или другого, какие шрифты можно считать безопасными. Сочинялись специальные плагины jQuery и создавались специальные страницы, способные выяснить набор шрифтов на компьютере читателя. Особый дух того времени прекрасно передал despoth, сочинив превосходную серию статей о такой веботипографике, которая основана именно на подборе несвободных шрифтов (часть I часть II часть III часть IV часть V).

Наконец, это время кончилось: явствуют, зримо явствуют признаки Второй типографской революции, связанной с приходом @font-face.

Джон Даггетт сочинил познавательную статью о том, как все мы совсем скоро (после появления Safari 3.1, Firefox 3.5, Opera 10) сможем использовать загружаемые шрифты во всех популярных браузерах, а не только в одном наиболее популярном.

Марк Пилгрим грубо обрисовал ситуацию с лицензированием собственнических шрифтов. Ситуация эта немало напоминает глухой тупик. Даже создателям прекрасной демонстрации возможностей Firefox 3.5, чтобы изготовить страницу, пришлось специально связаться со шрифтопроизводителями и изготовлять такие особые (усечённые) версии использовавшихся шрифтов, чтобы их не было смысла копировать нелицензионно. А вон там предлагают раздавать особые паутинные обкусанные ужатые копии купленных шрифтов (которые сам покупатель вывешивать не имеет никого права, а только ссылаться). Остроумно. Открывает широкую дорогу в сторону Большого Брата: типа как недавно читальники Kindle удаляли книги Оруэлла за нелицензионность (даже честно купленные — просто оставляя стоимость их на счету покупателя в уплату). Так и тут. Внешний шрифт может неожиданно подохнуть, даже купленный заранее.

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

Англоязычному люду этот переход дастся достаточно просто: достаточно обратиться к белке-шрифтелке, чтобы получить буквально сотни шрифтов, каждый из которых можно без лицензионных проблем использовать в своей работе, на своём сайте. Тем же, кто пользуется русским языком (или, тем паче, другими языками на основе расширенной кириллицы), придётся гораздо, гораздо похуже. Свободных кириллических шрифтов совсем мало, а русского аналога белки-шрифтелки, похоже, вообще не существует в природе.

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

Список пошёл.
Total votes 160: ↑137 and ↓23+114
Comments85

Cтеклянная строка вкладок в Опере

Reading time2 min
Views3.7K
С момента появления Google Chrome, много мелких деталей во внешнем виде браузеров привлекли мое внимание. Одной из них стала пропажа заголовка окна и использование стеклянной строки с вкладками, что очень хорошо вписывается в стиль Vista/Win7 Aero.

Недавно Safari 4 тоже скопировал этот формат.

image

И, наконец, мы добрались до оперы…
Я пользуюсь Оперой более 6 лет, и я впечатлен достижениями в последних билдах. Но я (и другие), хотели бы видеть стеклянные окна в опере 10, но с таким количеством новых функций, мне не кажется, что Aero будет доступна к финалу (на самом деле его обещали к Опере 11).

Читать дальше →
Total votes 93: ↑76 and ↓17+59
Comments88

3D CSS

Reading time1 min
Views2.1K
Некоторое время назад, я негодовал, когда читал о возможностях, которые разработчики WebKit хотят внести в CSS. Там были разнообразные трансформации, анимации и тому подобные, не понятные консерваторам, вещи.

Однаки на представленном видео, видно, что имея подобные инструменты/возможности, нам открываются невероятные возможности. Видимо стоит пересмотреть свое восприятие мира.

Читать дальше →
Total votes 65: ↑53 and ↓12+41
Comments84

Генерация 3D-моделей по фотографиям

Reading time2 min
Views57K
Доктор Дэвид Маккиннон (David McKinnon) из Технологического университета в Квинсленде (Австралия) разработал революционную программу 3DSee, которая генерирует 3D-модели на основе обычных фотографий — автоматически, без человеческого участия. Для работы движку нужно 5-15 фотографий, которые соответствуют требованиям, в том числе должны пересекаться как минимум на 80-90%.

Система работает примерно так же, как майкрософтовский Photosynth. Тот анализирует пачку фотографий, находит точки пересечения и автоматически склеивает из них круговую панораму. Здесь нечто похожее: берётся пачка фотографий, ищутся точки пересечения, анализируются характеристики оптической системы (фокусное расстояние камеры и проч.), создаётся файл геометрии сцены и происходит 3D-реконструкция. От пользователя требуется только предоставить контент и нажать одну кнопку — всё!

Автоматическое 3D-моделирование — очень сложная и важная задача, ибо теперь на эти цели тратится уйма вычислительных и трудовых ресурсов. Учитывая сложность задачи, неудивительно, что Маккиннону потребовалось аж восемь лет, чтобы довести проект до приемлемого уровня (программа 3DSee — часть проекта ACID Vision). Теперь он хочет усовершенствовать технологию, чтобы генерация 3D-моделей в картинах высокого разрешения происходила автоматически (как в знаменитой сцене с пулями из «Матрицы»).
Читать дальше →
Total votes 39: ↑36 and ↓3+33
Comments48

Дизайн-аудит на примере известного портала

Reading time12 min
Views11K
Дизайн-аудит
Практически каждый дизайнер хотя бы раз в своей практике сталкивался со следующей проблемой: вроде бы всё хорошо получилось, но что-то где-то не так, есть ощущение какой-то недоделанности и неряшливости. Кто-то в этом случае привычно махнёт рукой и, надеясь на некомпетентность клиента, выведет недоделанный сайт в Сеть. Кто-то начнёт череду поисков решения проблемы и зайдёт в глубокие дебри бесконечных переделок и доработок. И почти никто не обратится за помощью к специалистам, занимающимся непосредственно данной категорией проблем — к дизайн-аудиторам. А зря. Аудит сайтов в целом лишь относительно недавно стал вызывать интерес в нашей стране, появились специалисты в области юзабилити сайтов, продвижения и раскрутки. А вот непосредственно улучшением внешнего вида занимаются лишь единицы, да и то о них мало кто знает.

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

В этой статье я хотел бы на конкретном примере известного западного портала разобрать практические методы визуального улучшения сайта.

ВНИМАНИЕ: в статье имеется большое количество крупных изображений.

Читать дальше →
Total votes 97: ↑84 and ↓13+71
Comments53

Крик утопающего

Reading time2 min
Views1.7K
image Ищу совета и слов поддержки. Относительно давно использую нашумевшую Windows 7. Ни в коем случае не хочу явиться причиной возникновения холиваров, но «семерка» мне нравится. Больше, чем XP и уж тем более, чем Vista. Я люблю *nix системы, люблю MacOS, но так получилось, что возникшая проблема имеет место именно на продуктах компании Microsoft.

Началось это пару месяцев назад, а сегодня найдена причина.
Читать дальше →
Total votes 107: ↑61 and ↓46+15
Comments323

Атаки на беспроводные сети. Часть 1

Reading time5 min
Views69K
В прошлой статье о беспроводных сетях мы рассмотрели первый этап — сбор информации, или wardriving. Сейчас же, продемонстрируем несколько способов получения несанкционированного доступа к беспроводным сетям, а также рекомендации по защите от них.

Читать дальше
Total votes 123: ↑118 and ↓5+113
Comments98

Тривиальные задачи по вёрстке

Reading time4 min
Views60K
image

Начинаю вести серию статей Это статья про вёрстку html css js, начинаю с самого простого, потом планирую описать более сложные вещи и всякие тонкости и этим видимо так и закончил

Читать дальше →
Total votes 275: ↑251 and ↓24+227
Comments160

Opera следит за тобой!

Reading time2 min
Views3.7K
image

(Фото предоставлено digi.no)

Как известно, Opera Mini позволяет экономить время и трафик (а, следовательно, и деньги) за счёт того, что все данные перед отправкой на мобильные телефоны обрабатываются на специальных серверах компании Opera Software. Наиболее мощная серверная ферма Opera Mini находится в Норвегии и является самой большой в стране. Каждую секунду серверы обрабатывают тысячи запросов с пользовательских телефонов на просмотр той или иной страницы. Объём данных проходит огромный, но его масштабы по цифрам как-то слабо представляются, если честно. К примеру, за ноябрь прошлого года серверы Opera Mini отправили пользователям 82,9 ТБ данных, обработав при этом более 800 ТБ реального контента. Вот как понять, много это или мало? Даже если привести для сравнения данные по всему интернету, всё равно все эти тера- и петабайты останутся лишь цифрами. Впрочем, у самих разработчиков есть способ визуально оценить активность пользователей Opera Mini. Сами авторы популярного браузера называют своё «всевидящее око» по-простому — Opera Mini глобус.
Читать дальше →
Total votes 77: ↑62 and ↓15+47
Comments60

Визуализация ботнетов на видео

Reading time1 min
Views1.1K
Спамерские ботнеты живут своей жизнью, и это не аллегория. Они действительно похожи на организм животного. По крайней мере, если посмотреть на компьютерную модель, которую сгенерировали финские программисты из компании Clarified Networks. На видео запечатлена активность ботнетов за несколько часов.

Они взяли за основу сырые данные, собранные F-Secure в IRC-каналах ботнетов. Парсинг и обработка выполнены средствами Python и PyQt. Затем они сделали привязку IP-адресов к физическим адресам посредством GeoIP-базы Maximind, после чего наложили их на карту Visible Earth от НАСА. После этого понадобилось немного поиграть с цветами и яркостью, чтобы карта смотрелась более зрелищно. Результат превзошёл все ожидания.


Читать дальше →
Total votes 56: ↑55 and ↓1+54
Comments82

Впечатляющие «научные» эксперименты в домашних условиях + конкурс для Хабралюбителей от SmartVideos.ru

Reading time2 min
Views1.4K
Умное ВидеоМногим читателям Хабра уже полюбились переводные научно-познавательные ролики. Хотел бы представить Вам еще два — о неньютоновской жидкости и «горячем» льде. Опыты не требуют каких-либо сложных ингредиентов или условий, но выглядят действительно эффектно.

Кроме того, для заинтересовавшихся я хотел бы провести небольшой конкурс с довольно привлекательными призами…

UPD. Первое видео от spiritus_sancti уже онлайн — www.youtube.com/watch?v=Y4z2VqgX-78!

UPD2. Второе видео онлайн — www.youtube.com/watch?v=PSiSHhw99Tw!

Читать дальше →
Total votes 73: ↑66 and ↓7+59
Comments68

Тюнинг Firefox для любителей Оперы

Reading time5 min
Views20K
Здравствуйте.
Я являюсь пользователем Оперы уже около 5 лет, но при разрабoтке страниц я пользуюсь Firefox'ом т.к. он предлагает мне более удобные средства для отлова ошибок, валидации и т.п., к тому же это полезно, если каждодневный брaузер и рабочий инструмент различаются.
Но дело в том, что в Файрфоксе при всех его преимуществах, настройки по умолчанию заставляют оперопользователя все время чувствовать себя как в гостях. Я не говорю здесь о интерфейсе, а именно о поведении браузера. Я попытался изменить это и вот шаги которые я предпринял:
UPD: пока писал, то топик так увеличился, что его можно скорее назвать пособием для тюнинга Firefox — загляните внутрь даже если вы не оперщик. Если же вы матерый пользователь FF, то добро пожаловать с вашими уточнениями и комментариями :)
Много текста
Total votes 80: ↑65 and ↓15+50
Comments66
12 ...
15

Information

Rating
Does not participate
Registered
Activity