Кто в последнюю неделю не заходил на сайт бюро, там появилась целая куча новых работ: новый Топфотоп, вторая Веборама с Рабовемой, интранет для Ренессанса, презентация для Бизнес-рилейшенса, Регуляр, ещё кое-что для МГИМО и Самсунга. Смотрите, какое всё клёвое!
Кстати, в Регуляре уже применяется правильный способ брать ссылки в кавычки.
Скриншот сайта просто на белом фоне трудно воспринимать как сайт, поэтому в почти в любом портфолио веб-дизайнера сайты показывают в браузере. Многие дизайнеры предпочитают и эскизы рисовать «как бы в браузере».
Безотносительно удобства Сафари как браузера, думаю, все согласятся, что скриншоты, сделанные в нём, смотрятся лучше других. Некоторое время назад я перешёл в лагерь тех, кто рисует эскизы внутри браузера и обнаружил, что Сафари и для этих целей подходит лучше всех.
Дело в том, что на Маке у окон обычно нет «рамки»: сверху заголовок (возможно, с тулбаром), а под ним идёт от первого до последнего пикселя по горизонтали — внутренности окна. Если у окна нет строки состояния, то «контентная область» и снизу продолжается до конца.
Ну, ладно, на самом деле, если присмотреться, то можно обнаружить у окна рамку тоньше пикселя. Но она находится как бы за границей окна (что хорошо видно на увеличенном фрагменте):
В общем, если в Фотошопе сверху влепить «шапку» от Сафари, забив на полупиксельный рамку (фотошоп всё равно рисует рамку вокруг канвы), то а) координата X любого элемента продолжит отсчитываться с нуля, а не с трёх, допустим, пикселей; б) можно будет легко изменять canvas size по вертикали, если страницу нужно сделать длинее, без необходимости сдвигать или перерисовывать какие-то нижние элементы.
Но смысл рисования сайта внутри браузера не только в повышении реалистичности. Главное (собственно, то, ради чего я перешёл на такой формат) — это доступность строки заголовка и адресной строки. Теперь на эскизах страниц я пишу их тайтлы, вставляю фавыконку и придумываю им нормальные урлы, что позволяет заметно упростить взаимодействие с верстальщиками и технологами. И не забудешь, что это тоже надо делать. Опять же, если я имею в виду, что на какой-то странице должен быть РСС, я могу дополнительно намекнуть на это, прицепив иконку РССа в конец адресной строки.
Короче, дарю всем желающим ПСД-шаблон (68 КБ), в котором все значимые элементы браузера сделаны отдельными слоями, в т. ч. заголовок окна (с правильной рельефностью) и урл в виде текста. Ширина картинки — 1000 пикселей. В названиях слоёв используется нехитрая нотация: точкой заканчиваются слои, которые по любому должны быть, а вопросиком — те, которые можно включать/выключать по вкусу. Ещё можно вместо обычного заголовка выбрать 5 табов, чтобы реально оценивать влезабельность своего тайтла.
Добавлено в 14:32: Сергей Чикуёнок оставил полезнейший комментарий.
На железнодорожном переезде ведётся виде наблюдение:
Добавлено в 11:32: Читатели подсказывают, что это всероссийский госкреатив.
Выложил свою нарисованную больше двух лет назад прямолинейную схему метро. Рисовал я её под впечатлением того, что завосьмёркивать Кольцевую вовсе не требуется.
Кстати, повесил её на главную.
У меня никогда не было Спектрума. И Денди тоже не было. Но в «Лоуд-раннера» доводилось играть на технике друзей — было весело. Вот «Зи-икс-геймс» делают римейки всяких старых игрушек. Кроме «Лоуд-раннера» есть «Болдер-деш» и «Пазник», а со временем появятся и другие.
Я мог бы сказать, что это фотография счастливого игрока в игры «Зи-икс-геймс», но мои-то читатели прекрасно знают, что это Дима Смирнов, сохранённый в джипег из гифа. Но ведь представить его играющим в игры не так уж сложно: сказать, что Смирнов и игры — понятия несовместные, означало бы погрешить против истины.
Но вернёмся к «Лоуд-раннеру». Михаил Жилкин пишет:
Все игры написаны с нуля, запускаются под Виндоус и значительно удобнее в использовании, чем оригиналы.
Первые несколько уровней в каждой игре доступны бесплатно!
mail@zxgames.com
Кстати, если вы сами программируете под Виндоус или Мак и неравнодушны к старым игрушкам, вы можете присоединяться к разработчикам. Тоже будете делать вот такие штуки:
Это компьютерная графика!
Реклама на сайте выходит по средам и попадает на экраны 2-3 тысяч человек. Пишите: ilyabirman@ilyabirman.ru.
В Какао мне очень нравится, как используется возможность «Объектного Си» вставлять параметры прямо в название методов («селекторов»):
[someObject doStuffWithThing:x andThing:y usingParameter:z];
Получаются нормальные предложения. В большинстве языков так делать нельзя, однако формулировать названия функций так, чтобы параметры продолжали предложение, никто не запрещает. Если параметр всего один, или параметры образуют очевидную последовательность, то это добавит удобочитаемости. Я принял нотацию, согласно которой название функции завершается подчёркиванием, если оно составлено по такому принципу. В этом случае открывающая скобка не отбивается пробелом (вообще, я всегда отбиваю; меня страшно бесит, что в ЦССе так делать нельзя).
Пример перевода:
e2_note_by_id ($id) → e2_note_with_id_($id).
А так могли бы выглядеть некоторые функции с несколькими параметрами:
do_stuff_at_($x, $y),
do_stuff_with_date_($year, $month, $day).
Если параметры не образуют очевидной последовательности или нормально переформулировать смысл функции не удаётся, то функция пишется «по старинке», без подчёркивания в конце:
e2_store_cache ($path, $data, $secure).
А какие вы используете хитрости для повышения удобочитаемости кода?
Когда-то Артём изобрёл отличный способ индикации текущей раскладки: красить текстовый курсор в тот или иной цвет.
Я пытался реализовать такую штуку под Виндоусом, но, насколько я понял, там текстовый курсор на уровне системы вообще не имеет цвета, то есть, чтобы это реализовать, пришлось бы, натурально, рисовать поверх настоящего курсора своё «окно» размером с палку курсора, и мигать этим окном, подстраиваясь под выбранную в системе частоту мигания курсором. Проще застрелиться, чем даже пытаться написать такое заведомо кривое и глючное приложение.
С тех пор, как я переехал на Мак, я не без удовольствия ковыряюсь в местных средствах разработки. Постепенно я научился: отслеживать момент смены раскладки клавиатуры; изменять цвет курсора в текстовом поле моей программы, определять текущее «ключевое» (т. е. отвечающее за обработку клавиатурных событий) окно приложения, определять текущую раскладку клавиатуры.
Оставалось только научиться встраиваться в чужие приложения и находить там текущий активный контрол. Я начитался документации и понял, что моей программе нужно стать инпутменеджером, то есть приложением, посредством которого производится текстовый ввод (это АПИ, видимо, сделано для организации всяких альтернативных способов ввода). Поскольку инпутменеджер — это, по сути, совершенно любой твой код, который выполняется от имени любого другого приложения (и, соответственно, с его правами), то это как бы опасная штука. Вроде как в Тигре даже был какой-то вирус, использовавший этот механизм, поэтому в Леопарде к инпутменеджерам стали предъявляться сверхстрогие требования.
С помощью интернета и Славы Карпенко я разобрался с тем, как сделать и установить инпутменеджером собственный бандл (connecting the dots!) и сделал пруф-оф-концептовый инпутменеджер, реализующий идею Артёма. Он далёк от совершенства:
Он называется Lipstick (LIP — это как бы Language Insertion Point, ну, или, Layout, или Locale). Чтобы установить его, нужно:
В каждом Какао-приложении он заработает после его перезапуска (перезапускать систему, по крайней мере, Леопард, не нужно). Спотлайт в правом верхнем углу можно перезапустить так:
killall Spotlight
Картинка:
Если какое-нибудь приложение начнёт тормозить или падать в неположенном месте, вполне может быть, что это из-за Липстика. Чтобы его выключить, просто уберите Lipstick из папки /Library/InputManagers и перезапустите соответствующее приложение.
Всё, что вы делаете, вы делаете на свой страх и риск, за возможный взрыв вашего компьютера я не несу ответственности. Но — с интересом послушаю ваш рассказ об этом.
ТСЖ навтыкало под дворники машинам, стоящим вдоль забора, объявлений:
Уважаемые автовладельцы! 7 мая 2009 года с 8.00 до 17.00 будут проводиться сварочные работы металлического ограждения. Просим переставить автомобиль на другое место.
Хочется плакать. Сварочные работы металлического ограждения! Я не понимаю, как люди могут до такой степени не уметь говорить на родном языке. Мозги же должны совсем засохнуть, чтобы стали получаться такие фразы. И я ещё удивляюсь, что никто деепричастными оборотами пользоваться не умеет. Ёлки, да тут взрослые люди простое предложение составить не могут!
А по двору дети гуляют, читают эти бумажки.
Так вышло, что мне нужно сделать небольшой тест по русскому языку и отправить его по почте на соответствующую кафедру в универе. Склоняю числительные. Чтобы не было сильно скучно, придумываю всякие предложения.
8. Просклоняйте количественное числительное 1245 (книг).
9. Просклоняйте порядковое числительное 3892 (преподавателя).
Если числительное порядковое, то почему «преподавателя»? Видимо, ошибка в тесте. Пришлось склонять сразу и так, и эдак.
В сериале про доктора Хауса нам иногда показывают мощную трёхмерную графику про то, как какие-нибудь кровяные клетки плывут по артериям (или, наоборот, венам). Но для некоторых людей хорошая визуализация биологических процессов — не элемент шоу, а необходимая для работы вещь: пока мы пялимся в телек, кто-то ведь должен бороться со свиным гриппом.
Можно подумать, что это синий шарик с оранжевой штуковиной, в то время как на самом деле это трёхмерная модель клатриновой оболочки, возникающей на внутренней поверхности плазматической мембраны в процессе пиноцитоза.
Компания «Визуал-сайенс» занимается дизайном в медицине и биологии. Если полазить по их сайту, можно найти целую кучу красивых картинок (некоторые они даже дают скачать в качестве обоев рабочего стола, правда размера 2560 на 1600 там нет). Руководитель проектов Иван Константинов утверждает, что модели на изображениях не только красивые, но ещё и физически точные:
Ещё во время обучения на биофаке МГУ резало глаз разительное отставание уровня иллюстрации и вообще графики в специализированной российской литературе по сравнению с западной. В научно-популярных российских изданиях ситуация представляла другую крайность: достаточно высокое качество с полной потерей смысла или вопиющими ошибками.
Так небольшой группой выпускников биофака мы начали искать технологии и способы сделать грамотную наукоёмкую графику привлекательной, красивой и интересной широкому кругу. Сейчас в компании 6 человек, специалистов разного профиля. Большая часть сотрудников имеет высшее биологическое или медицинское образование и продолжает вести научную работу.
Мы решаем самые разные задачи от создания научно-популярных иллюстраций для журналов до молекулярной визуализации, создания сложных анатомических трёхмерных моделей, пластиковых моделей медико-биологических объектов и иллюстрирования специализированных книг.
У нас в школе в кабинете химии лежало две здоровенных уродских железных молекулы, а вот «Визуал-сайенс» может сделать цветные и клёвые. Например, вот молекула ДНК (отличный подарок!):
visualscience.ru
+7 (495) 514-91-42
mailbox@visualscience.ru
Кстати, на страничке про формы молекулы ДНК написано, что «понижение относительной влажности при добавлении неэлектролитов (например, этанола) способствует переходу В-формы в А-форму». Я, было, начал представлять, как при понижении влажности молекулы ДНК в организме начинают изменять свою форму, но Иван Константинов объяснил, что такие вещи делают только в пробирке, и организм погибнет быстрее, чем удастся добиться перехода. В этом смысле графика «Визуал-сайенса» позволяет обойтись без жертв.
Реклама на сайте выходит по средам и попадает на экраны 2-3 тысяч человек. Пишите: ilyabirman@ilyabirman.ru.