События

  • Отчет о лекции «Web 2×2»

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

    » Читать полностью » Комментарии (10)
  • Свадьба

    Хочу два раза извиниться перед своими читателями, во-первых за долгое отсутствие, а во-вторых, за этот не тематический пост, но вы меня наверняка простите, когда узнаете, в чем собственно дело. А дело в следующем. В субботу, 27 сентября 2008 года родилась новая семья: Никита и Юлия Селецкие. Осень отступила на несколько дней, дав возможность отпраздновать это событие двум счастливым...

    » Читать полностью » Комментарии (32)
  • «Школа веб-технологий» начала свою работу

    Хочу проинформировать общество о том, что «Школа веб-технологий» зарегистрирована и начала свою работу. С этого дня начинается набор на программу «Веб-технологии». Подробности о программе и форму заявки на учёбу вы найдёте на странице «Школа». Программа описана не полностью, она ещё в процессе доработки, но могу вас заверить, что цель программы будет направлена на профессиональную подготовку...

    » Читать полностью » Комментарии (17)
  • OpenCoffeeClub будет завтра. А вот и логотип.

    Завтра, т. е. в среду, 30 июля, в 18:00, наконец-то, состоится первая встреча OpenCoffeeClub в баре «Sunset Bars». Первая встреча будет проходить в ознакомительном режиме и с главной темой настоящего и будущего «Веб 2.0». Бар находится по адресу: Рига, ул. 13 января, 33. Вход свободный. Дресс-код тоже. А вот и логотип, который меня попросили сделать для этого мероприятия. Это как бы два...

    » Читать полностью » Комментарии (13)
  • BlogCamp2007: отчёт

    Надёюсь мои дорогие читатели не скучали, читали другие блоги. Спасибо что продолжаете комментровать старые посты. Вернувшись с BlogCamp я отдыхал. Отдыхал двое суток, поэтому не писал. Впечателний море, всех их выплеснуть на журнал не возможно, поскольку большая их часть весьма абстрактна и даже мне не совсем понятна. Два пункта впечатлений могу отметить десятью...

    » Читать полностью » Комментарии (7)
  • Настройка Wide-монитора с разрешением 1680х1050

    Купл я таки себе монитор IIYAMA 2200WS 22", который в итоге оказался почему-то перемаркерованным 2200WSV-B1. Что-то нахимичили поставщики видимо. Или в Китае спёрли монитор с DVI выходом и решили заменить на D-SUB. Думали никто не заметит. Ан нет. Позвонил в фирму которая мне продала его и объяснил ситуацию. Обещали в среду (после выходных) решить вопрос. Ну а пока я решил опробовать это...

    » Читать полностью » Комментарии (3)
  • Востановление системы

    Экспериментатор хренов... - © pmaster . Да. Очередной раз я решил нарастить себе большой геморой и поставил PC-BSD. Я не буду его ругать за то что он такой плохой. Не он плохой - я. Когда ставил Windows я создал одну лишнюю партицию в самом начале диска специально для того случая, когда я захочу поставить BSD, а Windows в свою очередь поставил на следующую партицию. Плюс ещё создал одну для...

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

    Никита Селецкий М. т.: (+371) 25962047 Skype: seletsky Отправьте сообщение прямо сейчас:

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

    Вспышки воспоминаний… Будущее и прошлое. Эра компьютерных технологий на гране создания искуственного интелекта. Дружеский разговор с Терминатором на лестничной площадке хрущёвки и созерцание красивой его смерти от мега-девайса другого робота. А потом мы шли по улице, среди деревенских домов и частных особнячков. Невысоких, одно- и двух-этажных. Деревья без листьев, но не зима. И мы знали...

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

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

    » Читать полностью » Комментарии (1)
  • Всемирная паутина жизни.

    Бывает наблюдаю: нужно кому-то зачем-то узнать почему человек именно "такой", а не такой каким его хотели бы видеть. В силу примитивности и ограниченности мышления, они не могут понять, что даже такой человек, не имеющий силы в их "высоком обществе" или наоборот слишком вырвавшийся, на какой-то свой непостижимый никому уровень, является неповторимой и неотъемлимой клеткой в едином организме жизни....

    » Читать полностью » Комментарии (1)
  • 60% по стандарту

    Вот выдумали себе, что Родина это страна в которой родился и хоть ты тресни. А как же патриотизм? Если я уехал из России, как я могу быть её патриотом. Для меня родина - Латвия, а не Россия. Я о России знаю только из СМИ, ну и иногда приезжаю в Москву и в Питер, но душа не лежит надолго оставаться там и уж тем более возвращаться в Россию. Наверное я уже привык к нашёй маленькой, тихой Риге, под...

    » Читать полностью » Комментарии (3)
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)