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

1. Никогда не используйте ключевые кадры без крайней необходимости, особенно если это слой с фоном, который на протяжении всего ролика не меняется. Ну зачем, спрашивается, последний кадр делать ключевым? Если в первом кадре делаются какие-то изменения, то почти всегда забывают об этом последнем ключевом кадре. При продлении фона на временной шкале нужно использовать статические кадры (hot key f5).

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

3. Никогда не применяйте к графическим объектам и тексту анимацию motion, предварительно не преобразовав их в символы. Это раздражает больше всего, т.к в результате образуется большое количество символов graphic (с именами Tween), с которыми жутко неудобно работать!
Если вы создали текст, который планируется анимировать. не поленитесь преобразовать его в символ, вам потом будет гораздо удобнее с ним работать.

4. Давайте вменяемые имена символам и слоям., Ну хотя бы только символам! Порой очень много времени уходит на поиск того или иного символа в библиотеке.

5. Сортируйте символы, музыку и битмапы по папкам., Это же просто напросто удобно! Особенно если количество элементов в библиотеке превышает пару сотен.

6. Удаляйте все неиспользуемые символы из библиотеки., Для этого существует даже специальная команда «select unused items». Исключение составляют только элементы, которые планируется использовать в дальнейшей работе.

Вот вроде всё из самого наболевшего. Если у вас есть чем дополнить это список, буду очень признательна.

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

Но если вы привыкли работать в хаосе — никто вас осуждать не будет, просто помните, что с вашими исходниками возможно будет работать живые люди, поберегите хотя бы их! :)

Как уже сообщалось ранее, в Санкт-Петербург приезжает один из создателей CSS — Хокон Ли, ныне технический директор компании Opera Software. В связи с этим в Питере пройдёт встреча Хокона со всеми желающими с ним пообщаться на различные технические и прочие темы. На данный момент утверждено место и время проведения встречи с Хоконом Ли. Итак, окончательные данные такие:

Многие боятся писать приложения под iphone, опасаясь сложностей. На самом деле в этом нету ничего сложного.
Сегодня я затрону тему реагирования Вашего web-сайта на наклоны устройства.

Друпал содержит множество всевозможных форм. Иногда, не все они выглядят так, как бы вам хотелось. Изменение друпаловских форм это тема, которую многие разработчики встречают дружными стонами неудовольствия и непонимания. Между тем, достаточно уяснить всего два метода их изменения и все становится намного яснее и проще.

Краткое содержание:

1. Аспекты изменение формы через систему темизации
2. Изменение формы в модулях
3. Применение Forms API
4. Примеры для обоих веток Друпала

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть V

Очевидно, что в сфере высоких технологий развитие зачастую происходит быстро и бурно. Так произошло и со средствами отображения информации. В течении каких-то двух-трёх лет обычные ЭЛТ-мониторы почти целиком и полностью были вытеснены стремительно дешевеющими ЖК-собратьями. Что позволило существенно улучшить как геометрию отображения, так и цветопередачу, а также снизить утомляемость глаз за счёт отсутствия вредного мерцания. И если несколько лет назад подобное утверждение в пользу TFT-панелей можно было бы оспорить, то теперь этот факт не вызывает ни у кого сомнений: ЖК-дисплеи намного лучше для повседневной работы рядового пользователя. В связи с этим фактором возникла необходимость поиска качественно новых алгоритмов отображения шрифтов. Одно из таких решений пусть не сразу, но всё же получило определённое признание в среде пользователей, и на сегодняшний день является чуть ли не самым популярным на современных платформах. Речь, конечно же, о технологии рендеринга ClearType, которая послужила причиной разработки новых веб-ориентированных шрифтов…

Первым серъезным камнем преткновения разработчика, познавшего начальные прелести Друпала, является темизация модуля Views. Этот процесс содержит минимум документации, так что, порой, некоторые начинающие разработчики вообще не догадываются, что с вьюсами можно что-то делать. Однако, можно, и даже очень многое.

Итак, рассмотренные в статье разделы:

• Темизация любых типов вьюсов
• Темизация «списочной» вьюсы
• Темизация «табличной» вьюсы
• Темизация «тизерной» вьюсы
• Темизация вьюсы c полными нодами
• Темизация summary-представления
• Темизация полей
• Темизация расширенных фильтров

Подборка из 12 сайтов в ассортименте которых, большой выбор креативных ссылок: портфолио, фотоколлекций, медиа-дизайн, иллюстраций и т.д.

Designcollector


The FWA


Creativenews

Сообщество славянской типографики создало и выложило в свободный доступ церковнославянский шрифт Ostrog. Его можно скачать в вариантах TrueType (TTF), «дольний» TrueType (TTF), Type1 и «дольний» Type1.



