Когда более-менее всё поставил, озадачился ускорением рабочего процесса. Для помощи в этом я избрал панельку XFCE.

Помимо файрфоксины и помощи я решил туда добавить putty, thunderbird и вызов терминала.
Делаем:
Читать полностью »

Популярность: 16%

Оригинал

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

<form>
	<ul>
		<li><label>Label1</label><input type=”text” value”" /><li>
		<li><label>Label2</label><input type=”text” value”" /><li>
		…
	</ul>
</form>

Надписи могли быть слева или справа или отображались как блок, в зависимости от ваших нужд. Однако я недавно подсмотрел на Facebook.com хорошую технологию, которая использует тег определение списка (dl). Я нашел это особенно привлекательным, потому что браузеры (по умолчанию) и дизайнеры добавляют мало стилей для тега dl, поэтому ваш дизайн наиболее переносим. Плюс семантика использования этого тега позволяет вам иметь пару ключ/значение. Здесь ключом будет label и значением поле.

Вот пример, как будет выглядеть Ваша форма:

Чтобы сделать такую хорошую форму, ваш html должен быть похожим на этот:

<form action=”someURL” class=”clearfix” id=”someID” method=”post”><dl>
	<dt><label for=”form-msg-to”>To:</label></dt>
	<dd><input id=”form-msg-to” name=”to” type=”text” value=”"/></dd>
	<dt><label for=”form-msg-subject”>Subject:</label></dt>
	<dd><input id=”form-msg-subject” name=”subject” type=”text” value=”"/></dd>
	<dt><label for=”form-msg-message”>Message:</label></dt>
	<dd><textarea cols=”30″ id=”form-msg-message” name=”body” rows=”5″></textarea></dd>
</dl></form>

и стили:

#message form {
	/* Optional, just a littl nice padding */
	padding: 3em 0pt 1em 9em;
}

#message dl {
	/* Replace with desired width */
	width: 47em;
}

#message dl dt {
	float: left;
	/* Spacing between label and field */
	padding: 0 1em 0 0em;
	text-align: right;
	/* Width of largest label */
	width: 6.5em;
}

#message dl dt label {
	/* Make whatever you like */
	color: #666;
	/* Labels with “for” attribute are clickable, ensure they look that way */
	cursor: pointer;
	display: block;
	/* Use whatever font-size you prefer */
	font-size: larger;
	/* Adjust padding to align with fields */
	padding-top: 0.5em;
}

#message dl dd {
	float: left;
	/* This is the padding between form field rows */
	margin: 0 0 1em;
	/* Remaining width dl - dt - padding */
	width: 39em;
}

#message input.txt,
#message textarea {
	/* Prevents x-browser bug */
	overflow: hidden;
	padding: 0.4em 0 0.4em 0.2em;
	width: 33em;
}

Вам также надо добавить стиль “clearfix” для формы, если другие элементы зависят от её позиции.

Популярность: 15%

Если неясна сама цель, то как можно спланировать работу по её реализации?
Патрик Форсайт “Делу - время”
Книги Патрика Форсайта:
Руководство по выживанию в компании
Маркетинг в книгоиздании
Консалтинг. Как основать консалтинговое агентство и добиться успеха
Успешные переговоры
Голая правда о… маркетинге
Мастерство продажи

Популярность: 9%

Вот хороший пример, что можно сделать с помощью jQuery: сайт Tubespy показывает, что в данный момент просматривают на YouTube.

Популярность: 58%

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

Настроил себе синхронизацию дел между домом и работой. Осталось только синхронизировать мобильник.
Хороший пост на эту тему в блоге “Максимчика”.

Интересное видео про собаку-робота для американских военных. Видны еще недостатки в алгоритмах, но все равно - это огромный прогресс! Почитать более подробно и посмотреть видео можно здесь.

Меня очень радует, что во время отсутствия новых постов количество посетителей не уменьшается и держится около 100 человек в день. Спасибо ВАМ, посетители! =)

Блог засветился в итогах у Потапова Геннадия. Надо бы перенять эстафету о “5 инструментах, без которых я не могу работать продуктивно” =)

Что меня порадовало за время молчания:
1. Появились сосательные конфетки под брендом “Чупа-чупс”. На коробке радостной надписью указано: без жира. Похоже, что догоняем юсу по тупости…
2. В почтовый ящик бросили две одинаковые газеты. Названия не помню, но в статье губернатор была счастлива, что это первая газета об экологии города. Газеты на качественной бумаге с цветными изображениями. И где здесь забота об экологии?

Популярность: 10%

Продолжая настройку Lazarus’а, я столкнулся с проблемой, что ему надо видеть исходники fpc. Всё бы ничего, но исходники лежат в rpm, а у меня Xubuntu с deb пакетами.

Решение нашлось простое - для распаковки rpm надо использовать программу Xarchiver. Эта программа - графическая мордашка для разных архиваторов. Все привычно и очень похоже на использование rar в windows.

Популярность: 16%

Отбираю эстафетную палочку и рассказываю, без чего не могу обойтись:
Читать полностью »

Популярность: 10%

План лишь тогда может быть хорош, когда осознана и чётко сформулирована цель, лежащая в его основе.
Патрик Форсайт “Делу - время”
Книги Патрика Форсайта:
Руководство по выживанию в компании
Маркетинг в книгоиздании
Консалтинг. Как основать консалтинговое агентство и добиться успеха
Успешные переговоры
Голая правда о… маркетинге
Мастерство продажи

Популярность: 8%

Три основы бизнеса:
1. Любовь к себе;
2. Любовь к клиенту;
3. Любовь к деньгам.

Популярность: 9%

Поздравляю вторых половинок блоггеров и читателей с праздником!

Читать полностью »

Популярность: 12%