Предисловие

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

Какие бывают пасхалки?

Текстовые

Самая простая в реализации пасхалка, представляет собой забавный, нелепый, остроумный … комментарий в коде. Большого вреда принести не может.

Игровые

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

chtodelat.com – кликать по шапке сайта

Интерфейсные

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

https://www.google.ru/ – в адресной строке напишите слово tilt или askew и наслаждайтесь. (Tilt означает «наклон», а askew – «косо, криво»).

Другой пасхалкой запросом является фраза "Do a barrel roll". «Сделай бочку», пожалуй, один из самых известных интернет-мемов: оригинальная «бочка» принадлежала игре Star Fox для платформы SNES, где данный манёвр делал истребитель игрока неуязвимым на время кадров анимации barrel roll’а. После переноса игры на Nintendo 64 у неё появились новые фишки. Один из персонажей изрядно надоедал регулярными советами «сделай бочку!». Именно эта настойчивость и многократное повторение одной фразы и превратили её в интернет-мем, который распространился на другие произведения: игры, фильмы, ну и поиск Google.

Интересные вариации

Пикабу

Забавное послание придумали пикабушники. Переходим на сайт https://pikabu.ru/, открываем консоль и видим смешного деда.

404 страница

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

Сделать такую пасхалку совсем не сложно, достаточно отредактировать 404 страницу, к примеру, Джон Траволта размещен как gif-картинка.

Еще один пример 404 страницы от NVIDIA

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

Amazon

Популярный интернет-магазин тоже запрятал в коде пасхалку. Чтобы её увидеть, достаточно зайти на сайт, нажать ctrl+u и промотать в самый низ страницы. Там запряталась мяукающая уточка или странный котик — каждый видит то, что видит. Но мне кажется, что это уточка. =)

Википедия

На сайте веб-энциклопедии на странице со статьей о пасхальных яйцах https://en.wikipedia.org/wiki/Easter_egg_(media) тоже есть пасхальное яйцо. При нажатии на ежа нас перебрасывает на картинку с яйцами.

Разберем детальнее, как сделать такую пасхалку. Если заглянем в код, то увидим следующее:

Ссылка на картинку выполнена с помощью тега <area>. С помощью него мы выделили активную область изображения и задали на нем ссылку. Таким образом на одном изображении можно задать несколько невидимых областей и повесить несколько ссылок.

Чтобы сделать такую пасхалку на своем сайте, следует использовать картинку с помощью тега <img> и добавить так называемую карту изображения <map>. Для <map> нужно задать имя (через name) и его же продублировать в теге <img> через атрибут usemap. Таким образом мы свяжем картинку и карту изображения.

Далее в <map> прописываем <area>, через этот тег мы и добавим ссылку на изображение, с помощью атрибута shape задаем форму области, а с помощью атрибута coords задаем координаты области. Также можно добавить атрибут title, чтобы при наведении отображалась надпись.

Метро Москвы

Ранее если заглянуть на сайт Метро Москвы https://mosmetro.ru/ можно было увидеть следующее

Здесь разработчики придумали необычный способ предложить разбирающимся людям работу. Нажимаем ctrl+u и в коде на строке номер 3 видим послание.

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

Подпись, Братец Кролик