Шрифт разработан на основе старопечатных изданий г. Вильно и Острога второй половины XVI века. Создателем шрифта предположительно является Пётр Мстиславец, белорусский типограф, который приехал в Москву и помог российскому первопечатнику Ивану Фёдорову напечатать его первую книгу. Затем Мстиславец вернулся в Беларусь (ВКЛ) и соорудил там свою типографию. В Беларуси книгопечатание было известно за полвека до этого, так что типография стала далеко не первой.

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

Вадим Барсуков, известный так же на сайтах drupal.ru и drupal.org под ником «vadbars», ответил на вопросы о работе drupal.ru, cms Drupal, Drupal6.

Примечание: ниже перевод презентации «High Performance Ajax Applications», подготовленной ведущим специалистом из Yahoo (а теперь уже из Apple) Julien Lecomte. В ней автор освещает некоторые аспекты оптимизации как JavaScript-приложений, так и веб-сайтов вообще. В целом, советов много, и почти все, действительно, по делу. Однако, встречается и откровенная реклама Yahoo :) Мои комментарии далее курсивом.

Часть 1. Разработка для высокой производительности

Планируем и проектируем для высокой производительности

• Ориентируемся на производительность с самого первого дня
• Тесно работаем с дизайнерами и менеджерами продукта
• Понимаем рациональность дизайна
• Объясняем компромиссы между дизайном и производительностью
• Предлагаем альтернативы и показываем, что еще возможно (на уровне прототипа)
• Пробуем силы в реализации нетривиального дизайна (нельзя сразу говорит «нет»)
• Помогаем упростить дизайн и взаимодействие с пользователем (добиваемся компромисса)

читать дальше на webo.in →

По просьбам пользователей после прочтения статьи Визуализация данных на CSS

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

В феврале Россию и Украину посетит Аарон Маркус, человек, посвятивший 40 лет графическому дизайну и юзабилити. Его авторские семинары при содействии учебного центра Edu)itonline пройдут в Москве, Санкт-Петербурге и Киеве. Он первый вывел корреляционную связь между качеством пользовательских интерфейсов и увеличением числа благодарных потребителей. И именно он сократил пространство между хай-тек и человеком. Мы представляем вашему вниманию интервью, данное Ароном Маркусом, президентом компании Aaron Marcus and Associates, Inc. (AM+A), сотруднику учебного центра edu)itonline.

1. В 1967 г. Вы стали первым графическим дизайнером, полностью посвятившим себя занятиям компьютерной графикой. Каким был Ваш первый проект, как он был связан с дизайном? Каковы предпосылки для создания качественного интерфейса?

Моя первая работа в области компьютерной графики началась со стажировки в исследовательском отделе акустики AT+T Bell Laboratories, расположенной в Мюррей Хилл в США (штат Нью Джерси), где я работал стажером-исследователем и выполнял обязанности программиста. На собеседовании я сказал этим ребятам одну фразу, которую никто другой в жизни бы не произнес: «Уж не знаю, почему вы хотите взять меня на работу, но у меня уже есть ученая степень по физике, а сейчас я изучаю графический дизайн. И вот я подумал, что я должен сделать нечто такое, что сочетало бы в себе обе эти области. Есть ли у вас что-нибудь подходящее для меня?» Честно говоря, я не понимал, как и кому может прийти в голову такая мысль – взять меня на работу. Но двое специалистов, проводивших собеседование со мной, Петер Денес (Peter Denes) и А. Майкл Нолл, (A. Michael Noll), ученые с многолетним опытом исследовательской работы, переглянулись с улыбкой и заявили, что они искали именно такого специалиста! Я был сильно удивлен, и в то же время обрадован возможностью сделать свой первый шаг в новый мир компьютерной графики, который «появился» всего лишь несколько лет тому назад – приблизительно в 1964 г. Мне предоставлялась возможность заняться программированием для компьютеров, считавшихся одними из самых мощных в мире, а также для первых интерактивных компьютеров, использовавших дисплеи с растровым сканированием – новейшей, только что изобретенной технологией.

Хотелось бы изложить свое мнение по поводу темы затронутой в топике «Идеальное комментирование» (автор dezmaster). У меня появились свои идеи, как сделать более удобной эту форму регистрации:

Я, разумеется, не претендую на идеал, но сотни заполненных подобных форм позволяют мне высказать несколько мыслей.

