Когда дело доходит до рендеринга шрифта на Вебе, дизайнер может сделать не слишком многое. То, как шрифт выглядит на экране, по большей части зависит от операционных систем, браузеров, дизайна гарнитур, шрифтовых файлов и от того, дополнены ли эти файлы инструкциями для самых неожиданных сценариев рендеринга. Но иногда свойства CSS могут повлиять на то, как выглядит шрифт.

Вышла в свет обновленная версия русскоязычной базы данных стран и городов. Основные изменения:
— за счёт новой базы ipgeobase.ru повысилась точность определения городов Украины
— из бесплатной версии базы geobaza.ru исчезли города, поэтому точность определения городов других стран СНГ понизилась
— добавлен скрипт, с помощью которого вы можете самостоятельно обновлять базу (без добавления новых городов и стран)
— таблицы net_ru_2 и net_su удалены из базы, изменены примеры запросов
Результат этой работы доступен для свободного скачивания.

Ежедневно около 1,5 миллионов пользователей просматривают видеоролики на сервисе Яндекс.Видео. Это ролики с сайтов наших партнёров, которые присылают нам данные, чтобы ролики могли появиться в поиске Яндекс.Видео.

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



Помимо разметки сайта мета-тэгами стандарта OpenGraphProtocol, вы можете передавать данные в формате XML. А если у вас есть Media-RSS-поток с обновлениями, то мы можем использовать и его. Хотелось бы отметить, что чем более полную и осмысленную информацию о ролике вы предоставите, тем привлекательнее он будет выглядеть в результатах видеопоиска, и тем больше шансов, что пользователи захотят его посмотреть и посетят для этого ваш сайт.

Дополнительную информацию о программе вы найдёте в разделе Помощи — Вопросы и ответы.

Команды Яндекс.Видео и Веб-Поиска,
с пожеланиями многочисленных и благодарных зрителей

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

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

В раздумьях, как бы это сделать побыстрее и подешевле, не следует обманывать себя (в основном, на раннем этапе) мыслями типа «да у меня статический текст, только надо приклеить шапку», «тут нужен только счётчик», «мне надо только вывести дату» и т.д.
Сначала — шапка и счётчик, дальше будет условная вставка блоков (if), потом понадобится генерация таблиц (тут уже нужны циклы и массивы), далее потянутся строковые операции и все остальные конструкции нормального языка программирования.

На прошедшем Фестивале 404 я рулил дизайнерской секцией. Самые интересные доклады секции были записаны на видео. Предлагаю вашему вниманию подборочку наиболее интерестного дизайнерского видео с Фестиваля.

Вся дизайнерская секция была во второй день, но самый полезный дизайнерский доклад открывал Фестиваль в первый день. Перед нами выступил Билл Бакстон — дизайнер с большой буквы. Что там дизайнер — ученый, специалист по взаимодействию человека и компьютера, личность мирового масштаба.

Билл Бакстон (Microsoft Research)
Дизайн, веб-сайты и новые стандарты

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

Предисловие

Цель данного поста — с одной стороны поделиться своим успешным опытом старта разработки приложений на платформе Android и с другой стороны поспособствовать развитию рынка софта для этой замечательной и бурно растущей платформы за счёт (без ложной скромности скажу) возможно Вас, прочитавших данный пост. В сети, конечно, можно найти материалы на тему разработки приложения «чуть сложнее, чем helloworld», но как правило они разрозненные и в них не описываются различные мелкие подводные камешки. В данном посте мы рассмотрим полный цикл разработки приложения, начиная с чистого компьютера до готового apk-файла. Под катом скрины.

В мире визуальных редакторов есть CKeditor, есть tinyMCE — монстрообразные, не гибкие, их сложно изменять под задачи сайтов и интерфейсов. Есть небольшие, простые, они часто с ужасным дизайном, не развиваются, не поддерживаются. Как настоящий разработчик, несколько лет назад я решил написать свой редактор и в течение этого времени постоянно развивал его и упрощал. Суть редактора постепенно свелась к простым требованиям:

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

