Митя Ярыныч @xorvat

Пользователь

Профиль Публикации Комментарии 24Закладки 11

alizar 4 июн 2009 в 14:53

Картины из мятой бумаги

1 мин

2.5K

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

Таким оригинальным видом искусства занимается 33-летний немецкий художник Симон Шуберт, вот онлайновая галерея его бумажных поделок.

Больше картин под хабракатом.

Читать дальше →

+74

anti1869 26 мар 2009 в 13:10

Схема дизайнерского процесса от Американского института изобразительных искусств (AIGA)

2 мин

2.1K

Дизайн

В Американском институте изобразительных искусств (AIGA) составили схему, разъясняющую процесс дизайна. Под дизайном подразумевается самое широкое его понимание, то есть осмысление, придумывание, разработка и внедрение решения конкретной проблемы.

Будучи остряками, создатели схемы вот так иллюстрируют ее применение:

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

Подробности по каждому пункту расписаны в моей записи тут: nordisk.pp.ru/design/58
Там же есть ссылка на исходную брошюру, если вам не понравятся мои переводческие потуги :)

Для хабра я немного переписал запись в плане укорочения и выложил под кат.

Читать дальше →

+47

v_k 12 июн 2009 в 07:25

этот удивительный tabindex

1 мин

18K

Веб-дизайн*

Многие веб-разработчики часто забывают или совсем не используют параметр tabindex, который определяет последовательность перехода между полями при нажатии на клавишу «Tab». Таким образом, при переходе из одного поля в другое прощелкиваются еще несколько элементов, что рано или поздно начинает уничтожать нервные клетки пользователей.

Читать дальше →

+66

Gorky 26 мая 2009 в 08:59

Как сделать favicon в png

1 мин

119K

Веб-дизайн*

Знаете, фавикончики в ico это как-то прошлый век =) Давайте будем модными, современными и все такое. Короче, берем иконку в png (да-да, с прозрачностью и всеми делами), сохраняем в размере 16×16, на сайте (в блоке <head>, ага) подключаем так:

<link rel="icon" type="image/png" href="favicon.png" />

Особенно под впечатлением владельцы айфонов и точей, т.к. для них мы делаем красивую иконюшку размером 57×57 (можно кстати и больше, но это стандартный размер иконки на ланч-скрине), подключая ее так:

<link rel="apple-touch-icon" href="apple-touch-favicon.png"/>

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

UPD: Спасибо хабраюзеру NickyX3 за интересное уточнение:

Автор забыл указать, что иконда для springboard тачей и яблофонов будет в таком варианте закруглена по углам и на нее будет наложен блик автоматически самоим девайсом. Для избежания этого (совсем красивая кастом иконка) вместо apple-touch-icon следует написать apple-touch-icon-precomposed.

+108

Michael_P 26 июл 2007 в 12:22

Основы языка программирования Python за 10 минут

9 мин

1.3M

Python*

Перевод

На сайте Poromenos' Stuff была
опубликована статья, в которой, в сжатой форме,
рассказывают об основах языка Python. Я предлагаю вам перевод этой статьи. Перевод не дословный. Я постарался подробнее объяснить некоторые моменты, которые могут быть непонятны.

Если вы собрались изучать язык Python, но не можете найти подходящего руководства, то эта
статья вам очень пригодится! За короткое время, вы сможете познакомиться с
основами языка Python. Хотя эта статья часто опирается
на то, что вы уже имеете опыт программирования, но, я надеюсь, даже новичкам
этот материал будет полезен. Внимательно прочитайте каждый параграф. В связи с
сжатостью материала, некоторые темы рассмотрены поверхностно, но содержат весь
необходимый метриал.

Читать дальше →

+44

163

nobr 15 апр 2009 в 19:56

Рецепты хорошей типографики

7 мин

57K

Типографика*

Судя по результатам голосования, которое я проводил в своём блоге, большинство пользователей никак не типографируют тексты перед публикациями (НЛО не считается). Те, кто работают над текстами, в большинстве своём делают это вручную, поэтому я решил попробовать собрать воедино рецепты экранной типографики, дабы не забывать самому и напомнить другим. Не думаю, что статья будет чем‐то новым для опытных верстальщиков. Новички узнают, профи исправят :)

Содержание

Дефисы, тире, минусы и другие палочки
Кавычки и чёрточки
Скобки
Многоточие
Заголовки, списки

Читать дальше →

+112

wersoo 15 мар 2009 в 04:59

Эволюция дизайна интерфейсов операционных систем с 1981 по 2009 годы

8 мин

50K

Интерфейсы*

Перевод

Перевод «Operating System Interface Design Between 1981-2009»

Графический пользовательский интерфейс (GUI — Graphical User Interface) это средства позволяющие пользователям взаимодействовать с аппаратными составляющими компьютера достаточно комфортным и удобным для себя образом.
В течении многих лет для большого количества операционных систем, таких как OS/2, Macintosh, Windows, AmigaOS, Linux, Symbian OS, и т. п., было создано еще большее количество графических интерфейсов.
Давайте попробуем взглянуть на эволюцию дизайна интерфейсов этих систем, начиная с 80-х годов.
Должен заметить, этот топик демонстрирует только значительные достижения и этапы в области графического дизайна (а не операционных систем в целом), да и не все системы существуют и по сей день.

Я догадываюсь что там много графики, но все же хочу посмотреть.

+159

126

Vilz 23 янв 2009 в 23:43

Тривиальные задачи по вёрстке

4 мин

60K

CSS*

~~Начинаю вести серию статей~~ Это статья про вёрстку html css js, начинаю с самого простого, ~~потом планирую описать более сложные вещи и всякие тонкости~~ и этим видимо так и закончил

Читать дальше →

+227

160

besisland 21 фев 2008 в 04:37

Чёрточки: только ли тире, минус и дефис?

4 мин

180K

Типографика*

Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

Читать дальше →

+265

208

rogix 16 янв 2009 в 22:31

Книги помогают рисовать иконки

1 мин

Работа с иконками*

Порой меня спрашивают, о том, как я рисую иконки. Ответ прост: мне помогают книги. Множество книг. А также: книжная полка и… суперобложки. Если не объяснить, догадаться сложно, поэтому обо всем по порядку. Мне помогает моя коллекция книг, серии «Азбука-классика». Это издания в мягком переплете одного формата, варьируется лишь толщина. В среднем она равняется 15-18 мм. Высота — 180 мм. Значит корешок можно легко разбить на 10 квадратов размером 18x18 мм. Это пиксели. Я печатаю суперобложки с заданным положением точек на них:

Читать дальше →

+141

despoth 22 мая 2008 в 20:59

Веб-типографика сегодня. Часть IV

13 мин

43K

Типографика*

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

Часть IV

Итак, настала пора выяснить, какие шрифты и с какой долей вероятности могут оказаться установленными в тех или иных операционных системах либо в результате каких-то особых ситуаций (например, при установке пакетов Microsoft Office, Adobe Creative Suite или CorelDRAW! Suite), либо в «девственно чистых» ОС (что, несомненно, наиболее приемлемый вариант). А также узнать, какие из этих шрифтов пригодны для использования и в каких конкретно случаях.

Читать дальше →

+84

105