skibidi sitoctt

Questa voce fa parte 4 di 5 nella serie Il nuovo sitoctt Ulteriori #miglioramenti fanno passare il nuovo #sitoctt da “così buono” a “SO #SKIBIDI”. Come ad esempio il fatto che ho aggiunto tutti sti bottoni 88×31 nel footer (l’altra sera), e ora li ho pure ordinati un poco meglio (coi titoli), e… sto prendendo in mano fortissimo la filosofia del miglioramento progressivo, per aggiungere cose che su altri siti statici scarseggiano. ❤️‍🔥

Una cosa che ho già bella fatta e finita è la ricerca lato client… va forse fatto qualche aggiustamento sul #design, anche perché la barra-bottone non dovrebbe sprecare un’intera riga di header su schermi stretti, ma vabbé, roba da poco. La base di HTML e JavaScript l’ho rubata dal tema Hugo “Blowfish”… e, a quanto pare, solo temi orientati alla documentazione, come questo o altri, la includono di default, mentre troppi altri no. 😈

Una cosa che però non ricordo di aver mai visto prima su altri siti web è il mio fallback no-JS per la ricerca fatto in modo così seamless… la pagina include di default lì sopra un form che lancia una ricerca per il sito sulla mia istanza YaCy; se il JavaScript della pagina viene eseguito, allora questo viene modificato per fargli attivare la ricerca moderna al click (e tutti gli altri eventi roba #web zzz), anziché navigare alla pagina esterna. Il tutto infine, e qui sta un buon dettaglio, senza pagine di intermezzo, che onestamente nell’anno del Signore 2024 sono proprio scomode… 😝

Una cosa che invece, ho provato decine di demo, e credo nessun tema di Hugo include, e che io ora sto implementando in modo molto semplice, è la navigazione AJAX (o come cavolo si chiama): in sostanza, il fatto che, quando si naviga ad un’altra pagina, il browser non ricarica l’intera scheda, perché è il #JavaScript a caricare l’HTML e piazzarlo al suo posto. Il vantaggio per gli utenti che attivano JS è un sito estremamente più veloce nella navigazione, dal feeling #moderno, perché il browser non deve distruggere e ricreare l’intero ambiente di esecuzione per la pagina. Ovviamente, non usando quei framework strambi, dovrò gestire tutti i casi in cui le pagine hanno JavaScript che deve essere eseguito al caricamento della pagina, che fatto così non se ne può occupare il browser… ma portate pazienza. 🤫

È comunque assurdo come quasi tutti i temi precotti per Hugo richiedano JavaScript per cose stupidissime, come aprire il menu di pagine o opzioni su schermi stretti, ma poi non arrivano ad usare quella tecnologia per migliorare l’esperienza utente nel modo migliore possibile. Allora davvero è pura pigrizia, come io ho sempre detto, mannaggia a voi #webdev!!! Almeno, i generatori di siti basati sui framework JS strambi, seppure anche per loro non si trovi in giro un fottutissimo tema che sia uno che ha i menu apribili senza degli stupidissimi script (mi incazzo), le cose le fanno fino in fondo e la navigazione moderna la hanno. Ma #Hugo di per sé è un ottimo generatore, almeno. 😑

…A proposito di questo, usando un traduttore automatico per le pagine, mi accorgo che per diverse lingue spesso sgarra, innanzitutto rompendo la formattazione di pagine con grossi blocchi HTML (problema che aggirerò con gli shortcode), ma mi vengono tradotte stringhe che non sono testo (nomi di shortcode, o di proprietà del frontmatter)! Quindi: o rendo il mio codice di traduzione un dio senziente (che palle….), oppure… aggiungo simboli (non di interpunzione) attaccati alle parole che non vanno tradotte, hack che a quanto pare resiste anche alla traduzione verso lingue con caratteri strambi e ordine inverso (es. arabo)… 🙃 (e anche oggi, il mio codice lo fixo domai.)

#design #Hugo #JavaScript #miglioramenti #moderno #noJs #sitocto #sitoctt #SKIBIDI #web #webdev

Questa voce fa parte 3 di 5 nella serie Il nuovo sitoctt

Wo, la giornata di oggi è fuoco per il #sitocto. Per quanto no postaggio, perché vabbè abbiamo capito che ad agosto persino gli spiriti riposano… con infinita calma, progettando all’infinito negli infiniti momenti morti di questi ultimi infiniti giorni di ferie, sono leggermente più vicina all’infinito, tant’è che quella migrazione a nuovo generatore che un tempo sembrava infinita… non è stata ultimata, ok, ma il #sito aggiornato è effettivamente già #online, ed è mejo de prima. 😇

Visto che è sitocto, facetevi il girocto: sitoctt.octt.eu.org. Ci sono troppe migliorie rispetto a prima… tipo che la home ora lista tutte le ultime pagine aggiornate, e non più un muro di testo… o che ho rifatto la struttura dei contenuti, dividendo tutto in 3 categorie distinte più logicamente di prima (cosa riflessa sugli URL)… e bo lol che palle le liste. 😵‍💫

Come al solito, però: il lavoro non è finito. Come UX dovrebbe essere superiore al passato, però #Hugo (il generatore) non crea in automatico tutte le metapagine che potrebbero servire (nemmeno tutte quelle che avevo prima con staticoso), e nemmeno le fa il tema che ho preso come base (Ananke), che nemmeno lista le categorie e i tag del post sulle rispettive pagine… vabbè, da tweakkar. Il fatto che però non ci sia più un enorme menù, ma una roba molto essenziale, fa proprio bene alla testa. 😶

Sul lato grafico devo ancora fare aggiustamenti vari, ma il discostamento dal vecchio #design (con dovuta moderazione) è da un lato voluto (oltre che, dall’altro, necessario per un rilascio così rapido): non è una cattiva idea fare un passo indietro per ripensare, ad esempio, se il vecchio contrasto del testo con lo sfondo non fosse troppo forte, o la vecchia struttura HTML+CSS non fosse troppo sminchiata (…tanto da essere utilizzabile su browser senza alcun supporto al CSS moderno, ma non su quelli con supporto parziale). E poi ora si vede la copertina di pagine e post, che è kekkissimo!!! ☺️

Al netto di qualche link interno rotto (per i vecchi da fuori ho sistemato tutti i redirect, e ci è voluto non poco), e dei refusi di templating, il nuovo #sitoctt è già pacifico. Ora che ho la vera calma sistemerò queste schifezze, aggiungerò ricerca e commenti, e pure altre traduzioni (che per l’inglese hanno funzionato per molte pagine… ma non tutte, ???). Per diverse lingue, mi spacca tutta la zona dei metadati alla cima del Markdown… dovrò inevitabilmente complicare il mio codice per gestire quelli a parte. 😳 (La prossima localizzazione sarebbe il francese, per onorare lo Stato che ha arrestato Durov, ma evidentemente bisogna aspettare!)

https://octospacc.altervista.org/2024/08/27/sitoctt-torna-un-sito/

#design #Hugo #online #personal #site #sito #sitocto #sitoctt #web #website