Hacker News Digest

Тег: #web-design

Постов: 5

Stolen Buttons (anatolyzenkov.com) 🔥 Горячее 💬 Длинная дискуссия

Каждый раз, когда я открываю новый сайт, я «краду» оттуда кнопку — элемент пользовательского интерфейса, который меня привлекает. Так я собрал собственный архив «Stolen Buttons», который разместил на своём сайте. Для автоматизации я создал небольшое приложение‑расширение «Button Stealer», которое собирает кнопки в реальном времени и сохраняет их в персональную галерею. Главная идея — превратить обычные элементы пользовательского интерфейса в объект коллекционирования, подчёркивая их визуальную ценность и скрытую историю.

За несколько месяцев я «украл» более 300 разных кнопок, от простых «Submit» до креативных иконок с анимацией. Цитата из проекта звучит так: «Каждый сайт — это набор визуальных решений, а кнопка — его самая маленькая, но самая заметная деталь». Проект служит одновременно экспериментом в сфере дизайна и комментарием на тему копирования в интернете. Галерея представлена в виде скроллируемого каталога, где каждую кнопку можно открыть и увидеть её оригинальный контекст, делая проект не только визуальным, но и образовательным. Сайт регулярно пополняется новыми находками, а проект получил отклик от дизайнеров, которые используют его как источник вдохновения и как пример критической игры с визуальными элементами.

by Gecko4072 • 20 июля 2026 г. в 09:23 • 620 points

ОригиналHN

#anatoly-zenkov#button-stealer#ui-design#web-design

Комментарии (151)

Тред обсуждает эволюцию и проблемы дизайна кнопок: участники сходятся во мнении, что кнопки должны быть простыми, интуитивными и обеспечивать чёткую обратную связь, но современные версии часто лишены визуальной выразительности и интерактивности. В спорах предлагают разные подходы — анимацию, hover-эффекты, отказ от плоского дизайна в пользу более реалистичных элементов. Рекомендуют ресурсы uiverse.io и component.gallery для вдохновения и сбора кнопок, отмечая, что такие коллекции помогают создавать удобные и привлекательные интерфейсы.

Loadmo.re: design inspiration for unconventional web (loadmo.re) 🔥 Горячее

loadmo.re — это кураторская галерея мобильных сайтов, созданная для вдохновения дизайнеров, работающих с нетривиальным вебом. Платформа подчёркивает, что современный интернет всё больше смещается в сторону смартфонов, хотя дизайнеры по привычке ищут референсы на десктопах, упуская из виду потенциал мобильных интерфейсов.

В архиве представлено 362 сайта с фильтрацией по тегам — от 3D-анимации и типографики до звукового дизайна и глитчей. Примеры вроде rude-captcha.xyz или slingshot.trudy.computer демонстрируют, как можно творчески использовать возможности телефона. Цель проекта — стимулировать сообщество к обсуждению и эксперименту в mobile-first дизайне.

by surprisetalk • 29 сентября 2025 г. в 15:42 • 368 points

ОригиналHN

#3d-animation#accessibility#creative-design#mobile-first#typography#ui#ux#web-design#web-design-inspiration#web-development

Комментарии (51)

  • Пользователи обсуждают нестандартный веб-дизайн представленных сайтов, отмечая как их креативность и ностальгическую ценность, так и проблемы с юзабилити и доступностью.
  • Критике подвергаются отдельные элементы, такие как изменение поведения ссылок при наведении и невозможность добраться до нижней части страницы из-за бесконечной подгрузки контента.
  • Участники делятся воспоминаниями о легендарных сайтах прошлого (Kaliber 10000) и обмениваются ссылками на аналогичные ресурсы и агрегаторы необычных сайтов.
  • Высказываются опасения, что подобный дизайн часто непрактичен для представления реального контента и создания призывов к действию, а также создает барьеры для доступности.
  • Часть сообщества ценит представленные работы за их художественную ценность и вдохновляющий потенциал, призывая не зацикливаться на мелких недостатках.

Show HN: I recreated Windows XP as my portfolio (mitchivin.com) 🔥 Горячее 💬 Длинная дискуссия

