Wiimote Project

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

VAIO...Соня VAIO

 

Видимо на животных всё-таки сказывается образ жизни их хозяев. Так и моя кошка Сонька, освоив домашний десктоп, решила застолбить и мой Sony VAIO :) Ну да ладно - мы не жадные. Главное теперь, чтобы она не решила попробовать его на вкус ;)

Правое полушарие VS левое полушарие

Любопытный тест, позволяющий выяснить, какое полушарие мозга у вас преобладает. Если балерина на картинке крутится вправо, то правое и наоборот. Попробуйте, не пожалеете. Очень интересно. У меня, например, она крутится то в одну, то в другую сторону :)

Тимофей и WiFi :)

Идём сегодня с женой по улице. Жена налегке, а я везу Тимоху в коляске. Достал свою Nokia E60 и решил просканировать эфир на наличие WiFi сетей. Запускаю Hotspot Finder, начинаю сканирование... Телефон радостным писком сообщает, что найдена WiFi сеть. Смотрю название точки доступа и ухожу в ступор - timotejs. Следующая мысль - фигасе проапгрейдился :) Ну это же надо, чтобы так совпало!

Персональная страница на Я.ру

Теперь у меня есть персональная страница на Я.ру — Bug!

Это новый сервис Яндекса, который сейчас проходит ограниченное тестирование и регистрация в нём пока доступна только по приглашениям.

TeaShark - новый броузер для мобилок

Буквально на днях вышел новый Java броузер для мобильных телефонов. Судя по этой статье, и внешне, и по принципу работы TeaShark практически полный аналог Opera Mini. Я не стал ставить его себе на Nokia E60, так как он ещё не вылез из альфы, но тем не менее собираюсь внимательно следить за его развитием. Возможно из него вырастит достойный конкурент норвежской малютке.

Отличная идея для курилки в офисе

На фото под заголовком новости изображена комната для курения в одной из высокотехнологичных фирм Индии (город Мамбай). Если бы на вашем месте работы было такое – захотелось ли вам курить?
Источник: Mobilers.ru

Эволюция: От кошки к...?

Я начинаю подозревать, что старик Дарвин был прав. Сегодня наблюдал, как моя кошка вывернула весь корм из миски в миску с водой (не уронив ни одного куска на пол!) и дотолкала носом её пустую до нашей спальни, где я её и застукал. Мы вместе с женой ржали так, что разбудили мелкого. После чего я перемыл всю её посуду, налил свежей воды и положил свежего корма. Что же будет дальше? Начнёт сама ходить в магазин за хаффчегом и выбирать то, что ей нравится?

Как вертикально выровнять checkbox-ы и текст в label-ах

Задача такова: необходимо выстроить checkbox-ы горизонтально в ряд, обеспечить включение и выключение checkbox-а щелчком на соответствующем label и вертикально выровнять checkbox-ы и label-ы относительно друг-друга. Конечно можно ничего не варавнивать и оставить checkbox-ы и label-ы болтаться в воздухе. Но, согласитесь, что если мы делаем серьёзный сайт, то вопрос о его эстетической стороне оказывается далеко не на последнем месте. Вот о checkbox-овой эстетике мы сегодня и поговорим. Итак, начали.
Во-первых поместим наши checkbox-ы в список:

<div id="CheckboxesLine">
<ul>
<li><label>Select plz:</label></li>
<li><input type="checkbox" id="CB1" /><label for="CB1">Checkbox 1</label></li>
<li><input type="checkbox" id="CB2" /><label for="CB2">Checkbox 2</label></li>
<li><input type="checkbox" id="CB3" /><label for="CB3">Checkbox 3</label></li>
<li><input type="checkbox" id="CB4" /><label for="CB4">Checkbox 4</label></li>
<li><input type="checkbox" id="CB5" /><label for="CB5">Checkbox 5</label></li>
<li><input type="checkbox" id="CB6" /><label for="CB6">Checkbox 6</label></li>
</ul>
</div>

Далее пропишем вот такие стили:

#CheckboxesLine ul {
white-space:nowrap;
padding: 0;
margin: 0;
font-family: Verdana;
font-size: 0.7em;
}
#CheckboxesLine ul li {
display: inline;
white-space:nowrap;
}
#CheckboxesLine ul li label {
vertical-align:middle;
padding-right: 20px;
}
#CheckboxesLine ul li input {
margin-bottom: auto;
vertical-align:middle;
}
#CheckboxesLine ul li:first-child label{
padding-right: 0;
}

Вот и всё. Теперь и в IE, и в FF, и в Opera наши checkbox-ы будут выглядеть одинаково.

HTML & JavaScript: Как сделать свои radiobutton при помощи AJAX

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

<script language="javascript">
// Эту функцию я использую всегда во всех скриптах.
// Она решает вопрос поиска объекта по id во всех броузерах.
function getElement(aID){
return (document.getElementById) ? document.getElementById(aID) : document.all[aID];
}
function SwitchRadio(liObj,Id){
// Получаем id нужного списка радиокнопок <ul>
var ulName=liObj.parentNode.id;
// Получаем массив со всеми элементами <li>, входящими в наш список
var orderedNodes = getElement(ulName).getElementsByTagName("li");
// Переключаем все кнопки в положение "выключено"
for (i=0; i<orderedNodes.length; i++){
orderedNodes[i].style.background="url(images/radio_off.gif) 0 2px no-repeat";
}
// Теперь включаем нашу кнопку...
liObj.style.background="url(images/radio_on.gif) 0 2px no-repeat";
// ...и передаём через ajaxagent её данные PHP-скрипту,
// который запишет их в сессию.
agent.call("aa_func.php", "AA_SaveFieldValue", "callback_SaveFieldValue", ulName, Id);
</script>
}

В коде страницы пишем что-то типа этого:

<ul id="Q1" class="questionsUL">
<li onClick="javascript:SwitchRadio(this,'1')">Вариант 1</li>
<li onClick="javascript:SwitchRadio(this,'2')">Вариант 2</li>
<li onClick="javascript:SwitchRadio(this,'3')">Вариант 3</li>
</ul>

А в стилях:

.questionsUL {
padding: 0;
margin: 0 0 0 20px;
}
.questionsUL li {
list-style: none;
margin: 0;
padding: 0;
background: url(images/radio_off.gif) 0 2px no-repeat;
padding: 0 0 5px 20px;
margin: 0;
cursor: pointer;
}

radio_on.gif и radio_off.gif - это наша кнопка. Соответственно включённая и выключенная. Стили прописаны для картинки с кнопкой размерами 10x10 пикселей.