4 заметки с тегом

ссылки по пятницам

Ссылки по пятницам — 4

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



Первая
Всё (или почти всё) о пробеле на Хабре
Я давно знаю о Типографе и пользуюсь им каждый день. Но привести типографику в нормальный вид на своем сайте я так и не могу. Пару недель назад я начал заниматься этим делом. В первую очередь, я задался вопросом: как следить за переносами слов?

  — неразрывный пробел

Гугл привел меня на Хабр, который дал все ответы. Я словно прозрел, в посте очень подробно рассказано ни только о пробелах и их отличиях, но и так же имеются основные правила их употребления. Если вы хотите привести свой сайт в порядок — обязательно прочтите.



Вторая
Серия «Устройство мозга» Артемия Лебедева
Супер интересная серия Лебедева о его мозге: как генерировать идеи, о процессе появления мыслей, про инертность мозга, о распределении нагрузки на нейроны, и творческих кризисах (которых у Темы нет). Особенно «находки в ошибках» понравились.



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



Четвертая
Каково это — быть разработчиком в России, когда тебе сорок
Не самая мотивирующая статья для программистов, зато жизненная.

Я постепенно сокращаю количество текста в ссылках по пятницам. Тренируюсь тратить меньше времени на посты, как видите, качество чуток страдает.
Блогеры, у вас есть дельные советы по тому, как писать посты быстрее?
Можете кидать мне на почту свои посты, которыми гордитесь — размещу (почта в футере).

2017   ссылки по пятницам

Ссылки по пятницам — 3

На этой неделе было кучи всего: я программировал сайт, делал блог Екатерине (о ней ниже), читал типографику (Чихольд) и пересматривал Ководство. Поехали.


Первая. Кэти Шеруин о сером тексте в вебе (на английском)
Посвящается всем тем, кто любит минимализм и не контрастный текст. Все дизайнеры знают о том, что использовать серый текст и светлый фон — не юзабилити нифига. Все об этом знаю, и все дружно на это забыли. Мы смотрим на прекрасный дизайн Гугла и пытаемся сделать так же.

Конечно, Гугл не имеет права лишать людей возможности читать. И даже если он так делает, мы забываем о том, что Гугл умеет писать стили для разных браузеров, а мы не очень. Текст должен читаться легко.

«Перед тем как принять решение о том, чтобы использовать светло-серый цвет текста на сером фоне — посмотрите на себя в зеркало и спросите: „Зачем?“. Если вы пытаетесь снизить значимость элемента, чтобы выделить другие, то это не самый лучший вариант. Если вы делаете так, только потому что это выглядит классно на других сайтах: не факт, что это будет работать на вашем.» — Кэти Шеруин (Мой кривой перевод)

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


Вторая. Ководство: § 61. Краткий самоучитель по быстрорастворимому креативу
Все мы читали Ководство, но не грех прочесть еще разик. Я очень часто встречаю сайты-визитки, и лэндинги, в которых используются картинки с фотостоков. Проблема, которая беспокоит Артемия, в следующем:

  1. Вы берете картинку из фотобанка, которая вроде бы подходит и делаете так-се,
  2. Вы решаете задачу целиком: фотографируете или сканируется объекты, создаете что-то уникальное и реально крутое.

Конечно, вы можете спереть картинку, но:

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

Иногда у дизайнера мало времени, и он не может найти двух людей, заставить их снятся в коллаже, а после этого — прикинуть на макете. Проще взять готовое. Однако Артемий все же забыл упомянуть о приятном бонусе: если вы будете делать все сами, то результат будет поразительный, а ценник в миллион раз выше. Давайте на примере. Есть два дизайнера. Первый умеет рисовать сайты в фотошопе. Второй умеет рисовать сайты, верстать, программировать, шарит в редактуре и типографике. У них заказывают дизайн сайта. Просто дизайн. Первый берется за проект, получает тридцать тысяч рублей, но сайт не создан. Второй берется за проект и предлагает сверстать его и запрограммировать. Клиент, разумеется, соглашается. Второй дизайнер получает тридцать тысяч за дизайн, пятьдесят тысяч за верстку, и сто тысяч за бэкэнд. Итого: 180 тысяч. Есть разница?

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