Примечание: ниже находится перевод статьи «CSS Expression Optimization», в которой автор немного освещает использование и проблематику динамических свойств в CSS (aka CSS expressions). Также автор предлагает способ их оптимизации (исполнение один-единственный раз вместо постоянного выполнения). Далее приведены несколько тезисов с ClientSide'2007 по заявленной тематике. Мои комментарии даны курсивом.

CSS expressions были впервые представлены в Internet Explorer 5.0, который позволял назначать JavaScript-выражение в качестве CSS-свойства. Например, следующий код позволит разместить элемент в зависимости от того, какого размера окно браузера.

#myDiv {
   position:   absolute;
   width:      100px;
   height:     100px;
   left:       expression(document.body.offsetWidth  - 110 + "px");
   top:        expression(document.body.offsetHeight - 110 + "px");
   background: red;
}

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

читать дальше на webo.in →

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

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



Пользователь искал ссылку «Фотки». Потратил на это 38 секунд. Он дважды обошёл глазами экран по кругу, и только 78-фиксация взгляда попала на тот объект, который он искал.

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



15 секунд на то, чтобы обнаружить ссылку на другом портальном сайте. Ссылка находится в ряду (в списке) других ссылок. Оформление списка направляет взгляд.

Данное рассуждение явилось разросшимся комментом на публикацию dezmasterdezmaster, опубликовавшему сегодня статью под заголовком "Ссылки при наведении курсора: нужна ли реакция?". Честно говоря, меня давно мучают схожие вопросы (= И вот, наконец, удалось немного понаводить порядок в своей голове.

Основной смысл всего мною сказанного: сила реакции ссылки на курсор мыши уменьшает время прицеливания (точно также как и размер ссылки, и ее расстояние от курсора), а значит уменьшает время между нашим желанием и его реализацией. Однако, вместе с тем, слишком сильная реакция может угнетает наши органы чувств и вызывать раздражение.

В итоге, контекст, в который помещена ссылка, определяет ту степень контрастности состояний ссылки, которую нам следует применять. Выделяются следующие контексты: ссылка среди картинок, в тексте, среди ссылок, в меню, в повторе, в публиковании.

Для кого эта статья?

Html кодерам – начинающим кодерам поможет повысить
свой профессиональный уровень; оценить текущую ситуацию
в проектах, предупредить негативное течение проекта.Тем, кто
ещё только определяется «быть или не быть» больше вкурить
о профессии html кодер. Те же, кто в кодинге давно врятле
найдут в статье что-то новое для себя, а некоторые вещи
даже могут показаться не достойными внимания. Однако стоит
помнить, что очевидные вещи для одного — это неизвестный
мир для другого, а ваш опыт хорошей практики может быть
выходом из сложной сложившейся ситуации для кого-то.
Руководству – узнать, какие мероприятия стоит провести
в компании для улучшения рабочего процесса, повышения
опыта работников, уменьшения издержек (за счёт уменьшения
перерасхода проектного времени и учёта не просчитанных
ранее активностей) и повышения качества.
Руководителям проектов (Project managers) – поможет
учесть некоторые специфические риски проекта: узнать о
неизвестных ранее поглотителях проектного времени и не
запланированных активностях; узнать о реальных трудозатратах
по некоторым активностям; оценить и улучшить текущий уровень
ведения проектов.
Другим участникам web разработок – поможет больше
узнать о трудовых буднях своих коллег.

Есть множество секретов при работе с Photoshop, зная которые можно заметно повысить свою производительность. При создании дизайна сайта гармоничное размещение объектов на странице, правильные отступы и наличие пустого пространства играют важную роль для восприятия оформления, а достигается это перемещением элементов дизайна. При этом на переключение между слоями и операции по их перемещению уходит порой до 80% времени, и лишь только оставшееся часть идет на рисование и ввод информации. Поэтому в данном мини-ликбезе, я хочу коснуться только хитростей работы с вкладкой Layers как наиболее востребованной.

Практически все гуру селф-девелопмента советуют своим читателям вести так называемый таймлог — журнал, в котором фиксируется, на что расходуется рабочее время. Это довольно просто: вы записываете время начала и окончания каждого действия, а в конце дня анализируете журнал и делаете соответствующие выводы.
Плюсы такого тщательного контроля за собой я ощутил уже на третий день, но так же понял, что абсолютно отвык (и не хочу привыкать, что самое главное) пользоваться ручкой, тетрадкой и калькулятором. Было бы весьма неплохо иметь маленькую софтину, максимально упрощающую процесс ведения и анализа таймлога. А если она при этом не будет навязывать различные ToDo-списки, ремайндеры, кучу опций, календарей и отчетов, то будет вообще здорово.
После продолжительной борьбы моя созидательная натура взяла верх над врожденной ленью, в результате чего появилась Chrony.