Любопытный тест, позволяющий выяснить, какое полушарие мозга у вас преобладает. Если балерина на картинке крутится вправо, то правое и наоборот. Попробуйте, не пожалеете. Очень интересно. У меня, например, она крутится то в одну, то в другую сторону :)
Идём сегодня с женой по улице. Жена налегке, а я везу Тимоху в коляске. Достал свою Nokia E60 и решил просканировать эфир на наличие WiFi сетей. Запускаю Hotspot Finder, начинаю сканирование... Телефон радостным писком сообщает, что найдена WiFi сеть. Смотрю название точки доступа и ухожу в ступор - timotejs. Следующая мысль - фигасе проапгрейдился :) Ну это же надо, чтобы так совпало!
Теперь у меня есть персональная страница на Я.ру — Bug!
Это новый сервис Яндекса, который сейчас проходит ограниченное тестирование и регистрация в нём пока доступна только по приглашениям.
На фото под заголовком новости изображена комната для курения в одной из высокотехнологичных фирм Индии (город Мамбай). Если бы на вашем месте работы было такое – захотелось ли вам курить?
Источник: Mobilers.ru
Задача такова: необходимо выстроить 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-ы будут выглядеть одинаково.
Вас устраивают стандартные радиокнопки? Если также, как и меня-нет, то вот простое решение-заменим их на картинки. Это позволит нам с лёгкостью подгонять радиокнопки под любой дизайн сайта. Ну что, поехали:
<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 пикселей.
Фото-отчёт о нашем путешествии в Финляндию можно посмотреть здесь
Вчера поздно пошёл спать. Жена с мелким уже дрыхли в обнимку.
Забрался в постель, жена проснулась, присела на кровати и давай шарить по покрывалу.
И вот такой диалог у нас получился:
я: ты чего делаешь?
она: яйцо поставь
я: чееееее?
она: яйцо говорю поставь
я: какое нах яйцо?
она: ну не твоё конечно! куриное!
я: Ээээээ....
она: ну яйцо, треснутое, а оттуда цыплёнок
я: ты о чём вообще?
она: блиииин! яйцо. треснутое. оттуда цыплёнок выходит!
Вобщем до меня не сразу дошло, что ей приснился логотип для сайта.
А она не сразу въехала, что уже не спит и мы в реале разговариваем.
Креативная у меня жена. Менделеев, блин! :)
Всё началось с того, что мы немного повздорили. Ну с кем не бывает? Повздорили и, как водится, разбежались "по углам". Она мелкого в охапку и спать, а я... Ну где обычно уединяется программер? Правильно - за компом. И посетила меня, не побоюсь этого слова, мысль - развести мою милую по-нашему, по-компутерному. А так как она шибко любит зависать на one.lv, то было придумано следующее: в файле HOSTS для www.one.lv был прописан IP-шник одного из подконтрольных мне серверов, а на самом серваке в index.php в самом начале добавлена проверочка. Если вход произведён с моего домашнего компа, то случайным образом перенаправлять юзера на одну из 4-х ссылок. 3 ссылки на статьи с тематикой "Как стать хорошей женой", а 4-ая на результат выполнения аналогичного запроса в Google :) Но на этом всё не закончилось. С утра жена встретила меня фразой: "Я оценила твоё чувство юмора" и потребовала вернуть всё назад. На что я ответил: "Ты же квесты любишь? Ну вот и проходи :)". И уехал по делам. А жена села на телефон обзванивать знакомых админов. Где-то через полчаса-час позвонила и сообщила, что прошла :) В итоге у всех хорошее настроение и никто ни на кого не обижен!
На днях прочитал на башорге одну симпатишную цитату, которая пришлась как раз к месту, ибо я сейчас занят подгонкой одного движка фотоальбома под различные броузеры. Ситуация прямо, как у меня. Но если Огнелиса и Опера я победил, то с Эксплореровичем пока воюю. Больше комментировать не буду, лучше читайте.
У нас праздник! Тимофей ознаменовал сегодняшнее утро первым в своей жизни переворотом с пуза на спину! Это радостное событие не грех и отметить. Вот теперь мучаться - ждать пятницы или уже сегодня? Нет. Наверное всё-таки в пятницу. Не идти же завтра к дантисту с перегаром.
Подъезжаешь ты к магазину на машине, паркуешься и идёшь покупать доктору подарков (как ни крути, а без этого никуда). А когда выходишь, то обнарушиваешь, что в твою машину въехал автобус :( И на твой адекватный вопрос "А почему собственно?...", заданный водиле, получаешь не адекватный ответ - "Я думал пролезу." Нет, ну понятно, что страховка всё покроет, но осадок-то останется.
Итак, после напряжённого девятимесячного ожидания 13 февраля 2007 года у нас в семье появился наследник. Имя ему дали Тимофей. Почему именно Тимофей? Во-первых красивое старинное русское имя, которое, лично у меня, ассоциируется с человеком сильным, добрым и умным. Во-вторых нам с женой оно просто очень понравилось, ну и в третьих, как подтверждение правильности нашего выбора, выяснилось, что именины Тимофея опять же выпадают на 13 февраля.
