Projekt strony internetowej zrobione dobrze: całkowicie bez sensu

Opublikowany: 2022-03-10
Szybkie podsumowanie ↬ Ta część Web Design Done Well celebruje dziwne i zwariowane strony internetowe. Witryny o słodkich, niewinnych, czasem bezsensownych celach. Czy oni zarabiają pieniądze? Zmieniacze gry? Niekoniecznie, ale z pewnością są zabawne i tylko w sieci może sobie z tym poradzić.

Wśród wskaźników KPI i e-commerce oraz pozornie niekończących się analiz wciąż istnieje wiele witryn, w których panuje frywolność. Czy po prostu trochę się zabawić?

W dzisiejszych czasach sieć może być bardzo biznesowa. Większość miejsc, do których się udajesz, to legiony błyszczących produktów i niepokojąco spersonalizowanych reklam, które konkurują o naszą uwagę. Jest dużo pieniędzy do zarobienia, a czasami wszystko może wydawać się trochę nieludzkie.

Odpręż się, zrelaksuj i ciesz się. Może nawet pomyśl o własnym, bezsensownym projekcie. Nie zapominajmy, że jedynym ograniczeniem tego, co jest możliwe w sieci WWW, jest nasza wyobraźnia.

Część: Projekt strony internetowej zrobione dobrze

  • Część 1: Zwykły uczyniony nadzwyczajnym
  • Część 2: Korzystanie z dźwięku
  • Część 3: Doskonała redakcja
  • Część 4: Całkowicie bez sensu
  • Zapisz się również do naszego newslettera, aby nie przegapić kolejnych.

Typ hakera

Niestety, życie współczesnego dewelopera nie jest aż tak enigmatyczne i seksowne, jak kazał nam wierzyć The Matrix, ale to nie znaczy, że nie możemy pozwolić sobie na małe udawanie. Stary, ale dobry, Hacker Typer „powstał z prostego pragnienia, by wyglądać jak stereotypowy haker w filmach i popkulturze”.

Zrzut ekranu strony Hacker Typer z zielono-czarnym projektem.
(duży podgląd)
Więcej po skoku! Kontynuuj czytanie poniżej ↓

Krótka wycieczka

Niewiele jest większych płócien dla artystów niż sieć WWW. Przy tak dużym obciążeniu sprzedażą produktów i budowaniem marek można stracić z oczu kreację dla samej kreacji.

Eksperymentalna strona Alexandra Perrina „Short Trip” pokazuje, co jest możliwe w sieci. Pomysł „szkiców” nadal wydaje się bardzo praktyczny — coś, do czego potrzebujesz długopisu i papieru. Bynajmniej. Grafitowe ilustracje i tramwaje są na pierwszym planie tej „interaktywnej ilustracji”. Czemu? Dlaczego nie?

Zrzut ekranu Short Trip, eksperymentalnej strony autorstwa Alexandra Perrina z grafitowymi ilustracjami.
(duży podgląd)

Został on zbudowany przy użyciu Three.js i JavaScript WebGL i działa zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych. Przyzwyczaiwszy się do zaręczynowego projektowania nowoczesnej sieci, jest coś niezwykle spokojnego w oglądaniu dryfującego cyfrowego świata.

rysunek.ogród

„Ogrodnictwo, ale z emotikonami i mniej czasu”. Tak artysta z Minneapolis, Ben Moren, opisuje całkowicie piękny rysunek.ogród. To wszystko obejmuje. Przeciągnij kursor po ekranie i obserwuj, jak puste pole zapełnia się truskawkami, słonecznikami i (w przenośni) magicznymi grzybami. Upewnij się, że dźwięk też jest włączony.

Zrzut ekranu strony drawing.garden z literami SM.
(duży podgląd)

Nie do końca to mają na myśli ludzie, gdy mówią o pielęgnowaniu swojego „cyfrowego ogrodu”, ale jest to strasznie przyjemna alternatywa. Dla zainteresowanych tym, co dzieje się wśród korzeni, projekt został wykonany przy użyciu p5.js, a kod można obejrzeć w całości na GitHub.

Flopstarter

Wykonanie na tym jest po prostu idealne. Crowdfunding i programy wspierające zmieniły zasady gry w dużej części sieci (przy okazji, rozważ możliwość zostania członkiem Smashing ), ale w swoim czasie mieli też kilka niewypałów (nie my, jesteśmy naprawdę dobrzy). Flopstarter to niezbyt subtelny kawałek satyrycznego złota, łączący różnego rodzaju absurdalne pomysły, które potrzebują twoich ciężko zarobionych dolarów, aby stać się rzeczywistością.

Zrzut ekranu strony Flopstarter z projektem AnkleHub
(duży podgląd)

Płaskie miski, obwoluty ze skór ziemniaczanych, bibułkowe poszewki na poduszki, w które można płakać — to potężna gama głupich pomysłów. Strona jest tak profesjonalnie wykonana, że ​​prawie chcesz wspierać produkty. Prawie.

Uwolnij swojego wewnętrznego mintaja

Kto potrzebuje sztalugi, aby być artystą? Ta witryna Jacksona Pollocka pozwala stworzyć własne maniakalne arcydzieło, nadając chłodnej, kalkulacyjnej sieci piękny organiczny charakter. To radość z „malowania”, a nawet udaje się przekonać cię, że jesteś nieco artystyczny. (Jeśli Pollock nie jest w twoim stylu, dlaczego nie spróbować zamiast tego Mondrian and Me?)

