Если кто не знал — в именах CSS-селекторов можно использовать юникодовые символы. Вообще любые. :)

Теперь подумаем,

Многие мои друзья пользуются Firefox и задают мне вопрос — а почему я пользуюсь Flock? Я им отвечаю — мне нравится, когда у меня в браузере без всяких телодвижений есть доступ до всего, что нужно. Тем не менее, «это все» поедает достаточный объем ОЗУ, не всегда юзабельно и требует «доводки». Как раз про доводку и пойдет речь ниже. Сразу же скажу, про pipeline писать не буду. Остальных опций хватает из about:config.

Все новое и неизведанное манит своей новизной и неизведанностью. Я честно верю, что следующая версия всегда лучше предыдущей. Но есть одна программа, которая буквально каждой версией подрывала мои взгляды на жизнь. Это Adobe Illustrator. Он обрастал бесполезными функциями и, как следствие, новыми ошибками. Так было последние шесть лет. Здесь самое место для небольшой проповеди.

Возрадуйтесь! Бог все таки есть, о братья дизайнеры. Он услышал наконец наши молитвы. Воззвал он к программистам Adobe, покарал грешников, наградил праведников и сделали они Иллюстратор лучше. Аминь.

С момента выхода нового Иллюстратора прошло уже несколько месяцев. Тест-драйв пройден успешно. Разберем основные улучшения по пунктам. Всего их будет пять.

1. Это лучшая версия Иллюстратора

Иллюстратор всегда славился своими неожиданными прекращениями работы в самый неподходящий момент. Бывало просто тормозил, там где не должен был. В CS4 с этим практически разобрались. Вы не поверите, но за несколько месяцев использования он еще ни разу не вылетел. Как на Маке, так и на ПиСи. Все работает как часы.

2. Градиенты

Теперь не надо целиться и наобум прикидывать, как будет выглядеть градиент. Они теперь показываются прямо поверх объектов, в виде специальной панельки, как только вы выберите соответствующий инструмент. Цвета, положение и количество ключевых точек можно менять прямо на объекте. Что произошло с радиальными градиентами словами вообще сложно описать. Мало того, что теперь можно сдвигать центр, так еще и делать эллиптический градиент одним легким движением мыши. Старожилы говорят, что и раньше все это было доступно, но вот вы знали, как это сделать?

3. Прозрачность в градиентах

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

4. Панелька Appearance

Если вы еще не используйте эту панельку, самое время начать. Вкратце, это «четвертое измерение» иллюстратора, своего рода «слои» внутри одного объекта. У каждого объекта может быть много заливок, обводок и эффектов. Последние, к слову, могут быть не только у всего объекта, но и у отдельных обводок и заливок. Это все было давно, сколько я себя помню. В CS4 панелька Appearance зажила наконец нормальной жизнью. Во-первых, перестала безумно глючить. Во-вторых, теперь около каждого пункта появился «глазик», как в слоях. Плюс теперь прямо отсюда можно редактировать цвета, градиенты и прозрачность.

5. Рабочая область

Напомню, одним из наших маленьких ноу-хау всегда была работа в два или три окна. Раньше размеры окон приходилось подгонять руками буквально на ощупь, окошки неудобно перекрывали друг друга, было плохо. Теперь стало хорошо: включаем режим «единой рабочей области» (на маке, на Windows он включен по-умолчанию). Дальше организуем окошки как нам удобно, просто перетаскивая их заголовок. Они удобно прилипают ко всем сторонам рабочей области и к друг другу. Для желающих есть возможность воспользоваться предустановленными заготовками. Еще раз спасибо, что купили Macromedia.

А что вас порадовало или расстроило в новом иллюстраторе?

Данный текст подготовил и перевел Евгений aka jeje. Если текст вам понравился, то благодарите Евгения, сам он опубликовать перевод не может из-за ограничений кармы.

1.Никогда не начинайте с одной идеей

Если вы хотите написать книгу, сделать дизайн мебели или мультфильма — Никогда не начинайте с одной идеей, их должно быть три.
«Причина проста. Если продюсер приходит ко мне с предложением о новом проекте, он вынашивает эту конкретную идею долгое время. Это ограничивает его. Мой ответ всегда: «Приходи ко мне, когда будешь иметь три идеи, и это не значит, что одна хорошая, а две остальных плохих. Я хочу три действительно прекрасных идеи, из которых ты не можешь решить, какая же лучше. Будь готов обосновать все три задумки. Затем мы решим, какую идею ты будешь развивать далее.»

«Проблема у творческих людей всегда одна – они чаще всего фокусируют все свое внимание на одной идее. И выходит так, что они ограничивают свой выбор с самого начала проекта. Каждый творческий человек должен это попробовать. Вы будете удивлены, как это требование внезапно заставит вас думать о других вещах, которые вы даже не рассматривали до того. Из-за этой отстраненности вы вдруг найдете новые перспективы. И поверьте мне, существует всегда, как минимум, три хороших идеи»

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

Итак «уровни». Я считаю что разделение людей на уровни просто необходимо. Что это значит. Это значит, что каждый человек должен делать то, что должен и не заглядывать в рот соседу.

Кому должен? Кто определяет, что я должен? А если я способен на большее?

Доброго времени суток. Хочу представить вашему вниманию мою подборку значков (пиктограмм), размером 16х16. Все значки бесплатны для личного и коммерческого использования.
Архив содержит:

• SILK ICONS (www.famfamfam.com/ by Mark James)
• Fugue Icons версия 1.8.1 (www.pinvoke.com/ by Yusuke Kamiyamane)
• Silk Companion (www.damieng.com by Damien Guard)
• Xiao (www.ineversay.com by Delacro)
• Vaga (www.tenbytwenty.com by Ed Merrit)
• Sizcons (www.randomjabber.com by RandomJabber)
• Free Web Design Icon Set (www.semlabs.co.uk by SEM Labs)
• 3 сета бесплатных иконок от IcoJoy (www.icojoy.com)

Посмотреть preview и скачать можно тут или скачать с Народа

Ранее здесь была представлена статья о том как сделать вертикальный текст картинками, генерируемыми php.

Теперь я хочу вам рассказать о том как сделать поставленную задачу без картинок, флеш и js, только средствами html и css. К тому же стало возможно сделать текст под произвольным углом. В конце статьи есть готовый пример.

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

В предыдущем посте про мой проект «Правильный водитель», я попросил пользователей позадавать вопросы по проекту, на которые я буду отвечать. Насобиралась приличная куча :)

Я их разделил на две категории: по делу и «сам урод». Начать хочу с «сам-уродов» и прочей неконструктивистики.

Наезд: Дизайн похож очень на Лебедева…

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

Всего было отрисовано около 1600 картинок для следующих разделов:
Животные — (сюда вошли млекпопитающие) зеленый фон для ассоциации с лесом
Птицы — небесно-голубой цвет (небо)
Рыбы — темно-синий цвет (морское дно)
Насекомые — темно-коричневый (земля)
Прежде всего хотелось этими цветами создать своеобразное настроение при просмотре у более молодой аудитории.

PS: Из-за хабраэффекта сайт лежит =))))
Вот макет раздела животных, если вдруг не будет у кого-то работать линки на сам сайт:
www.alexey-popov.com/portfolio/img/theanimalworld-animals.jpg

Хотелось бы узнать мнение: в той ситуации когда вы хотите прочитать информацию о животных, вам интересно посетить такой вот цветной сайт или же удобнее смотреть информацию в той же википедии, на просто белом фоне без какого-либо дизайна?

В этом посте я написал длинный текст о том как:

• оформиться в Украине
• стать физическим лицом-предпринимателем
• платить единый налог
• упростить себе жизнь при помощи интернет отчётности

Я описываю свой личный опыт. Простите за возможные ошибки. Навеяно этим постом
Исходные данные такие: Украина, удаленная работа с иностранным заказчиком, разработка сайтов.

Пока игрался со своим котом лазерной указкой, придумал такую штуку:

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

Зачастую стандартный вид кнопочек не может сочетаться с концепцией дизайна, которую придумал дизайнер, поэтому он рисует свои кнопочки.

Что обычно делает верстальщик при виде такой кнопки? Правильно, просто напросто, вырезает ее как есть, и вставляет ее в верстку как картинку.

Например:

<a href="some_page.html"><img src="button.gif" alt="Button"></a>
<input type="image" src="button.gif" alt="Button">

* This source code was highlighted with Source Code Highlighter.

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

Последние 5 лет я создавал интернет-магазины. Много магазинов. Хороших и разных. Я был сам себе программистом, верстальщиком, дизайнером и менеджером.

Нельзя быть профессионалом в нескольких областях сразу, скажете вы. И, наверное, будете правы. Я не профессионал в дизайне и окучивании клиентов. Но интерес к этим областям и необходимость соответствующей деятельности дали мне кое-что. Тысячи вопросов за техподдержкой, бесконечные консультации клиентов и их контент-менеджеров, изучение чужих целевых аудиторий, общение с программистами, дизайнерами и верстальщиками от заказчиков подарили мне неплохой опыт. И главное — опыт не в одной области, а опыт во всех гранях процесса создания интернет-магазина. От программирования и дизайна, до общения с клиентом и анализа его бизнес-процессов.

Обычная история

Думаю, многим знакома ситуация, когда после создания сайта, на протяжении нескольких месяцев вам звонят с вопросом «как вставить картинку на сайт» сначала заказчик, потом его секретарша, потом новая секретарша, потом менеджер по продажам (секретарша в отпуске). А потом звонит их новый «компьютерщик», чтобы узнать какой файл ковырять, чтобы вставить красную бегущую строку справа от логотипа. И так далее, и тому подобное.

До того как заняться верской гитарных аккордов (статьи 1,2,3) я столкнулся с необходимостью сделать человеку на сайте меню-дерево. Рисовать не хотелось вообще, поэтому я взял старый добрый HTML с CSS и начал делать это дерево, начал с простого одноуровневого, а позже сделал многоуровневое с маркерами, которое и представлю.

Позже это дерево дало мне плоды в виде habrahabr.ru/blogs/css/53792

В общих чертах теорию и процесс атаки хорошо описал юзер n3m0 в своих статьях «Атаки на беспроводные сети», поэтому я не буду заострять внимание на многих теоретических моментах.
Я же хочу описать самые простейшие способы обхода защиты, но более подробно.

В наше время в сети достаточно легко найти «12 правил фрилансера», или «20 советов фрилансеру», а то и «библию фриланса».
У всех разное отношение к этому явлению, разный опыт или предубеждения. Немало, кстати, негативных мнений.
Мне бы не хотелось писать очередное руководство «как заработать 10000$ в месяц». Поделюсь своим небольшим, но положительным опытом в роли «Фрилансера» и кое-какими выводами. Этот опыт сделал для меня работу на фрилансе комфортной и прибыльной.

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

Я настоящий фанат типографики, и трачу много времени на поиск и экспериментирование со всеми видами различных типов шрифтов и стилей.

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

Вместо того, чтобы тратить впустую время, обыскивая сеть, в поисках хороших уроков по Photoshop, придерживайтесь этого списка.

PS Hero — перейти


PSD tuts — перейти


Tutorial 9 — перейти