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

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

Невозможно

Однажды моя тёща пришла с очередного тренинга. На тренинге им дали математическую задачу и она решила проверить детей — как мы с ней справимся. Это было что-то связанное с квадратиками и числами в них. Потратив на неё около пяти минут, я уверенно заявил — эту задачу решить невозможно.

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

Жена упёртая, и она продолжила решать. И самое интересное, что она её решила. А для меня это был удар. Я не мог понять как я мог ошибиться, ведь раньше система не давала сбоев.

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

Для себя я сделал вывод: не стоит сдаваться раньше времени. И такая ситуация, на моей памяти, больше не повторялась.

26 апреля   жизнь   подходы   полезное

ssh авторизация по ключам на winodws

На Windows 10 можно использовать Linux консоль. Это упрощает работу с вашим сервером:
− не нужно использовать сторонние программы.
− доступно много стандартных linux команд и программ.
− большенство руководств подходят windows пользователям.
− все ошибки легко гуглятся.

Но из-за работы на windows много шансов, что всё пойдёт не так. Делее простое руководство к действию.

Устанавливаем Linux

⚠️ У вас должно быть установлено Windows обновление 16215 или более поздние.

⚠️ Дальше всё будет делаться на основе дистрибутива Ubuntu. Если вы поставите другую систему, то могут быть отличия.

Полная инструкция по установке от Microsoft.

Запускаем Bash

Открываем консоль: жмём Win+R вводим cmd. В консоли пишем:

bash

Всё мы в линуске, дальше работаем из консоли.

Генерируем ключи авторизации

Создадим директорию для ssh в родительском каталоге:

mkdir ~/.ssh

⚠️ Если вы уже использовали ssh то папка существует — вы увидите предупреждение.

Перейдём в папку .ssh:

cd ~/.ssh

Сгенерируем ключ:

ssh-keygen -t rsa -b 4096 -f Имя_нового_ключа

⚠️ Можно не указывать имя ключа (аргумент -f). Но это неудобно в будущем.

В процессе генерации вам предложат придумать пароль ключа или оставить его пустым

Enter passphrase (empty for no passphrase):

⚠️ Пароль придётся вводить каждый при ssh авторизации, ключ без пароля бесполезен — делайте выводы.

Копируем ключ на сервер

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

ssh-copy-id -i Имя_ключа.pub Пользователь_на_сервере@IP_или_домен_сервера

⚠️ Если вы не указывали имя ключа при его создании, то он получил имя по умолчанию: id_rsa

Ключ скопируется на сервер в файл authorized_keys и его можно будет использовать.

Конфиг для входа на сервер

Для удобства напишем конфиг для быстрого входа на сервер.
Создадим файл конфигурации:

nano ~/.ssh/config

Откроется консольный редактор текста nano.

В конфиг пишем:

Host superserver		← Любое удобное имя для команды входа на сервер
HostName 228.122.11.123		← ip или доменное имя вашего сервера 
User super			← Имя пользователя на сервере
IdentityFile ~/.ssh/keyName	← Имя ключа для пользователя 
Port 22				← Порт на сервере, по умолчанию 22

В конфиге можно создать несколько конфигураций для быстрого входа. Например для входа под рутом и рядовым пользователем:

Host superserver		← Простой вход на сервер
HostName 228.122.11.123
User super
IdentityFile ~/.ssh/keyName
Port 22

Host superserver-root		← Вход на сервер под рутом
HostName 228.122.11.123
User root
IdentityFile ~/.ssh/keyName
Port 22

Закроем редактор, жмём F2
Вам предложат сохранить файл и спросят нужно ли менять имя —оставляем как есть.

Пробный вход

Теперь войдём на сервер под обычным пользователем. Пишем в консоль:

ssh superserver

⚠️ Если создали ключ с паролем, вас попросят ввести пароль.

Или войдём под рутом:

ssh superserver-root

Что-то пошло не так

Распространённые ошибки
Как правило, большинство проблем связано с доступом к файлам. Возможно вы правили или создавали файлы не из консоли, а используя проводник — линукс их не видит. Проверим видимость файлов, пишем в консоль:

ls ~/.ssh -A

Вывели список файлов в папке .ssh (аргумент -A для показа скрытых файлов).

Исправим.
Для начала выйдите из линукса и войдите снова:

exit
bash

Попробуйте ещё раз посмотреть что видит линукс в папке .ssh

Теперь исправим права доступа.
Пропишем правильные права сразу всем файлам в папке .ssh:

find ~/.ssh -type f -print -exec chmod 600 {} \;

⚠️ Не забывайте: вы должны быть в bash

Что то не так при использовании команды ssh
Посмотрите логи, для этого используйте аргумент -vt он выведет лог в процессе работы ssh:

ssh -vt superserver

Дальше внимательно читайте и гуглите ошибки, всё решаемо.

Про художников

Хороший художник правильно передаёт цвета. Даже если он абстракционист, цвета будут великолепно сочетаться.

Хороший художник рисует интересные сюжеты. Их интересно рассматривать, даже в портрете будет изюминка.

Хороший художник рисует правильную геометрию. Он не ошибается с ракурсами и перспективой.

Хороший художник соблюдает законы физики.

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

Будет пополняться

4 марта  

Погугли

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

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

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

В большинстве случаев нужная программа уже написана, машина починиться за 300 рублей, а программист будет очень удивлён. Сомневаешься — погули!

2017  

Как сделать паттерн без видимых повторений

