Technomorous

Retrowebdesign pro začátečníky a středně pokročilé (2)

Chcete-li dělat stránky tak, aby to opravdu byly stránky jako z minulého století a to v dobrém slova smyslu, potřebujete k tomu tři věci:

  1. Přemýšlet o nich stenjně jako v minulém století.
  2. Dělat je pomocí technologií dostupných v minulém století.
  3. Testovat je pomocí technologií dostupných v minulém století.
Vezměme to od podlahy střechy začátku:

Hypertext je jeden z nejlepších vynálezů počítačové éry. Elektronické dokumenty před ním byly samy o sobě byly jen digitální napodobeninou dokumentů papírových. Tvořil je převážně text, s rozvojem techniky se přidalo i pěkné formátování a obrázky, ale výsledek furt vypadal jako stránka vytržená z knížky či časopisu, jen jste si při jejím čtení kazili oči ještě více než dříve, zírajíce do svítícího, blikajícího monitoru místo na papír. A pak někdo vymyslel hypertext. Už nebylo třeba hledat pod čarou, co znamená poznámka 27, pak jít do nejbližší knihovny půjčit si knihu z poznámky 27 odkázanou, následně v ní hledat ty části, které se poznámky 27 týkaly a po dvou týdnech snažení zapomenout, proč vás vlastně poznámka 27 původně zaujala. Teď bylo možno provázat mezi sebou části různých dokumentů tak, že stačilo kliknout a ocitli jste se tam, kam jste se chtěli tematicky dostat, ačkoliv má každý dokument jiného autora, jiný rok vzniku či třeba jiný žánr. To byla panečku revoluce!

Jen aby nedošlo k mýlce - hypertext existoval dávno před WWW a HTML, vzpomeňme za všechny skvělý ST Guide na Atari ST a kompatibilních či ještě skvělejší HyperCard na Apple IIGS a Macintoshi. WWW ale přidalo další dimenzi. WWW je hypertext neomezený na jeden počítač - WWW je hypertext, kterému je jedno, že z vysvětlení pojmu z dokumentu uloženého v USA a čteného v Evropě je v jiném dokumentu a ten se nachází v Asii. WWW to dokonce nejen že je jedno, WWW je na tom založeno!

A právě tohle je druh myšlení, který musíte přijmout, chcete-li udělat opravdu dobrý web v duchu devadesátých let. Web totiž původně nebyl aplikační platformou, na které je možné udělat v nějakých jiných jazycích cokoliv. Web byl hypertextovým prostorem HTML dokumentů zesíťovaných napříč zeměkoulí, který navázal na prostor TXT souborů na disketách v papírových krabičkách. Tedy jasná mocná věc z budoucnosti.

A až tenhle pocit správně zažijete, tak se vraťte pro pokračování.


Retrowebdesign pro začátečníky a středně pokročilé (1)

Jak ovládnout mistrovství tvorby webových stránek, které budou jako z minulého století?

Jemné umění retrowebdesignu mě provází tak nějak samovolně. Nikdy jsem nepovažoval za nezbytné naučit se moderní javascriptové frameworky či sofistikované techniky HTML5+CSS3. Vím, že svět už je úplně někde jinde, ale já považuju webovou stránku především za hypertextový dokument, ne za plátno pro výstřední koderské kreace, nejsem a nikdy ani zcela nebudu smířen s tím, že v moderním browseru musím věnovat více úsilí tomu, aby se některé části webů stránek nevykonávaly, než aby se tak stalo.

Proto je třeba plátek, který právě čtete, psán v HTML 4.01 Transitional (rok 1999) a CSS zbytečně nebrousí do vod dvojky či trojky, je to poctivé CSS1. Tak, jak jej můžete vidět v aktuální verzi Chrome, Firefoxu či Edge víceméně vypadá i v Netscape Navigatoru 4.x nebo Internet Exploreru 5.x, ačkoliv samozřejmě jemné nuance tu jsou. Plně použitelný je i v browserech starších - třeba v Netscape 3, textových - Links, lynx, a zcela alternativních a mimózních - v Voyageru na QNX nebo mobilní Opeře na Psionu, jen tam všude vypadá jinak.

Chcete-li dělat stránky tak aby to byl retrowebdesign, můžete si vybrat ze tří levelů:

  1. Dělat stránky tak, aby vypadaly jako stránky z minulého století.
  2. Dělat stránky tak, aby se každému na první pohled hned vybavilo to nejhorší peklo, které se na webu dalo v minulém století najít.
  3. Dělat stránky tak, aby to byly stránky z minulého století.

Levely 1 je nejjednodušší. Pokud vám jde jen o vzhled a je vám vlastně úplně jedno, co je vespod a že to dost možná ani nepůjde na starých počítačích otevřít, stačí si sehnat nějakou retro šablonu do WordPressu, případně si nějakou vytvořit. Existuje toho dostatek, stačí googlit, nebudu tu dělat nikomu reklamu. Klidně si ale můžete nadesignovat web tak, že bude vypadat jako TurboVision (ne)blahé paměti, proč ne?