Cм. Специализация людей.

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

Вот вам наглядный пример: только что, прям в эту секунду, во время написания этой статьи, я научил Эгею делать заметки на полях. Бирман видимо не хочет реализовывать эту фишку, а мне прям хочется. Сказано — сделано.


Третья. Катя Кленова — Быть

«Быть — какой простой глагол. По произношению и написанию. Зато смысла хоть отбавляй. Подтексты и смысл найдутся, придут сами по себе. Автономными истинами, которые жмутся по углам твоего запуганного подсознания и боятся пока что показаться на свет.»

Я завидую Кате, если бы я так же мог писать — я был бы счастлив. Простыми словами она объясняет сложные вещи. В ее блог я захожу регулярно, чтобы дать мозгу отдохнуть от дизайна, суеты и насладиться красотой русского языка.
Заметка мотивирует действовать. Не сидеть на месте. Ведь, если вы ничего не будете делать — так и помрете никем. Вас просто не будет.

«Для того, чтобы не звенеть пустотой, достаточно себя наполнять. Ежедневно и ежесекундно. Знаниями, мыслительными процессами и положительной энергией, которая способна менять всё вокруг себя.»

Такие фразы я записываю в особую тетрадку, потом как-нибудь опубликую.
Катя — редактор. Она пишет безумно интересные и красивые тексты (сужу по блогу). Она сидела на ЖЖ, но мне удалось соблазнить ее простотой Эгеи и теперь она с нами. Переходи и читай. Она пишет о тебе.

Все на сегодня, а то уже три часа ночи.

2017   дизайн   ссылки по пятницам

Ссылки по пятницам — 2

На этой неделе я учился программированию и читал немного про редактуру. Я терпеть не могу рыться в коде, и русский язык, но иногда меня переклинивает: да так, что я могу без сна пару дней провести за кодом или Главредом. Дело в том, что сейчас я изучаю Бутстрап. Получатся так хорошо, что я изменил главную страницу на сайте (она теперь супер-резиновая), которая была написана хрен-пойми-на-чем.
Ну, да ладно, харе трепаться


Раз. Александр Мальцев о сетках Бутстрапа

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

Супер полезная статья, после которой все проблемы с дерьмовой версткой решаются. Для неподготовленного человека, понять что такое: колонки, сетки, роу и тд. довольно сложно. В этой статье Александр все объясняет довольно подробно.

Помимо этого, там есть готовые врезки кода, которые вы можете использовать в своем проекте — очень удобно.
Всю жизнь я непонимал разницу между margin и padding. Я никак не мог отключить эти гребаные отступы, чтоб их! Какая нелепость, правда? Никто толком мне не смог объяснить, что маргин — это отступы вокруг контейнера, а паддинг — это отступы в контейнере.
Короче, если вы изучаете верстку, бутстрап или что-то еще — чешите читать статью.

Читай до конца*



Два. Грамотная подача макета в Типографию (откроется ПДФ)

Это не статья, а ПДФ-документ с очень полезными совеами от киевлян по подготовке макета. Если вы занимаетесь полиграфическим дизайном, версткой, и как-то соприкасаетесь с печатью — рекомендую.
Очень полезно будет для новичков, которые не знают что такое: выход за обрез, PDF/X-3:2002, высечка, биговка, перфорация и другие страшные слова.


Три. Александр Денисюк о базисе здорового человека
Полезный пост о том, как улучшить свою работоспособность. В своей заметке Александр привел в пример эксперемент над собой, я потом тоже попробую что-нибудь такое замутить.

Моменты:

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

Эту тему я развил у него же в комментариях:

