Здравствуйте.
Я занимаюсь программированием на php и js. Это мой первый пост на хабре, да и статьи писать я не очень горазд, так что прошу простить если что.
Сегодня ночью я решил — «Какой сапожник без сапог».Значит надо сделать себе хотя бы сайт визитку. Поскольку с фотошопом я на вы, и горазд разве что порезать — «Ломать не строить».
Но дизайн то хоть какой нужен. А если и не полноценный дизайн то хотя бы подобие. Мне ведь клиенты нужны. А как их зацепить? Решил сделать ASCII рисунок. Но кого удивишь просто рисунком сделанным из символов? Разве это то что может показать своему будущему клиенту программист? Надо бы ему и жизни какой придать. Под катом я хочу вам продемонстрировать как это сделал я.
Первым делом нам нужна основа где мы будем «рисовать»
Затем нам нужен текст который мы будем разукрашивать.
Вот пример текста. Лучше чтобы текст в каждой строке был как либо смещен иначе картинка будет не так смотреться
Помещаем текст в
Должно получится что то на подобии этого
Теперь самая трудная стадия и продолжительная. Нужно разрисовать текст по цветам тегами. К сожалению в процессе я не особо надеялся что буду публиковать и думал быстро справлюсь с экспериментом, но это оказалось куда дольше чем я думал и пока лень переделывать. Так что прошу не ругать за несуществующие тэги t,y,z,r.
Я использовал маштаб 250% для того чтобы было удобней.
И последний штрих. Придадим немного жизни статической картинке.
Демо.
Я занимаюсь программированием на php и js. Это мой первый пост на хабре, да и статьи писать я не очень горазд, так что прошу простить если что.
Сегодня ночью я решил — «Какой сапожник без сапог».Значит надо сделать себе хотя бы сайт визитку. Поскольку с фотошопом я на вы, и горазд разве что порезать — «Ломать не строить».
Но дизайн то хоть какой нужен. А если и не полноценный дизайн то хотя бы подобие. Мне ведь клиенты нужны. А как их зацепить? Решил сделать ASCII рисунок. Но кого удивишь просто рисунком сделанным из символов? Разве это то что может показать своему будущему клиенту программист? Надо бы ему и жизни какой придать. Под катом я хочу вам продемонстрировать как это сделал я.
Первым делом нам нужна основа где мы будем «рисовать»
Затем нам нужен текст который мы будем разукрашивать.
Вот пример текста. Лучше чтобы текст в каждой строке был как либо смещен иначе картинка будет не так смотреться
привет хабра юзеры этот текст будет использоваться в нашем рисунке обратите внимание что текст лучше чтобы не влезал ва
в одну строку. так будет посимпатичнейпривет хабра юзеры этот текст будет использоваться в нашем рисунке обратите внима
ние что текст лучше чтобы не влезал в одну строку. так будет посимпатичнейпривет хабра юзеры этот текст будет использоваа
привет хабра юзеры этот текст будет использоватся в нашем рисунке обратите внимание что текст лучше чтобы не влезалпва
в одну строку. так будет посимпатичнейпривет хабра юзеры этот текст будет использоваться в нашем рисунке обратите внима
Помещаем текст в
Должно получится что то на подобии этого
Теперь самая трудная стадия и продолжительная. Нужно разрисовать текст по цветам тегами. К сожалению в процессе я не особо надеялся что буду публиковать и думал быстро справлюсь с экспериментом, но это оказалось куда дольше чем я думал и пока лень переделывать. Так что прошу не ругать за несуществующие тэги t,y,z,r.
Я использовал маштаб 250% для того чтобы было удобней.
И последний штрих. Придадим немного жизни статической картинке.
Демо.