Level 2 je, když chcete vrátit zpět ty hrůzy, které se děly na webech různých webových pokustónů. Hrála tam hudba, animovalo se padesát GIFů, jezdil text tam a zpět, sněžilo, po stránce běhala kočka a nešlo zmáčknout pravé tlačítko myši. Naprostým základem tady je nainstalovat i do nějakého emulátoru nebo na funkční retropísíčko Windows 98 a do něj dobový FrontPage nebo Word. To, co tam zvládnete nadesignova metodou WYSIWYG, dá prohlížeči i dnes zabrat. Pak už jen stačí projít stránky jako Make Frontend Shit Again, které minule doporučoval mike/zeroteam, případně cokoliv z tohoto webu odkázaného a metodou pokus-omyl kopírovat ty kusy, o kterých si myslíte, že mají na starosti požadovanou funkcionalitu. Dělali to tak tenkrát všichni, správný web musel náhodně střídat malá a velká písmena uvnitř HTML tagů podle toho, odkud byl zrovna ten kus kódu okopírován, musely tam být nic nedělající nesmysly a vše muselo být tak složité a divné, jak to jen šlo. Protože jen tak se poznal nadšenec, který sice o podstatě webu věděl houbeles, ale věděl že tohle je médium budoucnosti a chce na něm být hned teď.

Level 3 pak je úplně jiná liga. Dostaneme se k ní příště.


MWVA: Jeden rok, dva měsíce, tři dny

Malý soukromý archiv MujWeb/Volný, který jsem na konci roku 2018 spustil na jedné ze svých domén, jsem po dokončení brzy pustil z hlavy. Pokud jsem něco neminul, pak se dosud nikdo neozval, že by měl s touto expozicí problém a tak nebylo důvodu se k ní vracet, či se jí více zabývat.

Předevčírem jsem si na web náhodně vzpomněl, link poslal do diskuse o retrowebhostingu a zároveň si uvědomil, že mi od Google do mailu chodí jakési statistiky o jeho návštěvnosti. Přidával jsem hned na začátku do titulky archivu kód od Google, protože mě popotahovali za škodlivý obsah, on už tam zůstal a měří. Statistiky jsem prošel a ono to tam žije svým vlastním životem!

Archiv měl v posledním půl roce měsíčně mezi třemi a pěti sty unikátních návštěv a zhruba sedm tisíc tisíc impresí. Mezi nejnavštěvovanější patří Předpis pro používání návěstí při organizování a provozování drážní dopravy, který má sám na svědomí více než třetinu uvedených čísel. Vedou na něj online vyhledávání pojmů jako "stůj zastavte všemi prostředky", "přivolávací návěst" či "vložené návěstidlo". Jelikož tematicky jsem se při archivaci držel hlavně svých koníčků, přichází do archivu lidí i díky dotazům jako "feritová anténa", "sencor smr 600 recenze" nebo "amiga 1200", jen samozřejmě končí na jiných stránkách.

Jasně, jsou to drobná čísla, ale vypadá to, že uchování kusu českého Internetu mělo a má nějaký význam. Jsem tomu pochopitelně rád.


(Ne)přiměřené technologie

Velký vezír voltážník na svém diskusním fóru ohlásil zajímavý nápad:
Rozeběhat telnetovou BBS a k ní pořádný retrowebhosting s limitem 360 kB na jednu webovou prezentaci a nutností bezproblémové funkčnosti stránky v Netscape 3. Čím více na pozadí hrajících MIDů, šílených pohyblivých GIFů a strakatých pozadí stránky, tím lépe. Takový rok 1997 na Geocities nebo MujWebu, jen teď, v roce 2020.

Ten retrowebdesign není až taková výzva, třeba takový Technomorous sice přijde v trojkovém Navigatoru o kaskádové styly, jinak je ale zcela funkční - taky to dalo práci. BBS je ale jiná věc. Sám se chystám rozeběhnout BBS už velmi dlouho, takže mu stoprocentně fandím. Jen tedy moje BBS bude čistě vytáčen - už na to mám (nejeden) krásný modem, dvoukanálovou VoIP bránu, Raspberry Pi mi tu stejně běží 24/7, tak už jen najít tak týden volného času a ať se práší za kočárem! Tak jsem si v dobrém rozmaru řekl, že si alespoň udělám rešerši, jak je na tom software pro BBS, tedy ta serverová část. A našel jsem Synchronet.

Znám ho z přelomu století, kdy na něm ještě nějaká ta BBS jela a byl moc fajn. Jenže to byla původní verze pro DOS a OS/2 - mezitím se nám to boužel trochu zešvihlilo. Autor vytvořil komplexní software (a.k.a. moloch), který sice na straně frontendu vypadá skvěle, zdařile evokuje retronálady krásným ANSI výstupem, na straně backendu je to ale neuvěřitelně komplikované a složité. Zapakované zdrojáky mají sice zdánlivě málo - jen 5 MB - ale mezi závislosti patří SDL, SpiderMonkey, Ncurses, a půltuctu dalších. Tudy cesta nepovede.

