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

User

Profile Publications Comments 24Bookmarks 11

alizar Jun 4 2009 at 14:53

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

1 min

2.4K

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

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

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

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

+74

anti1869 Mar 26 2009 at 13:10

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

2 min

Design

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

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

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

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

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

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

+47

v_k Jun 12 2009 at 07:25

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

1 min

18K

Web design*

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

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

+66

Gorky May 26 2009 at 08:59

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

1 min

118K

Web design*

Знаете, фавикончики в 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 Jul 26 2007 at 12:22

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

9 min

1.3M

Python*

Translation

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

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

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

+44

163

nobr Apr 15 2009 at 19:56

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

7 min

57K

Typography*

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

Содержание

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

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

+112

wersoo Mar 15 2009 at 04:59

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

8 min

48K

Interfaces*

Translation

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

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

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

+159

126

Vilz Jan 23 2009 at 23:43

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

4 min

60K

CSS*

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

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

+227

160

besisland Feb 21 2008 at 04:37

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

4 min

177K

Typography*

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

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

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

+265

208

rogix Jan 16 2009 at 22:31

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

1 min

2.9K

Working with icons*

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

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

+141

despoth May 22 2008 at 20:59

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

13 min

43K

Typography*

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

Часть IV

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

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

+84

105