Все знают, как обидно вместо желаемой страницы получить ошибку 404. Многие разработчики наполняют Not Found страницу более полезной информацией, или, по крайней мере, пытаются повеселить несчастного заблудившегося пользователя, иногда удивляя своей креативностью.
Сегодня, ко дню вебмастера, мы подготовили подборку интересных четырестачетвертых страниц.
На этом сайте можно найти интерфейс Commodore 64.
Похоже, вам не стоило сюда заходить.
Попробуйте поймать кота 🙂
Студия дизайна делится забавными гифками про собак.
А эта страничка ушла в поход… и не вернулась.
Очень атмосферная интерактивная 404-ая страница.
Веб-страница ищет HTML своей жизни. Желательно без ошибок и вредных привычек.
Спасите несчастных леммингов!
Классический мем на сайте 9GAG.
Красивая иллюстрация броуновского движения от Hot Dot.
А этой страницы на сайте Mikandi нет, как и одежды у этой прекрасной леди.
Вам попалась страница 404? Решайте, кого уволить за такое свинство.
Синий экран смерти от Willismonds.
А эту страницу съели пациенты клиники. Очень сожалеем 🙁
Диаграмма Венна на сайте magnt.com.
Дыра в интернете на сайте CSS Tricks.
Поздравляем. Вы сломали наш сайт.
Некоторые сайты предлагают целую блок-схему действий для тех, кто попал на 404.
Здесь можно поиграть в пакмана.
Airbnb при переходе на сломанную ссылку порадует вас анимацией девочки с упавшим мороженным, а также предложит некоторые полезные ссылки.
Ниже представлен скриншот страницы 404 известного сокращателя ссылок. На нём изображена мутировавшая рыба-шар, вглядывающаяся в дно водоёма, у которой ещё и чайка над душой висит. Всё это представлено в виде анимации.
Популярный сайт обмена картинками imgur сделал страницу 404 в виде стены с картинами в академическом стиле, но только с животными, из которых готов к беседе с вами только жираф.
Всё минималистично и главное — ссылка на релевантный материал.
Сайт HatchedLondon решил сделать страницу 404 очень длинной, но до конца можно дойти всего за одну секунду. При этом страница хорошо вписывается и смотрится отлично.
Вот про экран с ошибкой от GitHub вы точно знаете, а как насчёт не менее известного Docker? Расстроенный кит смотрит на утонувший корабль, параллельно размышляя о ваших проектах.
Инструмент для проектировки интерфейсов отлично справился и с собственным. Можно поиграться с узлами на странице ошибки, но не более. Со шрифтами поиграть не получится.
Создатель блога с душой подошел к делу и сделал красивую и анимированную страницу 404, почти полностью написанную на CSS (картинки, конечно же, были в png). Он даже исходным кодом поделился. При входе на страницу меню разваливается и крутится в чёрной дыре, при этом оставаясь кликабельным.
Сайт, специализирующийся на продаже векторных иконок, не забыл и про себя, подобрав именно ту, которая гармонично сочетается с тематикой ресурса.
Интересная реализация ошибки 404 в блоге любителя иконок. Пользователь, вероятно, находится в машине, к нему приближается светящееся число 404 и в это же время пробегает ящерица по лобовому стеклу (вообще тут всё зависит от вашей фантазии).
Один из наиболее популярных сервисов общения между членами одной компании тоже вошёл в эту подборку. Ребята хорошо потрудились над созданием интересной и анимированной страницы ошибки 404 с небольшими элементами интерактивности (можно трогать кур и свинок). Также во время отсутствия активности на странице всё становится серым.
На странице 404 сайта Музея Сотворения Мира (там всё по Библии) отчётливо видно, что junior и senior не могут найти менеджера проекта. А вообще классно сделали: силуэт с отсутствующей стадией эволюции в центре отражает отношение создателей сайта к этой теории возникновения жизни. Кроме того, «that link is missing» можно перевести так: «связывающее звено отсутствует». Тут как в русском с фразой «я плачу» — либо платишь (за софт), либо плачешь (из-за багов).
Если вы думали, что новозеландцы не в восторге только от шуток про «Властелина Колец», то теперь вы знаете, что каждый раз, когда вы видите карту без Новой Зеландии, где-то в Шире плачет один хоббит. Собственно, на этом и решили акцентировать внимание новозеландцы на сайте правительства.
Самоиронией может похвастаться не только правительство Новой Зеландии. В Делавэре решили поиграть и с картой, и с названием. Хотя карта просто для красоты.
Мы тоже не исключение 🙂 Возможно, вы уже замечали, что мы, как и сайты выше, имеем собственную страницу 404.
Каждому интернет-пользователю периодически приходится любоваться на надпись об ошибке 404 – «Страница не найдена» или «Запрошенная страница не существует». Независимо от причины такого недоразумения (сбой сайта или неправильно набранный адрес) нормальная реакция на подобное сообщение – досада
Однако существуют «страницы-404», после посещения которых
хочется улыбнуться, настолько творчески и с юмором они оформлены. Предлагаем
подборку самых креативных примеров, сделанную немецким онлайн-изданием
Spiegel.
1. Рекламное агентство herrlich media демонстрирует
свою обеспокоенность событием и советует пользователю вернуться не предыдущую
страницу и никому никогда не рассказывать, что они побывали на этой.
2. Студия дизайна Agens сочувственно сравнивает
юзера с одиноким космонавтом, потерявшимся в космосе.
3. Сервис Usersnap развивает схожую тему – пользователь
сопоставляется с человеком на необитаемом острове. Кроме того, компания обещает
все разместившим твит бесплатный пирожок.
4. Игровой портал Gamespot погрузил посетителя во тьму.
А в качестве компенсации незадачливому юзеру предлагается бесплатная короткая
онлайн-игра.
5. На сайте сериала «Южный парк» посетителей встречает
один из излюбленных комических персонажей – офицер Барбреди, сообщающий, что
это не та страница, которую они ищут. «Проходим мимо, товарищи, проходим».
6. Дизайнеры компании Dribble изобразили баскетбольное
поле с надписью «мяч в воздух», что в этой игре означает «промазал».
7. Центр еmail-рассылок предлагает позабавиться,
поочередно кликая на портрет каждого сотрудника, чтобы выяснить кто виноват в
случившемся.
8. Студия веб-дизайна Blue Foundation Media поместила в
цифры «404» игру Pac-Man, развлечься которой и предлагается разочарованному
пользователю.
9. Еще одна студия веб-дизайна под названием Bluegg
поместила на странице традиционного для таких случаев козла. Правда, создатели
страницы предложили забавную альтернативу – вернуться на главную сайта или
послушать, как козел кричит человеческим голосом.
10. Итальянское агентство недвижимости CaseTrentine
уподобило ошибку на своем сайте с нападением Годзиллы.
11. Агентство Incore, занимающиеся digital-маркетингом,
намекает, что при кликах на старые ссылки вас могут ожидать стервятники,
слетающиеся на все несвежее.
12. Сайт Psychiarty посвящен искусству и дизайну. На
странице 404 посетителям сообщается, что это все плод их воображения, страницы
нет, а подсознание иногда способно сыграть злую шутку. Для получения
консультации и помощи пользователь может набрать один из номеров горячей линии
поддержки.
13. Туристический сайт Tripomatic грустно сообщает, что
запрошенная страница никогда не вернется из путешествия по южноамериканской
пустыне Атакама.
14. Телекоммуникационная компания Vidéotron уверяет,
что искомую страницу нужно сравнивать с единорогом – как и тот, она или никогда
не существовала, или же давно вымерла. Но все равно все это магия, которая
перенесет вас куда угодно.
15. Консультанты из BlueLeaf обыгрывают тему
заблудившегося космонавта и предлагают нажать на кнопку «Вернуться на
базу».
16. Стартап MyTaxi обыграл свою специализацию, показав
на ошибочной странице улитку в роли такси.
17. Nestle предлагает поиграть в пинг-понг с помощью
плиток KitKat, которые еще называют «четыре пальца».
18. Разработчики игр Blizzard иронически приободряют
пользователя: «Поздравляем, вам удалось уничтожить эту страницу».
19. Агентство Rareview пытается прогнать всех с
несуществующей страницы с помощью Чака Норриса с пистолетами. «Ты пропал,
парень!»
20. Берлинская кулинарная школа Kochatelier сравнивает
происшествие с неверно выставленной температурой тостера, в результате чего
получается подгоревший хлеб. И советует не отчаиваться, а вспомнить, что есть
на свете их гастрономическая студия.
21. Создатели программ Magnt предлагают пользователям
рассмотреть два варианта попадания на несуществующую страницу: либо человек не
умеет печатать, либо это в компании что-то сломали. Третьего не дано.
22. Портал mint.com предлагает финансовые консультации
жителям США и Канады. Чтобы подчеркнуть, как старательно в компании искали
страницу, создатели выставили на всеобщее обозрение хлам и написали, что
посмотрели даже за диванными подушками, но страницы нет.
23. Австралийская фирма Huwshimi уверяет всех, что эту
страницу украл ниндзя.
24. Автоэксперты сайта Checkmycar иллюстрируют
случившееся картинкой со старой машиной, на которой точно так же никуда не
уехать, как и со страницы-404.
25. Студия видеодизайна говорит примерно о том же – она
изобразила конечную станцию, с которой невозможно двигаться дальше.
26. Немецкое агентство по аренде квартир изобразило
обескураженную даму, потерявшею ключ от квартиры.
27. А эти веб-разработчики просто украли у
телевизионщиков кусок «настроечной сетки».
28. Юмористический сайт Retard Zone показал, как
словосочетание «битая ссылка (broken link)» может выглядеть буквально.
29. На американском сайте флеш-карикатур
Homestar-Runner пользователя обругали, назвав его глупым.
30. У Mashable для вас две новости – хорошая и плохая.
Плохая в том, что страницу они не нашли, а хорошая – нашли все потерянные вами
носки.
31. Своеобразный юмор на одном из эстонских сайтов:
«Простите, но тут была попойка 404 мужчин».
32. Разработчик игр Mythic Entertainment изобразил
ошибку в игре Warhammer как результат воздействия сил Хаоса.
33. Художник Дэвид Бертон изобразил объявление о поиске
нужной страницы.
34. На игровом сайте gog.com страница канула в черную
дыру.
35. И наконец, ошибка-404 телефонной компании
audiko.net показывает, что к поискам несуществующей страницы подключился даже
Шерлок Холмс.
About
In terms of Hypertext Transfer Protocol errors, ‘404‘ is the numeric status code returned to the client when the server is unable to find what was requested. It is accompanied by the textual reason phrase ‘File Not Found‘.
However, ‘404’ and ‘[Noun] Not Found’ are being used in contexts other than that of server and client communications. ‘404’ has become synonymous with ‘absent’, ‘astray’, and even ‘clueless’.
It has become common practice for developers to create custom ‘404 File Not Found’ pages which display instead of the browser’s default ‘404 File Not Found’ page.
Some webpages imitate ‘404 File Not Found’ pages, often for humor and parody.
Similarly infamous numeric status codes can be found in the ‘4xx’ series, which is reserved for errors made by the client such as ‘403 Forbidden’ and ‘401 Unauthorized’.
Origin
The 404 Research Lab offers the following account,
HTTP status codes were established by the World Wide Web Consortium (W3C) in 1992, as a part of the HTTP 0.9 spec. They were defined by Tim Berners-Lee, the same person who single-handedly invented the web and the first web browser in 1990.
The unreliable Room404 offers an unsubstantiated and likely fictitious history,
In an office on the fourth floor (room 404), they placed the World Wide Web’s central database: any request for a file was routed to that office, where two or three people would manually locate the requested files and transfer them, over the network, to the person who made that request.
[…]
When the database started to grow, and the people at CERN realised that they were able to retrieve documents other than their own research-papers, not only the number of requests grew, but also the number of requests that could not be fulfilled, usually because the person who requested a file typed in the wrong name for that file. Soon these faulty requests were answered with a standard message: ‘Room 404: file not found’.
The 404 Research Lab rejects this explanation with the following account,
Sorry to disappoint you all, but there is no Room 404 in CERN – it simply doesn’t exist, and certainly hasn’t been preserved as «the place where the web began». In fact, there is a display about this, including a model of the first NeXT server, but the whole «Room 404» thing is just a myth.
Browsers
Different browsers display different ‘404 File Not Found’ pages, unless the website is configured to display a custom webpage or if the client subscribed to a Domain Name Server which alters the browser’s actions. Perhaps the most notorious and recognizable ‘404 File Not Found’ page belongs to Internet Explorer 6.
Google Chrome 5.0
Firefox 3.6
Internet Explorer 8
Internet Explorer 6
Usage
Vocabulary
‘404’ is used to refer to something that is ‘absent’ or ‘astray’. As these Quote Database results exemplify, ‘404’, sometimes accompanied by ‘[Noun] Not Found’, has found a presence both on and off the Internet to signify the absence of something.
arkan: You know, you really ought to have a bra with 403: forbidden on it.
Labyrinth: And you really ought to have a pair of boxers with 404: not found.
The British Broadcasting Corporation reports that ‘404’ also refers to ‘clueless’.
Web Development and Web Design
Rather than have the browser display its standard ‘404 File Not Found’ page, developers have resorted to creating a custom webpage. This has several advantages including,
- Improved navigation.
- Displaying advertisements.
- Improved appearance.
- Displaying creativity.
Many of these custom ‘404 File Not Found’ webpages creatively make use of graphics , animations , and music .
Listings of interesting ‘404 File Not Found’ webpages can be found on the 404 Research Lab and ‘lightecho’ and ‘sendcoffee’ .
4chan displays a random picture of its mascot, Yotsuba, when a ‘404 File Not Found’ error occurs, which resulted in the meme ‘404 girl’ .
A common phrase on 4chan is «in b4 404» or «in before 404» which means to enter a thread before the thread expires and is replaced with a 404 error.
xkcd has comics located at ‘http://www.xkcd.com/403/’ and ‘http://www.xkcd.com/405/’, but ‘http://www.xkcd.com/404/’ results in a ‘404 File Not Found’ error.
A blog called ‘the other side of the moon‘ proposed that ‘404 File Not Found’ pages should display a listing of missing children and provided some PHP coding. Influenced by this, Scott Hanselman attempted to create a listing in HTML and Javascript. Demonstrations of this ‘404 File Not Found Page’ can be found here , here , here , and here .
Parodies
Identical ‘404 File Not Found’ pages exist, often copying the appearance of the ‘404 File Not Found’ page of Internet Explorer 6 while changing the text. Some of these imitations refer to the ‘Last Page of the Internet’ . Some examples of these imitations include,
- These Weapons of Mass Destruction cannot be displayed
- O Canada Cannot Be Found
- This page is f*cked up
- I have terrible news..
- The page cannot be F*cking displayed
- This page sucks and cannot be displayed
- The page cannot be displayed because you need to approach some women
- Error – You have reached the last page on the internet
- You are Near the End of the Internet Page Not Found ERROR
- The Very Last Page on the Internet! The requested page cannot be found.
- The end of the Internet
- 404 File Not Found
- The Back Cover of The Internet