Делайте больше одинаковых элементов, внутри тайла. Разнообразие одинаковых, но стоящих под разным углом, элементов сбивает ритм повторений. Отсюда правило: «Если не удаётся добиться приемлемого результата — добавьте элементов в таил». Чем больше элементов внутри тайла тем лучше. Не забывайте поворачивать элементы после копирования, стоящие под одним углом элементы будут бросаться в глаза. Это правило одинаково работает для монотонных и разноцветных паттернов.

Illustrator_2017-10-28_21-51-34.png

Если делаете монотонный паттерн то попробуйте покрасить часть однотипных элементов. Так будет лучше видно косяки распределения:

2017-10-28_22-22-22.png

2017  

Почему русские фильмы и сериалы — говно

Потому, что у нас всё происходит «по щучьему велению». Херакс! И произошло невозможное, хрен знает как, хрен знает почему и всё подают так, что вильча, всё ок — так и должно быть.

Если посмотреть из-за угла — у них всё по другому. Сначала нам невзначай покажут какую-то способность героя, и только в будущем, он её применит. Или например: в начале будет какое-то событие, которое обязательно повлияет на сюжет.

А сейчас будет спойлер
Взять сериал Sinse 8. В эпизоде What’s Going On? герой будет вскрывать наручники иголкой. Если бы это был плохой фильм, то он бы их вскрыл и всё ок, в конце концов он полицейский — должен уметь. Но фильм хороший и нам в одном из сюжетов, задолго до этого, совсем невзначай, покажут как он этому научился. И ведь даже не подумаешь, что это специально. И в этом весь кайф, смотреть дальше после такой «подводки» — приятно.

У нас так не умеют, у нас всё как по волшебству — хуяк хуяк и в продакшин. Ты такой сидишь не понимаешь как это возможно? Почему так произошло?  — А вот так, нет у нас времени на ваши, никому не нужные детали, нам проект сдавать.

И так во всём в этой стране, срать всем на детали, поэтому продукты на выходе — говно.

2017  

Почему ссылки должны быть ссылками

Когда кнопка открывает новую станицу, самое тупое, что может быть, это сделать её через <button> или <input>. Если меню состоит из таких кнопок, то страницы нельзя открыть в новой вкладке.
Делайте кнопки, открывающие новые страницы, ссылками через <a>, не лишайте пользователей возможности плодить табы — они это очень любят.

2017  

Как правильно писать кириллицей

kirilitsa.png

У некоторых товарищей принято писать иностранные слова кириллицей. Это хорошо, но бывает не очень. Сейчас расскажу, почему бывает не очень и как правильно.

Я пишу заметку, в которой указываю название сайта. Если это фэйсбук — все хорошо. Он у всех на слуху и проблем не возникнет. Но вдруг это «афроузлэйпс», вы знаете этот сайт? Это сайт?! Как на него попасть? — Проблема, да?

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

Писать кириллицей удобно, потому что не нужно переключать раскладку клавиатуры.
Кто-то в интернете

Задумайтесь, что важнее: удобство написания или простота восприятия? — Важнее второе.

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

В чем смысл писать английские слова кириллицей? — Чтобы глаз не спотыкался о слова. Осторожно, это может не сработать.

Читая слово «Уантутрипе» я сломал язык. Тут все работает точно наоборот. Это название сайта onetwotrip.com в предложном падеже, — догадались? Я нет. В таких случаях нужно писать латиницей, строя предложение так, чтобы не приходилось склонять спорное слово.

Пишите в мире читателя. Люди понимают контекст исходя из своих знаний. Аббревиатуру: «КМС», человек связанный со спортом, прочитает как: «кандидат в мастера спорта». Люди, связанные с сайтостроением, споткнутся. Они привыкли видеть в тексте латинское cms.

Имея в виду content management system лучше писать латиницей — спортсмен загуглит cms, а девелоперы легко прочтут привычную аббревиатуру. Не забывайте оставлять подсказки в текстах для широкой аудитории.

Используйте кириллицу правильно. Ответьте на вопросы:

  • кто будет читать этот текст?
  • правильно поймут написанное?
  • это слово можно безболезненно склонять?
  • это распространенное слово среди целевой аудитории?

Я вывел несколько правил:

  1. Слова, распространённые среди целевой аудитории, писать кириллицей. Например: фэйсбук, инстаграмм, гугл, Хром.
    Эти слова почти орусели. У читателей не возникнет с ними проблем.
  2. Сайты и названия программ — писать латиницей, если они не попадают под правило 1.
    Так читатель поймёт, о чём речь или легко загуглит.
  3. Аббревиатуры писать латиницей. Даже если они попадают под правило 1.
    Например: html, cms, npm.
    Как правило они адресованы людям, которые понимают предмет статьи. А если не понимают, английская аббревиатура, написанная кириллицей, их запутает.
  4. Слова кириллицей писать по правилам произношения в русском языке, например: Микрософт, Адоб, Найк.
    Чтобы легче читалось
2017  

Про аутлайны

Я думаю, что логично для начала разделить проблему на две сущности.

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

Посмотрите как это делают ребята из Эппла у себя на сайте:
apple-outline.png
Аутлайн можно увидеть только при фокусе табом, но не по клику.

Вторая сущность — визуальная. Синяя рамка не назойливый элемент. Когда решена первая сущность, то вторая уже почти не раздражает. Если по задумке подсветка фокуса должна выглядеть иначе — просто сделайте как нужно. Тупо ожидать от браузера, что он угадает ваши пожелания.

Я пользуюсь решением Олега Корсунского — скрипт Фокус фикс
Вот что он сам пишет о проблеме у себя в блоге: Про аутлайны

Это часть заметки с гита

2017  
2017  
Ctrl + ↓ Ранее