При разработке одного проекта встала задача – определить по IP-адресу посетителя его страну и город, на русском языке. Поиск готового решения оказался безуспешным – русскоязычные базы стран можно найти (например, wipmania.com), но баз городов нет. Помощь пришла из-за границы, в лице англоязычного maxmind.com. База была приведена к нормальному состоянию (MySQL) и частично переведена на русский язык с помощью нескольких справочников (~6,000 названий, с учетом городов-тезок ~15,500).   Результат этой работы доступен для свободного скачивания.

Идеология разработки с открытыми исходниками предполагает также и открытый процесс разработки. Следуя этому духу мы сегодня решили открыто исправить серьёзный баг, которому в той или иной степени подвержены почти все open source проекты Яндекса.

ID	1
Summary	Никто не знает про открытые проекты Яндекса
Description	У наших разработчиков уже довольно много опубликованных компонентов, библиотек и готовых решений. Их никто особенно не скрывает, но также про них никто и не рассказывает. Надо рассказать!

Обкатав программу вознаграждений за найденные уязвимости на браузере Chromium, компания Google решила распространить её на все свои продукты. Теперь можно получить от $500 до $3133,7 за найденные баги в

• *.google.com
• *.youtube.com
• *.blogger.com
• *.orkut.com

Программа вознаграждений не действует только для клиентских приложений (Android, Picasa, Google Desktop и проч.), а так всё остальное в неё включено, в том числе Gmail, Youtube и Google Docs.

Очень часто фантазия человека, разрабатывающего макет сайта, не ограничивается шириной 1024px, при этом требуется, чтобы сайт выглядел достойно на всех разрешениях и соответствовал полёту мысли дизайнера.

Проблему можно представить графически так:


Задача вёрстки заключается в следующем:

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

Работает для FF3, FF4, IE8 и почти для Opera.

Привет, Хабравчане!

Спустя полгода после запуска ivi.ru (кстати, хочу сказать большое спасибо всем посетителям Хабра, которые помогали тестировать сервис и просто поддерживали наш проект все это время) мы запускаем новый проект (или подпроект) music.ivi.ru



Мы собрали более 10 000 музыкальных клипов, потратили на это огромное количество сил и теперь хотим показать вам результат.

Сервис пока доступен только по инвайтам, но есть супер-инвайт PRIVETHABR — по нему может зарегистрироваться неограниченное количество пользователей.

Буду благодарен за фидбэк в комментариях.

P.S. К сожалению, из-за правовых ограничений сервис доступен только в России.

Мы начали с ( javascript шаблонизатора), что использовать один и тот же шаблон на стороне клиента и на стороне сервера, это удобно. Готовых рализаций такого подхода кот наплакал. Кровь приливает к голове, мы решаемся написать своё решение.

Обрисуем исходные данные и задачу

Пусть у нас есть шаблоны, от нашего шаблонизатора. На сервере они обрабатываются perl'ом. В конечном итоге мы хотим некоторые из имеющихся шаблонов, или их частей, не вынесенных в отедельный файл, использовать на стороне клиента. Необходимо с минимальными затратами(в потерере функциональности) воспроизвести процедуры генерации html. В результате обработки шаблонов, мы хотим получить наборы предварительно указанных шаблонов и блоков, оформленных в виде библиотеки javascript. Сказано – сделано.

Борис Хвостиченко, менеджер по продуктам Google в России

Давайте проведем небольшой эксперимент. Что быстрее: произнести «синхрофазотрон» или набрать это слово на клавиатуре телефона?

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

Согласны? Тогда у нас есть прекрасная новость для вас – теперь вы сможете искать в Google голосом — на великом и могучем русском языке, где бы вы ни находились. В этом вам поможет Голосовой поиск Google.





Чтобы запустить Голосовой поиск для каждого языка (сейчас Голосовой поиск доступен на английском, китайском, корейском, японском, французском, немецком, итальянском, испанском, а с недавнего времени – и на польском и чешском), мы неделю за неделей собираем голосовые фрагменты, которые позволяют нам создать модели речи, обеспечивающие корректную работу сервиса. Мы просим носителей языка, отличающихся акцентами, возрастом и индивидуальными особенностями, произнести часто употребляемые фразы в самых разных акустических условиях, например, в ресторане, на улице или в машине. Для каждого языка мы также создаем словарь, содержащий более миллиона распознаваемых слов. Это огромная, но очень интересная работа. И мы рады, что теперь вы сможете оценить ее качество в отношении русского языка.

