СТАНОВИТСЯ КРЕАТИВНЫМ И СТИЛЬНЫМ

Расширьте возможности журналов консоли с помощью этих приемов

Все вы, веб-разработчики. Этот для тебя.

Пора показать свои console.log() навыки! Подожди, я знаю, о чем ты говоришь. Консоль? Это для отладки. И ваше право. Это для отладки. Вот здесь-то и появляется изображение выше. Думайте нестандартно. Его также можно использовать для разных целей.

1. Сообщения "Мы нанимаем"

Продолжайте и используйте инструменты разработчика, чтобы увидеть консоль этого сайта - Medium. Что ты там видишь? Логотип, и мы отправляем сообщение о найме:

BBC News тоже сделали это:

SoundCloud написал красивое простое сообщение:

2. Предупредить пользователей о чем-то

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

У Google есть еще:

3. Игры

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

Если вы хотите узнать, как начать играть, вот как это сделать:

  1. Зайдите на сайт Google.
  2. Искать: текстовое приключение.
  3. Щелкните веб-сайт правой кнопкой мыши и нажмите "Проверить".
  4. Щелкните вкладку консоли.
  5. Типа да.
  6. Наслаждаться :).

4. Пасхальные яйца.

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

Взгляните на сайт TNW:

Быть секретным агентом

Ага, вы меня слышали! Спецслужбы известны тем, что прячут пасхальные яйца и загадки на своих веб-сайтах и ​​консолях для вербовки людей. Это сделали Моссад и Шабак (Израиль). Я уверен, что это сделали и другие агентства.

Портфолио разработчика

Не нужно объяснять почему. То же самое и с пакетами npm. Некоторые пакеты показывают сообщение «наймите меня» для разработчика, который их создал.

Итак, как вы стилизуете свою консоль?

Что ж, я рада, что вы спросили. Пришло время для стилизации кода :)

%C - позволяет стилизовать отображение текста в консоли с помощью CSS.

Посмотрите, как мы его используем, в блоке кода ниже:

Этот код даст вам такой результат:

Заключение

Наслаждайтесь и проявляйте творческий подход!