Понедельничка

Дизайнер, девелопер и просто хороший человек.
Мне можно написать uwwcom@gmail.com

Ctrl + ↑ Позднее

Всем срать на то, что внутри, кроме тех, кто сделал то, что внутри

Angry_1.png

Этот текст посвящается господам девелоперам.

Такая штука, ребята. На ваши холивары по поводу плохого кода всем насрать, кроме вас.

Смотрите: дизайнеру важно, чтобы всё работало и выглядело как задумано. Менеджеру — чтобы проект был сдан в срок. Пользователю — чтобы приложение не тупило и выполняло свои функции. Заказчику важно все это вместе. Заметьте, тут нет ни слова про код. Все эти люди не увидят как всё устроено внутри.

Подумайте сами, вы никогда не заморачиваетесь над тем как устроен Фэйсбук. Как девочка с тортом не думает о том, из чего он сделан, главное, — торт вкусный. Студенту не важно как работает его микроволновка. Никто не думает о том как едет электричка.

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

Люди никогда не увидят того, чего они не увидят. Поэтому не порите дуру.
Если есть способ сделать быстрее и лучше не в угоду фэншую — делайте!
Тут не по БЭМу, но уже работает — похер на БЭМ — продолжайте. Вы испекли торт, но он отличается от рецепта — торт вкусный? Отлично! Остальное не важно.

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

2017  

А вдруг получится

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

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

2017  

Как посчитать пропорциональный ресайз без фотошопа

Перед дизайнерами часто встаёт задача подсчитать соотношение сторон при ресайзе. Каждый раз открывать фотошоп — неудобно. Вручную гораздо быстрее. Например, у меня есть размер 167 × 155. Если пропорционально уменьшить 167 до 150, сколько получится у 155?

Делим неизвестную сторону на известную — получаем их соотношение:
155 / 167 = 0.92814

Соотношение умножаем на известный размер — получаем неизвестный и округляем до целых:
0.92814 × 150 = 139
Округление делается к ближайшему целому.

А наоборот? Пожалуйста:
167 / 155 × 139 = 150

«Мне ваши формулы никогда в жизни не понадобятся!» 😫

2017  

Что делать дизайнеру когда не прёт

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

2017  

Как верстают сайт на cms

Когда я был маленьким, я тоже не понимал как устроен сайт на кмс.

Cms — это система управления содержанием сайта. Базовый смысл в том, что некоторую часть текстов и картинок у сайта, работающего на cms, можно добавить или поменять, не вмешиваясь в код страницы. Делают это из специального раздела, доступного администратору сайта. Тексты и картинки, из этого раздела попадают в базу данных — большую таблицу похожую на эксэль.

Но как всё все эти данные попадают на сайт?

Вот простой пример — вывод заголовка новости из базы данных.
Внутри тэга заголовка h2 будет не статичный текст, а код запроса к базе данных.

<h2><?=$arResult["NAME"]?></h2>

Когда вы заходите на сайт, движок подменяет код запроса на данные из базы и собирает статичную страницу:

<h2>Мы сдали проект</h2>

Эту страницу загрузит браузер и вы увидите заголовок:

Мы сдали проект

Делая сайт на cms, сначала верстают статичные html страницы. Затем страницы подключают к движку сайта и везде, где контент должен браться из базы данных, ставят код запроса. Всё как в примере выше, только глобально. Помимо этого существуют переменные, условия и специальные функции, которые тоже управляют содержанием сайта. У разных cms —
разный подход к организации структуры папок и хранению кода, но базовый принцип, описанный выше, всегда сохраняется.

2017  

Зум на Виндовс

Илья Бирман написал заметку про зум на маке.
Мало кто знает, что Виндовс тоже так умеет, win + = — делает зум на позиции курсора.
Очень удобно смотреть косяки в svg и заниматься прочим перфекционизмом.
Правда каждый раз будет открываться дурацкий магнифиер — это вам не Мак.

2017  

Вставка текста без форматирования в фотошопе

update:
В версии фотошопа 2018 появилась вставка текста без форматирования.

Вставляя текст, вы сохраняете стили его форматирования:
paste-text.gif

Вставить скопированный текст без стилей можно, зажав ctrl + shift + v. Но в фотошопе так не сработает, он упорно будет вставлять текст со стилями. Это напрягает, но есть хак, маленькая программка — PureText, она сидит в трее и чистит стили скопированного текста. Её можно настроить на привычное сочетание клавиш для вставки текста без стилей:

PureText-setup.png

После этого привычный ctrl + shift + v будет вставлять текст без форматирования.
paste-plain-text.gif

Уверен для мака тоже есть что-то похожее, кто найдёт — отпишитесь.

2017  

Прыгающее меню

В мобильном хроме если скролить страницу вниз, то адресная строка пропадает, а при скроле в верх — появляется.
Это бесит. Некоторые ребята подхватили идею и заставили меню сайта вести себя точно так.
Теперь это бесит² × на высоту шапки.

Screencast_2017-03-16-22-18-17.gif

Не надо страдать хернёй — сделайте гамбургер и успокойтесь.

2017