Как это сделать?

Все зависит от модели вашего телефона.

• Если вы пользуетесь устройством на базе ОС Android версии 2.1 и выше, и у вас есть панель быстрого поиска, то вам нужно просто нажать на значок микрофона, и голосовой поиск запустится автоматически. Если же приложение у вас не установлено, вы можете бесплатно загрузить его из онлайн-магазина Android Маркет (ключевые слова – «голосовой поиск» при русском языке интерфейса или «voice search» при английском).
  
• Пользователям телефонов iPhone нужно установить мобильное приложение Google Mobile App и убедиться что в настройках вашего телефона выбран русский язык. Приложение можно найти либо набрав «Google Mobile App» в онлайн-магазине App Store, либо на сайте ITunes по этой ссылке.
  
• Пользователям некоторых Nokia с операционной системой S60v3 достаточно зайти на сайт m.google.ru/search из своего мобильного браузера и скачать Google Mobile App.

Дополнительную информацию можно найти на сайте www.google.ru/golos

Пробуйте и делитесь впечатлениями!

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

Perl долгое время ничего не знал про кодировки. Строка была просто последовательностью байтов, каждый держал там все что хотел, и лишь изредка приходилось задумываться о том, какая же все-таки кодировка у этих данных. Времена изменились, появился UTF; поддержать его пришлось и перлистам. Как это обычно бывает, in a perl way. Я надеюсь, что эта статья сбережет немного здоровья тем, кто до сих пор пребывает в неведении относительно реализации UTF-8 в Perl.

Интерес к этому мини-исследованию побудил хабратопик о свободных 4-символьных доменах в зоне .com

Как оказалось «полностью цифровые четырёхсимвольные домены тоже заняты на 100%».
Как же обстоят дела с полностью цифровыми пяти-символьными доменами?

Чтобы узнать ответ на этот вопрос, был составлен список из 100 000 доменов от 00000.com до 99999.com, домены из которого были проверены на занятость.

Результат проверки показал, что по состоянию на 17 сентября свободны лишь 6339 доменов, т.е. чуть более чем 6% от всего их количества.

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

Для проверки списка доменов использовалась бесплатная утилита Domain Name Analyzer.

И мой хабрапост был бы не полон без списка свободных доменов в двух частях :).

С выходом новой версии WEBO Site SpeedUp (приложения для автоматического ускорения сайтов) — 1.3.0 — мы смогли, наконец, с уверенностью сказать: оно здесь. В смысле: идея автоматического ускорения сайтов реализована.

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

Недавно столкнулся с задачей прикручивания достаточно необычного шрифта для мобильного веб клиента. Так как работа была под айфон, то я решил, что в этой задаче мне поможет css 3 и такая штука как @font-face. Пользу от такого способа решения задачи, я думаю, видят все, потому что:

• сохраняется поиск по тексту, потому что это текст, а не картинка;
• появляется возможность использовать онлайн-переводчики и разные фишки связанные с текстом;
• никто не отменяет для нас использование line-height, letter-spacing, text-shadow,text-align, и селекторов вида ::first-letter и ::first-line

HTML5 для веб-дизайнеров

1. Краткая история языка разметки
2. Модель HTML5
3. Мультимедиа
4. Формы 2.0
5. Семантика
6. HTML5 и современные условия

Великая Французская революция была временем радикальных политических и социальных преобразований. Времени как такового они тоже коснулись: в определенный период своего существования Французская Республика жила по новой системе — в сутках было 10 часов по сто минут каждый. Очевидно, что она была была куда логичнее и «правильнее» привычной шестидесятеричной.

Вместе с тем, она была полным провалом. Никто ей не пользовался.

То же самое можно сказать и про XHTML 2. W3C только лишний раз доказал то, чему нас научил урок послереволюционной Франции: изменить привычки людей по приказу очень-очень трудно.