Блог MT

Поздравляем Олега с днём рождения!

MT аватар

Когда-то давным-давно в тридевятом царстве, в тридесятом государстве родился мальчик, которого назвали Олег. Рос он быстро, не по дням, а по UTC. Становился умнее, читал книжки, сидел за компьютером. И теперь мы все его знаем под ником Oleg.

Сегодня мы поздравляем нашего дорогого именинника, желаем ему крепкого здоровья и долгих лет жизни :)

Кроме того, как мне доложила разведка, скоро ему и ещё кое-кому можно будет желать долгих лет совместной жизни. Но с этим поздравим позднее ;)

С днём рождения!

Шрифт для программеров

MT аватар

Как многие знают, я занимаюсь вёрсткой сайтов, а это значит, что я ежедневно перелопачиваю тонны html- и другого кода в текстовом редакторе. И поэтому очень важно, чтобы код был хорошо читаем, а это очень сильно зависит от шрифта, которым набран текст.

Раньше я использовал шрифт Courier, но он обладает несколькими неприятными неустранимыми недостатками (я специально подобрал несколько слов на «не», чтобы на эмоциональном уровне вызвать у читателя неприязнь к шрифту Courier и заставить его использовать другой, это манипуляция чистой воды), поэтому я решил найти более удобный и красивый моноширинный шрифт.

Не буду рассказывать всю историю поисков, расскажу только про улов. Я нашёл шрифт Anonymous Pro, который разработан специально для программеров.

Фраде в шоколаде

MT аватар

Сегодня у Фраде день рождения, с чем мы его и поздравляем!

Сегодня он получил возможность показать %опу военкомату, что прекрасно.

Комментарии к статьям

MT аватар

Как я уже писал ранее, мне предстоит поездка в Алматы, где я должен буду обучать дизайнерскому ремеслу дизайнеров. За неделю я подготовил материалы лекций, которые буду читать в течение 7 часов. Опыт и знания, накопленные за несколько лет работы верстальщиком, изложены в нескольких лекциях цикла "Несколько слов про сайты".

Я публиковал лекции немного не в том порядке, в котором они будут читаться, поэтому отдельно их пронумерую:
0. Коротко о важном.
1. Графика и анимация.
2. Активные элементы.
3. Элементы форм.
4. Интерактив (будет позднее).
5.

Несколько слов про сайты: верстка писем

MT аватар

Отдельно несколько слов скажу про вёрстку писем.

Сложность вёрстки писем связана с огромных количеством различных почтовых программ и почтовых сайтов, которые не подчиняются никаким стандартам и могут отображать письма как угодно — каждый по-своему.

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

Проще перечислить возможности, которые у нас остаются.

Примеры можно посмотреть здесь: http://www.permlug.org/files/sizes.html

[b]1.

Несколько слов про сайты: формы

MT аватар

Сейчас мы поговорим про формы. Форма — это шаблон для ввода данных, состоящий из элементов: текстовых полей, выпадающих списков и прочего. Часто элементы форм называют словом «виджет». Этот термин довольно удобный, поэтому далее мы будет его использовать.
Наверняка все не единожды сталкивались с формами на сайтах. Как минимум, с формой регистрации, где надо ввести логин, пароль и адрес электронной почты. Поэтому все хорошо представляют, о чем пойдет речь. Сейчас мы перечислим все виды виджетов и поговорим об их назначении и возможностях.

1.1. Текстовое поле.

Это самый простой виджет.

Несколько слов про сайты: анимация

MT аватар

Итак, продолжим тему графики.

2. Слои.

Технологии создания сайтов позволяют использовать слои. То есть у нас есть возможность размещать один объект поверх другого. Например, текст поверх картинки.

Рассмотрим пример: текст с иллюстрацией.

В первом случае изображение наложено фоном у объекта с текстом. Но для того, чтобы картинка была не под текстом, а левее, нам приходится делать отступ слева, а это не всегда возможно. Например, если слева находится меню или у сайта жестко задана сетка.

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

Несколько слов про сайты: графика

MT аватар

Следующая наша тема — сложная графика и анимация.

Под словом «сложная» в данном случае я подразумеваю не сложность рисования, а сложность вёрстки. То есть речь пойдёт о многослойной составной графике с прозрачными областями. Но начнём мы с простого.

1. Картинки.

Сначала поговорим о том, каким образом на сайт можно вставить картинку.