«Совершенно точно! Не только вашей жизни, но и ваших близких. При мне было: хрупкая девушка жирного мужика рукой оттолкнула на метр, когда увидела, что он подошел к ее сыну. Можно попробовать разгадать секрет того, как она это сделала. Проблема лишь в том, что организм в такие моменты максимально напряжен, и нестабилен. После подобных происшествий, нам нужно восстанавливаться минимум пару дней. Отсюда вытекают проблемы с психикой, перегрузка, недосып, и как следствие: преждевременная смерть.

К сожалению, наш организм очень ограничен в возможностях. Если бы мы могли выкладываться на все 100% каждый день, то длительность прибывания на земле сократилась бы в десятки лет. Именно поэтому мы используем ~10% наших возможностей, что позволяет нам довольно долго жить. Посмотрите на рабов, которые работали всю жизнь: днем и ночью, почти без сна. Сколько они выдерживали? — совсем немного. Конечно, трудно смириться с тем, что некоторые дни проходят не так продуктивно как остальные, но видимо так и задумано.»

— «Многие привыкли воспринимать здоровье, как готовность биологического существа выполнять механические операции, в котором все „болтики“ на месте и смазаны нужным „маслом“. Очень похоже на рабское мышление. Если копнуть глубже, то выясняется, что здоровье — это не только нормальное функционирование всех ваших органов, но и состояние, когда вы довольны сами собой: работа, семья, личные интересы, поставленные цели и т. д.»

— «По моим наблюдениям, этому апатичному состоянию, предшествуют „блокаторы“. Так я называю разновидности БУ [базового удовольствия]. Это, довольно-таки, индивидуальная переменная, к которой можно отнести: сладкое, музыка на фоне, тупое видео и всякая потребительская фигня.»

— «Базовое удовольствие блокирует творческий потенциал человека и забирает силы к работе.»

— «Когда меньше блаженства, тогда выше человеческая производительность.» (главный тезис)

Четыре. Максим Ильяхов — Как писать об интернете, сайтах и онлайне

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

Моменты:

— «Интернет — имя нарицательное. Пишется со строчной буквы, без кавычек. Склоняется по правилам второго склонения. Метафоры о глобальных паутинах и мировых сетях (особенно в сочетании со словом „просторы“) запрещены.»

— «Онлайн — это существительное, а не наречие. Обозначает условное виртуальное пространство, а не способ что-то делать. Слово „онлайн“ склоняется и используется с предлогом: в онлайне, во имя онлайна.»

— «В русском языке есть заимствованное слово „сайт“ и нет „веб-сайта“, „интернет-сайта“ и других вариантов сайта. Однако вместо „сайта“ лучше сразу писать о пользе: магазин, справочник, школа»

— «Отдельный привет социальной сети „Вконтакте“. За тот ад, который у нее стоит в названии, она приговорена к пожизненным кавычкам. Да, даже если рядом стоит Фейсбук и Твитер. А нефиг потому что.»

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

*Обращение к мастерам верстки. Если вы прочли пост, значит вы заметили фразу «Читай до конца». У меня вопрос: как сделать так, чтобы этот элемент (заметка на полях) входила строчкой в мобильной версии, а не блоком? Спасибо за внимание.

2017   ссылки по пятницам

Ссылки по пятницам — 1

Решил запустить еще одну еженедельную рубрику, помимо загадок по средам. В этой рубрике я буду делиться тем, что прочитал за последнюю неделю.

  1. Артемий Лебедев: «Как продавать то, что не ­заказывали, и воспитывать так, чтобы этого не замечали»
    Артемий в колонке рассказывает о том, как работает его студия, как появляются невозможные проекты, и откуда берутся заказы.
  2. Илья Бирман: «Тоньше пикселя»
    В этой заметке Илья учит дизайнеров оформлять аккуратно.
  3. Артем Горбунов о дизайне сайта бюро
    Артем Горбунов рассказывает в советах о том, какими принципами руководствовались дизайнеры и какие решения принимали в работе над новым сайтом бюро.
  4. Женя Арутюнов о мате среди дизайнеров.
    В это заметке Женя упрекает арт-директоров в том, что они своим матом ставят себя выше всех и призывает больше так не делать.

Интересен такой формат?

2017   ссылки по пятницам