Привет!
Кликни по аватарке, чтобы войти в «Windows XP» с моим портфолио. Всё внутри работает как настоящий рабочий стол: иконки, панель задач, кнопка «Пуск».
После загрузки откроются:

  • Обо мне
  • Резюме
  • Проекты
  • Контакты

Связаться: LinkedIn | GitHub | Instagram
Для эффекта CRT и полноэкранного режима жми иконки в трее.

by mitchivin • 07 сентября 2025 г. в 01:44 • 886 points

ОригиналHN

#github#linkedin#nostalgia#portfolio#web-design#windows-xp

Комментарии (290)

  • Пользователи в восторге от детализации и ностальгии, но спорят: копирование XP ≠ дизайнерский талант.
  • Основные претензии: AI-аватар, неточности пикселей, скролл-бары, отсутствие теней и Easter-egg’ов в консоли.
  • Советуют убрать «студий-гибли» аватар, добавить мини-приложения (Minesweeper, проводник) и open-source’нуть проект.
  • Мобильная версия похвалена, но просят доработать CMD и убрать «размывающие» скан-линии.
  • Вывод: крутая визуальная витрина, но чтобы впечатлить индустрию, нужно больше собственных идей и меньше «копипаста» 2001 года.

The beauty of a text only webpage (albanbrooke.com) 💬 Длинная дискуссия

Чар простой текстовой страницы

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

Такой контент можно скопировать в письмо, отправить в ChatGPT, распечатать или сохранить на Kindle — он везде работает.
Ссылка открывается мгновенно без CDN и предзагрузок.
Хостинг стоит копейки, сайт живёт даже на Raspberry Pi.

Читая, легко переключаться между беглым просмотром и вдумчивым чтением, не чувствуя вины за «потерянное» время.

Спасибо всем, кто публикует текст без лишнего.
Вы жертвуете «вовлечённостью», но дарите интернету простоту и покой.
Мне это безумно нравится.

by speckx • 15 августа 2025 г. в 15:05 • 235 points

ОригиналHN

#css#html#javascript#web-design#web-performance

Комментарии (156)

  • Участники мечтают о браузере без JS, где только HTML и выбранная пользователем CSS-тема.
  • Хвалят сайты вроде plaintextsports.com и berkshirehathaway.com за минимализм, читаемость и отсутствие трекеров.
  • Спорят о шрифтах: кто-то любит моноширинные «под печатную машинку», кто-то просит sans-serif и контрастные цвета.
  • Соглашаются, что картинки допустимы, если служат тексту, а главный враг — избыточный JS, баннеры и медленные фреймворки.
  • Вспоминают лёгкие новостные «lite»-версии CNN/NPR и альтернативные протоколы вроде Gemini как примеры «текстового» интернета.

Historical Tech Tree (historicaltechtree.com) 🔥 Горячее

Историческое дерево технологий
Интерактивная визуализация технологической истории от 3 млн лет до наших дней. Проект Этьена Фортье-Дюбуа, пока содержит 0 технологий и 0 связей.

Каменное орудие
3300 тыс. до н. э. — первая технология производства.

by louisfd94 • 07 августа 2025 г. в 19:24 • 483 points

ОригиналHN

#interactive-visualization#technology-history#ui-ux#web-design#web-development

Комментарии (107)

  • Пользователи отмечают слепые зоны: недооценены металлургия, точная механика и «базовая наука», из-за чего газовые турбины возникают «из ниоткуда».
  • Найдены мелкие ошибки: дата «обуви» указывает на сандалии, а не самые ранние туфли 7000–8000 г. до н. э.; точность дат винторезных токарных станков спорна.
  • UI-критика: слишком много пустого пространства, неудобно на мобильных, не хватает зума, тысячных разделителей и «привязки» к следующему узлу.
  • Замечена западная и англоязычная предвзятость: китайское письмо показано как терминус, а не как корень множества ветвей.
  • Предложения по улучшению: вертикальный мобильный вид, поиск «самых важных потомков» технологии, агент для автоматического обогащения графа.