Способа всего два: первый — вставить непосредственно объектом image, и тогда по этой картинке можно будет кликнуть правой кнопкой и сохранить на компьютер; второй — указать какому-нибудь элементу это изображение в качестве фона, и тогда пользователь без специальных средств не сможет ничего сделать с этой картинкой: ни сохранить, ни открыть в новом окне.

Несколько слов про сайты: активные элементы

MT аватар

Сейчас мы поговорим про активные элементы сайтов: ссылки, псевдоссылки, кнопки, элементы форм.

Наша задача в том, чтобы дать пользователю максимум информации при минимуме действий с его стороны. Если это ссылка — надо её подчеркнуть. Если кнопка — оформить как кнопку и подсвечивать при наведении.

Рассмотрим виды активных элементов:

1. Текстовые ссылки.

Простая текстовая ссылка по умолчанию имеет три состояния: простая, посещённая и при наведении. Все хорошо знакомы с этими видами ссылок.

Рассмотрим пример: http://www.yandex.ru/

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

Специальные ссылки, которые необходимо выделить из общей массы, покрашены другим цветом.

Несколько слов про сайты

MT аватар

3 февраля я полечу в Казахстан на два дня проводить семинары по веб-дизайну. В первый день я буду выступать перед заказчиками, во второй — перед дизайнерами.

Выкладываю на всеобщее обозрение текст своего первого выступления (минут 30-40), призванного объяснить заказчикам, на что нужно обращать внимание при утверждении дизайна сайта.

1. Интуитивный интерфейс = знакомый интерфейс.

Очень часто нам приходится слышать слова «интуитивный интерфейс». Мы настолько привыкли к этому понятию, что считаем его совершенно очевидным и простым. Вряд ли здесь найдётся человек, который не считает, что хороший интерфейс должен быть интуитивным. Но как определить, какой интерфейс является интуитивным? По каким критериям это определяется?

Сдаём бабло

MT аватар

Друзья!

Праздники прошли, многие из нас сегодня вышли на работу впервые в этом году. Надеюсь, все хорошо отдохнули и набрались сил.

Как обычно, начало года для нас с вами означает, что пришла пора платить за доменное имя permlug.org :)

Добровольные (и все остальные) пожертвования можно отчислять мне на Яндекс.Кошелек под нумером 41001112729221.

Нам необходимо набрать 600 + 620 + 150 = 1370 рублей.

Не стесняйтесь присылать деньги и не бойтесь, что их может набраться больше, чем нужно — излишки пойдут на оплату хостинга, который тоже не бесплатный.

Чмоки-чмоки! :)

С Новым 2010 годом!

MT аватар

Друзья! Поздравляю всех с наступающим 2010-м годом!

Помогите организовать бекап

MT аватар

Задача: организовать резервное хранение часто изменяющихся данных на сервере.

Дано: несколько сайтов, данные которых разделены на файлы и базу данных.

Условия:
— необходимо делать полную еженедельную копию всех файлов, а также ежедневную копию всех изменившихся или новых файлов;
— необходимо делать ежедневный дамп базы.

Архивные данные актуальны две недели, после чего их следует удалять.

Требования к названиям файлов:
— полный бекап: full_permlug_2009.12.21.tar.bz2
— частичный бекап: diff_permlug_2009.12.21.tar.bz2
— полный дамп: dump_permlug_2009.12.21.tar.bz2

Как можно решить эту задачу? Есть какие-нибудь стандартные средства для этого или проще написать скрипты?

Дневник Вассермана в Таиланде: облучение жилетки

MT аватар

Онотоле отжигает.

Также смотрите:

Дневник Вассермана: о потере веса моей жилетки
http://www.youtube.com/watch?v=11NUVbr7tF0

Дневник Вассермана: опыты с машиной времени
http://www.youtube.com/watch?v=IQsvqmi-j0Y

Дневник Вассермана: я принял жилетку внутрь
http://www.youtube.com/watch?v=xNjaATd-Io8

Источник: http://wassermandaily.ru/


UPD:

Карма и рейтинг

MT аватар

Внимательные пацаны заметили, что на главной странице в трекере справа появились блоки «Рейтинг» и «Антирейтинг». Кликнув ссылку «весь список», можно посмотреть весь список пользователей с ненулевым рейтингом.

Также внимательные пацаны заметили, что в трекере появились оранжевые цифирьки. Это сумма голосов, отданных за пост.

Администрация надеется, что теперь все пацаны будут внимательнее относиться к тому, что пишут.

Если ты нормальный пацан — следи за базаром, пиши интересные посты, зарабатывай карму и занимай первое место на доске почёта.

RSS-материал