Zrzut ekranu strony Jacksona Pollocka z grafiką autora.
Bądź na bieżąco z NFT. (duży podgląd)

Zbudowana ponad dziesięć lat temu przez greckiego artystę Miltosa Manetasa, ta strona nadal stanowi wspaniałą wizytówkę tego, co można zrobić, opierając się na interaktywności sieci. Może to być płótno, jeśli tylko tak je traktujemy.

Arpeggio

Ten eksperyment w Chrome, który zapętla się przez skale zgodnie z kaprysem użytkownika, ma zabawny, czysty charakter. Umiejętność skakania między różnymi klawiszami i instrumentami nie jest ściśle przydatna do niczego, ale z pewnością jest przyjemna.

Zrzut ekranu strony Arpeggios
(duży podgląd)

Na korzyść strony działa tutaj prosta prezentacja i interfejs. Jest zbudowany wokół swoich podstawowych elementów — nut. Dźwięk można łatwo (i często) niezgrabnie zastosować w sieci, ale takie strony przypominają, jak bogate może to być doświadczenie.

Sokoban

Po raz pierwszy napisany przez Hiroyukiego Imabayashi w latach 80., Sokoban to gatunek gier logicznych, w którym gracz przesuwa skrzynie po magazynie, aż każda znajdzie się w wyznaczonym miejscu. Myślisz, że to sucha przesłanka? Pomyśl jeszcze raz. To klasyczny, zimny jak kamień, bardziej niż trochę uzależniający i darmowy do grania na sokoban.info.

Zrzut ekranu strony Sokoban
(duży podgląd)

Z ponad 7500 poziomami do przejścia, jest to niezbędna zakładka dla wszystkich seryjnych prokrastynatorów. Dodatkowe wyzwanie polegające na ukończeniu każdego z nich w jak najmniejszej liczbie ruchów praktycznie sprawia, że ​​jest to gra na całe życie.

Spraw, aby wszystko było OK

Przycisk, którego wszyscy chcielibyśmy mieć. Spraw, aby wszystko było w porządku, aby wszystko było proste. Nie będę udawał, że wiem, co dzieje się pod maską, aby mógł zrealizować swoją ofertę, ale dla mnie brzmi to jak dobry interes.

Zrzut ekranu strony Make Everything OK
Za chwilę… (duży podgląd)

Jest piękno w pomyśle — jakkolwiek głupim — realizowanym w tak prosty sposób. To także ładny mały przykład skeuomorficznego projektowania stron internetowych. Jeden przycisk, jeden wynik. Nie udawaj, że tego nie spróbujesz. Oboje wiemy, że będziesz. Śmiało, zrób wszystko w porządku.

Zastrzeżenie: To może nie sprawić, że wszystko będzie w porządku.

GeoCities

To jest bezsensowna strona OG — a raczej są to OG. Założona w 1994 roku, GeoCities była usługą, która pozwalała użytkownikom kodować strony internetowe za darmo i grupować je w „miasta” ze stronami o podobnych poglądach. Do czasu jego zakończenia w 2009 roku powstało około 38 milionów stron napisanych przez użytkowników. Na szczęście wiele z tych stron jest dostępnych w projekcie archiwum Geocities Gallery autorstwa restorativland.

Zrzut ekranu OG ze zdjęciami z Dominikany
Daj mi to na profilu na Facebooku każdego dnia tygodnia. (duży podgląd)

Przeglądanie archiwów daje surrealistyczne, a nawet poruszające spojrzenie na to, czym internet mógł być i czym nadal może się stać. Najbliższa współczesna społeczność, która przychodzi na myśl, to IndieWeb. Albo oczywiście duchowy następca GeoCities, Neocities. Witryny niecodzienne i niechlujne, ale wyraziste i piękne. Jak Edward Snowden ujął to w swoich wspomnieniach Permanent Record , „wszystkie te dziwactwa i tiki produkcji amatorskiej jedynie wskazywały, że inteligencja kierująca witryną była ludzka i wyjątkowa”.

Nie ma dość dziwacznego projektu

Udostępnione powyżej witryny to niewielka część dzieł sztuki, stron eksperymentalnych i wręcz absurdalnych projektów w sieci. Są tam, jeśli tylko ich poszukasz — lub nawet sam zrobisz kilka.

Jeśli chcesz zobaczyć więcej, gdzie to się pojawiło, bezsensowne witryny i bezużyteczna sieć są dobrymi punktami kontaktowymi. Gdzie indziej witryny, takie jak CodePen, są pełne wspaniałych majsterkowiczów. Dla miłośników historii cyfrowej ponownie delikatnie kieruję do archiwów GeoCities i ich duchowego następcy Neocities. Bezsensowne projekty pasji żyją i mają się dobrze, dzięki Bogu.

  • „Zabawa w kodzie: usprawnij naukę, bawiąc się” Jhey Tompkins
  • „Nieoczekiwane wnioski z grafiki kodowania każdego dnia przez pięć lat” autorstwa Saskii Freeke

A jeśli czujesz się odważny, dlaczego nie sklecić pomysłu, który zapisałeś jakiś czas temu? Wypróbuj tę platformę, bibliotekę lub aplikację. Nie ma czegoś takiego jak bycie zbyt głupim lub pozbawionym wartości. Jeśli lubisz to robić, jest to wystarczająco cenne.

Idź i bądź bez sensu. Zachowaj trochę szczerej niewinności w swoim życiu online.