Исследования

  • Вёрстка в Латвии: Вчера. Сегодня! Завтра?

    Версия моего выступления на Web Standards Days Riga 2010 вызвавшего неоднозначную реакцию. Много было регистраций работников различных дизайн студий, компаний занимающихся разносторонней веб-разработкой, банков, министерств, фрилансеров и просто интересующихся. Я не зря добавил в форму регистрации поле для адреса сайта. Те люди, что собрались на конференцию, скромно говоря, флагманы, пионеры...

    » Читать полностью » Комментарии (12)
  • Навигация веб-сервисов и социальных сетей

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

    » Читать полностью » Комментарии (5)
  • Формат телефонных номеров в Латвии

    Если мы откроем любой из современных латвийских телефонных справочников, то мы увидим, что номера телефонов представлены восьмью цифрами без каких либо разделителей. Отделяют только код страны, и то не всегда. Чем же обусловлен такой набор? А ничем! Просто так изначально стал писать номера телефонов наш фактический монополист по фиксированной связи компания «Lattelecom». После развала...

    » Читать полностью » Комментарии (21)
  • Золотое сечение

    Удобно, когда Google при запросе какой-либо константы показывает её значение, пусть даже в коротком виде. Но насчет «золотого сечение» я бы не сказал что это удобно. Google показывает «1.61803399». Цифры — это конечно замечательно, но суть золотого сечения не в его величине, а в пропорции. Правильнее было бы показать следующую формулу: Или можно ещё сказать так: Золотая пропорция — это такая...

    » Читать полностью » Комментарии (17)
  • Отчет о лекции «Web 2×2»

    В среду, 5 ноября состоялась открытая лекция в Школе веб-технологий, на которой Максим Береза и Артур Меднис любезно согласились выступить с рассказом о тренде Web 2.0, социальных сетях и веб-приложениях. Сначала лекция планировалась быть чисто информационной и только для учеников школы, но потом я подумал, а почему бы не сделать её открытой и не предложить посетить её большему количеству...

    » Читать полностью » Комментарии (10)
  • Развитие латвийского и мирового веба и перспективы проекта электронной библиотеки

    Презентация озвучена на конференции bridgecamp + bibcamp и оформлена в виде доклада. Развитие социальных сервисов Современные социальные веб-сервисы могут представлять собой как специализированные платформы для узкого круга пользователей, так и многофункциональные «комбайны». Причина создания нового сервиса не ограничивается только одной идеей. Как правило идею должен поддерживать спрос на...

    » Читать полностью » Комментарии (7)
  • Скажи «Нет!» апострофу в русском языке для окончаний

    В русском языке некрасиво употреблять «апостроф» (ʼ), и уж тем более одинарную кавычку (') для отделения псевдо-склонённых нерусских существительных от их окончания. Чтобы не париться с названиями компаний и некириллическими терминами, СамиЗнаетеКто решил их все переводить в кириллицу и склонять как обычные русские слова. Например: Сайт Микрософта Как бы написал обычный пользователь, не...

    » Читать полностью » Комментарии (50)
  • Выхлоп: HTML должен быть…

    …основанным на логике. Да, это первое и самое главное. В принципе, это главное предназначение было описано еще в SGML. Принцип логики нарушил ещё Папа вэба — Тим Бернерс-Ли, который в своём первом драфте накидал кучу визуальных тэгов. Shame on you, Tim! Хорошо хоть, исправляешься. Я неожиданно удивился изменениям в XHTML 2.0: Элемент <blockcode>, которого всем так не хватает, на...

    » Читать полностью » Комментарии (26)
  • Стандарты, говорите..?

    Народ кричит: «Стандарты! Стандарты!» И я вместе с ними иногда покрикиваю. Причём если возникает вопрос «Почему?», то за ним незамедлительно следует ответ: «Так написано в Спецификации X(HTML) такой-то, такой-то». И дают сразу ссылку на вышеназванный документ, который читают полностью только самые дотошные зануды, а в основном все просматривают только описания конкретных элементов. «А-а-а! Ну...

    » Читать полностью » Комментарии (51)
  • Перспектива

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

    » Читать полностью » Комментарии (21)
  • Школа и компьютерные технологии

    Web-технологии в школе Сейчас в школе программирование начинают учить с Turbo Pascal или QBasic. Не скажу, что это самый удачный выбор, но ничего другого наше министерство образования — в силу своей ограниченности в отношении IT — придумать не смогло. Понятия переменных, операторов сравнения, циклов, функций, ну никак не будут укладываться в головы большинства школьников. Особенно...

    » Читать полностью » Комментарии (26)
  • Создание школы Web-технологий

    Когда-то я подумал, а почему до сих пор нет никаких высших школ, которые занимаются исключительно подготовкой Web-специалистов? Такое высшее профессиональное образование 1-ого уровня. Почему первого? Потому что я не могу представить, что здесь можно растянуть на три-четыре года? Двух лет вполне достаточно, но они должны быть наиболее полные. Чтоб у студента не создавалось впечатление, что он...

    » Читать полностью » Комментарии (27)
  • Как превратить свой блог в БЛОГбастер?

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

    » Читать полностью » Комментарии (11)
  • GIMP Liquid Rescale

    Вот ругаю я Gimp за его топорный интерфейс и неудобство с инструментами, а он всё равно вылезает впереди планеты всей. Вот и сейчас отличился. Только скорее не он сам а его плагин, а ещё вернее его создатель. А ещё вернее новый алгоритм масштабирования изображение. Пройдите по ссылке и посмотрите видео: http://www.seamcarving.com/ Там же есть pdf-файл объясняющий принцип алгоритма. Мне было...

    » Читать полностью » Комментарии (9)
  • Стартап (Startup) #5: Имена

    Нужна большая база имён разных народов. И что самое главное — переводы и имена на других языках, соответствующие данному имени. Например: Jan — польское имя. Ему соответствуют: Iаn — шотландское имя Jānis — латышское имя Jan — голандское, немецкое имя Иван — русское имя Юлия — русское имя. Соответствия: Julie — французское имя Julia — испанское, английское имя Giulia — ...

    » Читать полностью » Комментарии (6)
  • Деньги по трубам

    Обратил внимание, на тот замечательный факт, что уборщики остановок приезжают не как раньше - с метлой и большим железным совком на грузовике ЗИЛ, а теперь в резиновых перчатках и с новенькими швабрами на универсале VW. Стало быть поднимаемся, поднимаемся и работа дворника становится всё престижней. Скоро откроем учебки, в которых на вступительных экзаменах будет конкурс - 50 человек на место....

    » Читать полностью » Комментарии (19)
  • Простое число

    Недавно были занятия по дискретной математике и как одна из лекций - Простые числа. Очень заинтересовал тот факт, что за За нахождение простого числа из более чем 107 десятичных цифр EFF назначила награду в 100000 долларов США. Хотите заработать? Я быстренько накатал скриптик на JS который проверяет является ли число простым. Но скриптик не универсален. Вводите число и методом перебора от 2 до...

    » Читать полностью » Комментарии (5)
  • XHTML умер в младенчестве

    Вот уже 7 лет прошло с тех пор как появился XHTML и был одобрен W3C. C тех пор консорциум всё пытался заставить производителей браузеров и web-мастеров следовать новому стандарту, но особо ему это не удаётся. Всё из-за "слишком" жёстких правил спецификации (как то - прекращение работы и выдачи ошибки при неправильном написании кода). Вот не любят web-макетировщики писать правильный код, нужно им...

    » Читать полностью » Комментарии (6)
  • Web 2.0 и люди

    Интернет уже не такой, как был раньше. Сейчас вам не будут пытаться доказать, что интернет вызывает зависимость (я имею ввиду клиническую зависимость). Раньше деловые люди придя на работу, первым делом проверяли мэйл и читали новости на любимом новостном сервере, а сейчас они первым делом запускают свой любимый RSS-reader или что-то аналогичное в интернете (например: персональные...

    » Читать полностью » Комментарии (0)
  • Русский счёт

    Никто никогда не задумывался о том почему мы ведём счёт таким необычным образом?1 пост, 2 поста, 3 поста, 4 поста, 5 постовДва, три, четыре предмета идут в Родительном падеже но в Единственном числе, начиная с пятого мы переходим к Родительному падежу но в Множественном числе.Не задумывались. Просто принимаем как есть. А ведь в других языках множественное число однозначно. В английском, например,...

    » Читать полностью » Комментарии (2)
Google     

Вёрстка в Латвии: Вчера. Сегодня! Завтра?

Версия моего выступления на Web Standards Days Riga 2010 вызвавшего неоднозначную реакцию. Много было регистраций работников различных дизайн студий, компаний занимающихся разносторонней веб-разработкой, банков, министерств, фрилансеров и просто интересующихся. Я не зря добавил в форму регистрации поле для адреса сайта. Те люди, что собрались на конференцию, скромно говоря, флагманы, пионеры латвийской веб-разработки. Поэтому не грех было покопаться в их работах и попробовать понять, что же всё-таки у нас происходит с текущим использованием технологий? Статистика вещь интересная, но только если она связанна с интересными темами. Мне было интересно заняться небольшим статистическим анализом, результатами которого я с вами сейчас поделюсь. Конечно в дебри я не полез, из-за большой лени, но то, чего успел накопать хватает достаточно, чтобы составить небольшую рекомендацию, с чего стоит начать осовременивать свою вёрстку. Вчера Итак, что же можно назвать «вчера»? ASCII...

Категории: Исследования | Брaузеры | Статистика | xhtml/xml | htmlТэги: » Читать полностью » Комментарии (12)

Восприятие информации по горизонтали и вертикали

Почему мы воспринимаем информацию слева направо и сверху вниз (как говорят некоторые «буквой Z»)? Правильно, потому что мы так пишем. Так пишет добрая половина человечества, а создатели компьютеров «навязали» такой стиль и восточным народам (хотя те и сопротивляются). А почему мы так пишем? Да потому что писать справа налево неудобно так же как писать левшам слева направо. Мы же себе строчку рукой закрывать будем! «Лево-право, право-лево…» © Фунтик Т. е. вывод какой? Виновата физиология, а не мозги (у востока — наоборот). Посмотрим правде в глаза… человека: Если вы не знали, то глаза находятся на одной горизонтали и угол обзора по горизонтали больше, чем по вертикали. Соответственно в обзор попадает гораздо больше информации располагающейся по горизонтали, а не по вертикали. В силу опять-таки особенности физиологии человеческого глаза, мышцы двигающие глаза по горизонтали гораздо сильнее (или более развиты, не знаю как правильно), чем те, что двигают глаза по вертикали....

Категории: Веб‑дизайн | Usability | Разработка сайтовТэги: » Читать полностью » Комментарии (9)

Всемирная HTML 5 истерия

Я не знаю, об этом просто сейчас модно писать или народ действительно в восторге? На самом деле, я бы с удовольствием, присоединился к толпе ликующих, если бы событие произошло год назад, именно тогда я написал статью «HTML должен быть…». Чему всё-таки радуется человечество? Например, одна из самых распространённых тем в блогах, это новые тэги: header, footer, nav, article, aside, section и др. Очнитесь ребята! Эти тэги можно было использовать с тех пор как регламентировали стандарт xhtml! Все бразуеры, кроме IE воспринимали их как строчные элементы, а с помощью CSS их можно сделать блочными. Ну да, Internet Explorer… Но почему только когда официально консорциум объявил об отказе от XHTML 2.0 (кстати, я это пророчил), появился простой и понятный код, решающий эту проблему? document.createElement("header"); Это тоже работа группы WHATWG? Ах, да! Ещё и Firefox 2, в котором работают эти тэги, но только в режиме парсинга xhtml+xml. Это большая проблема, которая решилась...

Категории: ЖурналТэги: » Читать полностью » Комментарии (11)

Seleckis’ method vs Pixy’s method

Честное слово, пытался найти и убедить себя в том, что этот метод уже существует. Не нашёл. Исправьте меня если я не прав. Pixy’s method отображение картинок с надписями заключался в том, чтобы внутрь блока с текстом поместить пустой <span>, и вставить картинку как фон для этого span-а. Причём, для того чтобы текст показывался в случае если картинки отключены, необходимо span поместить поверх текста. В методе Pixy, для того чтобы <span> с картинкой налез на текст используется абсолютное позиционирование. В таких условиях кнопка не может находиться в строке, она может существовать только как блочный элемент. Почему? Потому что Firefox 2 не поддерживает свойство «display: inline-block». Для отображения блока в строке в Firefox-е используется проприетарное свойство «display: -moz-inline-box» или «display: -moz-inline-stack». Но в таком случае браузер не совсем адекватно позиционирует помещённые внутрь элементы. В частности некорректно работает абсолютное...

Категории: CSSТэги: » Читать полностью » Комментарии (9)

Min-width и max-width в IE6 с помощью expression

Уже писали много раз, просто приведу свой код. В JavaScript-файле размещаем такую функцию: function width(min,max){ w = document.documentElement.clientWidth; return (w = max) ? max + "px" : "auto"); } Функция всего лишь принимает значения максимальной и минимальной ширины, проверяет текущую ширину документа и возвращает значение: Если ширина документа меньше минимальной ширины, то возвращается минимальная ширина; Если ширина документа больше максимальной ширины, то возвращается максимальная ширина; Иначе ширина указывается автоматическая. Функция из CSS вызывается следующим образом: div { width: expression(width(600,1000)); /* далее для нормальных браузеров */ min-width: 600px; max-width: 1000px; } 600 и 1000 — минимальная и максимальная ширина. Поскольку expression работает только для IE, а min-width и max-width уже работают в IE7 и IE8, то этот CSS нужно изолировать и вынести в отдельный css-файл и подключить его с помощью...

Категории: Брaузеры | CSS | JavaScriptТэги: » Читать полностью » Комментарии (7)

«Резиновое» поле ввода в форме

Как известно у полей ввода ширина не может рассчитываться автоматически относительно контейнера, как это работает у блочных элементов. Значение ширины можно задать фиксированное, либо относительное. Есть сервисы в интернете с полями ввода (например, поиском) у которых ширина задана фиксированно. Соответственно, если шаблон сайта резиновый, то поле ввода растягиваться не будет. Как правило такие сайты имеют фиксированную вёрстку. К примеру, если вы зайдёте на «Yahoo Answers» и с помощью Firebug (Firefox), Web Inspector (Safari, Chrome) или Developer Tools (Opera, IE8) отключите у элемента <div id="y-ks-whole-page"> свойство «width: 750px;» в стилях, то сайт растянет на всю ширину, а поле поиска вопросов останется той же ширины. Конечно, кроме всего прочего, некоторые другие элементы останутся фиксированными, но мы говорим о полях ввода. И вспомним работу студии Артемия Лебедева, поисковик «Яндекс» и его страницу ya.ru — облегчённую версию поисковика или посмотрим на давно...

Категории: CSSТэги: » Читать полностью » Комментарии (23)

Элементы управления в веб-сервисах

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

Категории: Веб‑дизайн | Usability | Разработка сайтовТэги: » Читать полностью » Комментарии (6)

Навигация веб-сервисов и социальных сетей

Меня удивляет непоследовательность разработчиков интерфейсов различных социальных сетей и веб-сервисов в организации навигации. Простая и понятная навигация встречается на очень редких сайтах. Это свидетельствует о том, что в разработке не участвуют специалисты по юзабилити, либо по каким-то техническим, экономическим, амибициозависимым соображениям их рекомендации не берутся во внимание. Конечно я допускаю мысль о том, что часто изначально разработчики сами не знают какие функции будут доступны в их детище. Разработка циклична и возможно некоторые функциональные особенности будут со временем убраны или реорганизованны. В любом случае в такого рода разработке нужен системный подход. В этой статье я расскажу, как я вижу сложную навигацию веб-сервиса (на примере социальной сети). Как правило, социальная сеть состоит из пользователей, и содержимого, которое эти пользователи создают. Поэтому мы можем представить их взаимоотношение такой схемой: Если раскрыть значение этих...

Категории: Исследования | Usability | Разработка сайтовТэги: » Читать полностью » Комментарии (5)

Строчная кнопка как кнопка submit

Требуется создать строчную кнопку submit неопределённой ширины с фоновой картинкой. Почему это нельзя сделать стандартными средствами? Т. е. мы конечно можем поместить на страницу кнопку и спокойно её использовать. Но нет, нам же этого мало. Нужно чтобы кнопочка была красивая, градиентная, с закруглёнными уголками. Стандартным способом мы можем указать фон для кнопки, добавить рамочку и в браузерах FF и Safari добавить закругления. Но проблема в том, что это во-первых не будет работать в IE и Opera, а во вторых, размеры кнопочек, положение текста и отступы везде будут разные. В FF2 вообще фон вылез за край закруглений. Можно попробовать поместить кнопку submit в элемент span, чтобы использовать метод Sliding Doors. В этом случае можно будет без проблем поставить в качестве фона картинки как для элемента «span», так и для элемента «input». Но к сожалению и этот способ не подойдёт, поскольку нет возможности адекватно выровнять текст по...

Категории: CSSТэги: » Читать полностью » Комментарии (16)