Úplně nejradši bych něco malého, jednoduchého, v jednom perlovém skriptu. To si to mám napsat?


Něco dělat, týden 5/2020

Vypadá to, že mé letošní týdny se budou dělit na hardwarové a softwarové. Tento byl veskrze hardwarový:

  • Jak již bylo zmíněno, rozebral jsem dvanáct let starý Core2 desktop mých rodičů a udělal z něj Ryzen. Po přehození disků jsem absolvoval kolečko aktivací Windows a Office, kupodivu obojí prošlo naprosto bezproblémově. Jen pro zajímavost - W10 startují z ne zrovna špičkového SSD Patriot Blast nějakých šest sekund do plné plochy (rychleji uživatelský PIN pro přihlášení nenaťukám) a počítač neobsahuje program, který by při spuštění viditelně na něco čekal. A to obsahuje MS Word, který jsem metodou kliknu-běží startovat nikdy neviděl.
  • Otestoval, nafotil a vystavil k prodeji jsem další tři ISA karty: řadič disků a portů do VLB, čtvrtmegovou ISA tridentku s EGA a VGA výstupy a VGA tridentku od Octeku s 1 MB VRAM. Uvidíme, jaký o ně bude zájem.
  • Doplnil jsem do domácího desktopu poslední komponentu, na níž se čekalo, aby se bedna dala zakrytovat: záložní baterii do RAM disku. Můžu ho tedy konečně začít používat jako rychlý a bezproblémový swap a nemuset řešit občasné zmizení filesystému po odpojení napájení. Řekl bych, že takto se 4 GB RAM vydržím až do příchodu Blackbirda a nemusím už hledat moduly, které by se uráčily v desce fungovat (leda by snad nějaký laskavý čtenář disponoval dvěma přebytečnými moduly DDR3 o kapacitě 4 GB?).

Příští týden to vypadá na velmi softwarové období. Mám již částečně rozdělány dvě větší věci, které bych v následujících sedmi dnech rád dočelenžoval.


Nečekaná příroda na pražské periferii

Jedním z témat tohoto (pseudo)blogu je i Geocaching. I po skoro čtrnácti letech mě to baví a navzdory tomu, že počet mých úlovků je stále v řádu nízkých tisíců, dělám to pravidelně. Letos v lednu jsem jezdil hodně po příbuzenstvu, takže nebylo příliš mnoho času na odlov série Trail-EE-Czech. A i kdyby byl, asi bych se do toho nehrnul tak, jako v posledních dvou letech, protože jsem si z toho vždy odnesl jen strašlivou choleru. Snad tam na mě zbytek série počká do jara.

Triangl - mapka

Dnes jsem si ale řekl, že by to alespoň krátkou procházku chtělo a jelikož jsem byl zrovna na cestě z Krče na Černý Most, náhodně jsem zastavil, zaparkoval a chviličku se prošel. Byly z toho tři nálezy, jedno lezení na strom a objevení pražské oblasti, o které jsem neměl ani matné tušení: Zhruba v oblasti, kde se stýkají hranice Malešic, Strašnic, Záběhlic a Hostivaře se nachází chráněné přírodní území Triangl. Je ze všech tří stran ohraničeno železničními tratěmi a skládá se převážně z mokřadu, v němž údajně žije sedm druhů obojživelníků včetně chráněné kuňky ohnivé.

Triangl - mokřad Triangl - infocedule

Z jedné strany Jižní spojka, z další železniční tratě, doslova přes louku Průmyslová ulice, která své jméno nemá jen tak. A tady takováhle hezká přírodní lokalita. Doufám, že tu pěkně dlouho i vydrží!


Ryzen 3 1200

Víte, že za nový desktop bych nedal ani korunu, pokud by v něm nebyl POWER procesor. Je to takové moje malé soukromé přesvědčení, malá soukromá životní filosofie. Každý máme nějakou tu úchylku a tohle je ta moje.

Členové rodiny ale trpí jinými úchylkami a proti novému počítači nic nenamítají, zvlášť, když posledních sedm let fungovali na řádně ojetém, původně korporátním. Do košíku jsem tedy hodil jeden z levnějších ATX zdrojů, desku ASUS PRIME A320M-K, procesor AMD Ryzen 3 1200, jeden osmigigový DDR4 modul a po drobném ujasnění toho, jak funguje počítačové zobrazování, i grafickou kartu ASUS GT710-SL-1GD5. Za 4786 plus doprava pěkný, levný, low-end počítač.

No jo! Jenže ono je to s 11260 body v Geekbench2 o fous rychlejší než osmijádrový XServe 2009 (10021 bodů), výrazně rychlejší než například EliteBook 840 G1 (7008 bodů) a skoro dvakrát rychlejší než můj současný desktop (5801 bodů).
To už sú terazky také mašiny?


TOPlist