😽 The HTML Hell Page
킹받는 웹페이지 디자인의 몯느것, 혈압을 위해 읽지않는걸추천
👉 요기에서 “영감”을 받아서: https://www.catb.org/~esr/html-hell.html
하나씩 짜보니까:
- 생각보다 더이상 인류가 접근할 수 없는 로스트테크놀로지들이 많아져서 안타까웠다. (예; 강제팝업창, Java Applet, Shockwave, Flash 등등등)
- 서양 웹디자인 기준으로 원본글이 작성되어져 있어서, 주옥 같은 한국의 현재진행형 흠좀무 웹/앱 디자인들은 정리하지 못했다. 누군가 용사가 나타나 정리해줘도 좋을 것 같다. 🗡️🛡️🩏
💡 깜빡이 / blinking text
💫BLINKING!!! 반짝반 짝작은 별 !
🈙 불필요한 애니메이션 / gratuitous animation
휘이잉이이이잉이이이잉ㅇ🚁~~~~~~~~~~~~~~~~~
🏃 marquee-s
🔥 불타는 배경 / garish backgrounds
🔥 FIRE WALK WITH ME... 👨🏿🚒☕🍩🪵
🤡 견딜 수 없는 텍스트/배경색 조합 / unreadable text/background combinations
🖌 필기체/붓글씨체 제목 / brushscript headings
🗗 "이 사이트는 …에 최적화되어 있습니다" / "Best viewed with…"
🙊 “최적의 감상을 위해 브라우저 창크기를 32187379317913x2419873978139781391564181489으로 조절하세요.” 지시문 / “resize your browser to…” instructions
🐳 거대한 고정된 크기의 table / large fixed-size tables
| 합계 | 23,179,813,791 KRW |
🍟 불필요한 border-spacing / unnecessary border spacing
| 합계 | 23,179,813,791 KRW |
🤪 무의미한 <small> / <font size=...> 사용 / Pointless use of <small> or <font size=>
💦 자바스크립트으로 자기위안의 행위 / masturbation with Javascript
☕ 불필요한 자바의 사용 / unnecessary use of Java
_waving.svg.png)
💥 “팝업창” / pop-up windows
(원본 이미지: https://m.blog.naver.com/dasol825/220672901113 고맙습니다. 🙇)
😔 image-map으로만 구현된 메뉴 / menus made entirely from image maps
- 아숩게도 2020년데엔 더이상 사용하지 않는 아름다운 기술이라, 생략.
🎷 묻지도 따지지도 않고 재생시작 / sound and video that launches without prompting
안타깝게도 2025년 현대의 웹브라우저는 자동플레이를 막아놓앗습니다. 😔
부디 아래 비디오를 클릭하여 플레이 해주시기 바랍니다. 🥹🙏
(원본 비디오&스크립트: https://davidepastore.github.io/gandalf-sax-guy/ 고맙습니다. 🙇)
🔍 픽셀단위로 글꼴크기를 지정한 CSS / CSS that sets fixed-size fonts dimensioned in pixels
‘em‘, ‘rem‘ 단위로 지정하는게 맞다는거 같음.
CSS that changes the hotlink colors
형형색색
…사실 링크 눌렀을 때 색상변화를 의미하는거 같은데, 이정도만 하고 참겠음.
배경/글자색 한쪽만 강제해놓기 / Forcing one of background and text colour, but not both.
내가 보이나요? 🥸
나도 보이나요? 🥳
🎘 배경MIDI, 플래시, 쇽웨이브, 등등의 끔찍한 혼종 / background MIDI, Flash, Shockwave, and other abominations
이것도 더이상 쓰이지 않아서 슬픔 😔