In een van mijn vorige posts had ik wat bedenkingen over Bluesky, omdat je niet zo gemakkelijk naar een andere instantie zou kunnen gaan. Er is nu ook Eurosky, én er is een webpagina die je een handleiding geeft voor het verhuizen naar Eurosky. Bovendien, in Europa is al beweging gaande van Amerikaanse techbedrijven zoals Google en Microsoft naar Europese alternatieven als Nextcloud. Dan mag ik als gebruiker ook een klein steentje bijdragen. Het moet allemaal niet zo moeilijk zijn, dus een aantal weken geleden heb ik dat geprobeerd. De genoemde handleiding bevat weinig illustraties. Ik heb de screenshots en wat aantekeningen over het proces zoals ik het heb ervaren, bewaard. Hopelijk geeft dat een indruk van wat je te wachten staat als je het waagt hetzelfde te doen.

En dan ga ik bewust niet naar de pagina waar je een nieuw account kunt maken, maar naar de migratiepagina die in de handleiding genoemd wordt. Want ik heb natuurlijk al een account op Bluesky en men belooft dat je gewoon alles wat je op Bluesky hebt staan helemaal naar Eurosky zou kunnen zetten. Volgens deze migratiepagina moet ik een paar zaakjes klaar hebben liggen. – Mijn “handle” op bluesky (mistynotes.bsky.social), – wachtwoord (blabla), – toegang tot mijn email die gekoppeld is aan bluesky, en – de naam: eurosky.social waar ik naar toe wil. Die heb ik in een kladblokje klaarliggen.

Van de meeste stappen heb ik dus screenshots gemaakt, die hopelijk voor zichzelf spreken.

Eerst maar de accountgegevens invullen.

Oei, er gaat iets fout.

Mijn handle is mistynotes.nl in plaats van mistynotes. Dit had ik gedaan omdat je een domein kon toevoegen als extra verificatie op Bluesky. Dit domein dan maar weer weghalen en er mistynotes van maken.

Na het veranderen van de handle stappen we verder naar 2, het in te vullen e-mail adres gerelateerd aan je Bluesky account.

De doelserver in stap 3 is natuurlijk eurosky.

Destination Server Legal Terms? Ik weet niet wat dat is, dus die laat ik even leeg en kijk wat er gebeurt.

O, dan toch maar aanvinken, en dan gaat het wel goed. Ach.

Het nieuwe handle is hetzelfde maar dan op Eurosky in plaats van Bluesky.

Even alles controleren en een waarschuwing dat je van te voren van alles een back-up moet maken. In Bluesky heb je onder instellingen de optie om te exporteren. Die heb ik dan maar voor de zekerheid gebruikt.

Je e-mail wordt geverifieerd door er een code naar te sturen, die je vervolgens moet invullen in dit formulier.

Dan is de migratie “gestart”.

Maar voor de zekerheid nog een bevestigingscode invullen. Want je weet maar nooit.

En dan nog een vraag of je het écht wel zeker weet.

Een venster met een groeibalkje verschijnt.

Daarna krijg je nog een venster waarin een code, de rotatiesleutel, staat vermeld. Die moet je bewaren voor een eventueel accountherstel.

En als laatste kom je weer op de beginpagina uit, wat misschien verwarrend is, want je hoeft niet nog een account te verhuizen.

Tijdens dit migratieproces krijg je een aantal informatiemails met links naar pagina's die gegevens zouden moeten bevatten over de migratie. Maar die migratie wordt kennelijk niet gevonden. Als ik op zo'n link klik krijg ik een pagina met alleen een melding:

“Migratie niet gevonden: EURO-1R3TXA8EGCKIU6QW”.

Ik geloof dat ik pas heb gekeken nadat de migratie is afgerond, dus dan zal alles wel weer opgeschoond zijn, en zijn die logbestanden er niet meer. Na het opnieuw inloggen op de Bluesky pagina met natuurlijk een andere gebruikersnaam (mistynotes.eurosky.social) en het nieuwe wachtwoord dat verkregen is, krijg ik alles netjes te zien zoals het eerst op de originele Bluesky-server stond. Dus alles is toch goed verlopen. Het ziet er allemaal precies hetzelfde uit als vóór de migratie, alleen zit ik nu op een andere server. Dan voor de zekerheid de inloggegevens en die rotatiesleutel in de wachtwoordmanager opslaan, en klaar!

Het duurde in totaal zo'n half uurtje, waarschijnlijk ook omdat ik niet veel gepost heb op Bluesky. Maar het beloofde wordt bewaarheid, en het is dus ook niet veel werk.

#bluesky #eurosky #socialmedia

Discuss...

Op Mastodon zag ik een aankondiging met daarin aandacht voor de energie die het ophalen van een website kost, en daarmee het volume van de CO2 die in de lucht wordt geblazen bij de stroomopwekking. Dat schijnt men tot achter de komma te kunnen berekenen. Slim hoor. Ik was benieuwd hoe de kleine website die ik onderhoud het zou doen. Vast goed, want het is toch maar een kleine website?

Niet dus. Dat is even schrikken. Ik had al mijn foto's toch in webp-formaat omgezet? Kennelijk maakt dat dus niet veel verschil uit. Nu wist ik wel dat ik al de foto's op de site nog eens zou moeten bekijken, en het aantal pixels flink moest gaan verkleinen. Maar ik wist niet wat een goede resolutie zou zijn. Niet te veel pixels want dat kost dus energie en snelheid bij het inladen van de pagina, maar ook niet te laag zodat de scherpte van de foto te laag wordt en alles er erg lelijk zou uitzien. Eerlijk gezegd was ik een beetje lui, want ik vond dat allemaal maar een gedoe. En eigenlijk ook een beetje dom (om onze koningin maar eens een keer te citeren), want ik had niet gedacht dat die kleine pixeltjes zoveel zouden uitmaken.

Gelukkig geeft de website veel tips om je site te verbeteren. Voor mij was van belang dus om die foto's kleiner te krijgen, zonder dat je te veel aan kwaliteit inlevert. De gouden tip:

Dus ga naar de website Bulk Resize kies voor de optie “longest side” van 1920 pixels en een kwaliteit van 80%. Dat is makkelijk! Hoef ik niet na te denken, en dat zonder AI. Geen gewik en geweeg over hoeveel pixeltjes meer of minder bij iedere foto. Stel het zo in, en converteer alle foto's in één keer. Poef!

En als je vaker foto's op deze manier wil behandelen, dan kun je de url waar die opties in verwerkt staan kopiëren en in de toekomst gebruiken. https://bulkresizephotos.com/en?type=longestSide&longest=1920&format=webp&quality=80 Even een terzijde: zo kun je dus andere websites met carbonfooter testen, en de eigenaren van slecht presterende websites opbellen met de mededeling dat je voor een klein bedrag hun website flink kunt verbeteren. 't Is maar een tip voor wie nu even geen werk heeft.

Het energielabel is in ieder geval flink verbeterd, maar nog niet optimaal.

Ik heb nog een drietal png-bestanden die ik eerder niet omgezet heb naar webp. Als ik die in de converteermachine stop met dezelfde parameters, dan gaat het helemaal fout: ze worden dus groot en rafelig. Precies waar ik bang voor was. Die hebben dus een persoonlijke behandeling nodig, en daarom komen die voorlopig in de wachtrij te staan. Of ik zal ze eens met andere parameters converteren. Ik probeer gewoon de compressie-optie. Die brengt je naar een andere website. Dat gaat beter. De bestanden zijn stukken kleiner geworden. Helaas is de score van de CO2 footprint nog ongeveer hetzelfde. De enige optie die ik nog zie is om de foto's door tekst te vervangen, zoals wordt geopperd op Carbonfooter.

Sommigen zeggen “Een afbeelding zegt meer dan duizend woorden”, maar wij zeggen liever: “Zeg het met woorden en bespaar duizend bytes.”

Maar dan schieten we het doel van de website zelf voorbij, vind ik. De iIllustraties geven mensen een indruk van de omgeving waar ze mogelijk naar toe gaan om van de aangeboden diensten gebruik te maken. Deze website mistynotes.nl is een blog, en heeft niet veel illustraties nodig. Zo heeft die moeiteloos een A-label.

In ieder geval is het optimaliseren van afbeeldingen door die bulkresize-website een fluitje van een cent, en omdat er niks wordt ge-upload ook nog privé. Geen idee waar die site van betaald wordt, maar hopelijk volgt die niet dezelfde weg van platformverval als zoveel andere leuke initiatieven zijn gegaan.

Tja, lui ben ik dus wel gebleven door al dat gemak, maar ik ben wel weer een heel klein beetje slimmer geworden, want ik heb alweer wat geleerd over kleine pixels die toch wel erg belangrijk kunnen zijn.

Foto via Robert Zunikoff op Unsplash

#website #webp

Discuss...

Een hele tijd geleden zag ik op Mastodon een post naar een site die “markdeep” presenteerde. Sommige linkjes die ik interessant vind, die zet ik onder mijn browser-favorieten in het mapje “lopend”, met de bedoeling om er later naar te kijken. Later, ja. Ik denk dat het alweer een jaar geleden is. Of misschien wel meer. Het komt natuurlijk doordat ik in ¨markdeep” niet echt een gereedschap of toepassing zag die ik zelf kon gebruiken. Toch zijn er mensen, bedrijven en volgens de website zelfs universiteiten die het gebruiken. Markup, markdown, en markdeep. Als je dat iets zegt, zou je verder kunnen lezen. Of html misschien...?

Met html maak je webpagina's. html noemt men ook een mark-up-taal. Je “merkt” sommige stukken van je tekst als speciaal “aan”. Bijvoorbeeld de titel, of een kop, of een subkopje. Dit is handig voor zoekmachines: een kop is wel iets om te tonen als een mens er naar zoekt. Maar het is ook handig voor de browser om de kop iets groter te presenteren op de webpagina dan de paragraaftekst. In html kun je bijvoorbeeld een kop “merken” of “markeren” op deze manier: <h1>Trump chickens out again!</h1>. Dat Trump belangrijk is, daar zal hij het zelf wel mee eens zijn. In dit geval is het niet Trump die belangrijk is maar het stukje tekst, de titel van het artikel. Gelukkig maar. De paragraaf die volgt kun je in de html-mark-up tussen deze twee tags zetten: <p> blabla </p>. Op deze manier kun je ieder stukje tekst een soort van waarde toekennen. En met die waarde kun je ieder stukje tekst op een ander manier laten presenteren. Zo is html dus een “opmaaktaal”. Een voorbeeld van html? Hier is een deel van de html van deze pagina.

Dat ziet er eerlijk gezegd niet echt gezellig uit. Om steeds die <, > en ook die / te typen... Dat is vervelend. Nu zijn er natuurlijk al lang programma's waarmee je op een makkelijke manier webpagina's kunt maken, en die dan zelf html maken. Of je typt een tekst in een tekstverwerker en exporteert het als een html bestand (dan is de extensie van het bestand “.html”). Dat zou toch een prima oplossing zijn. Niet dan?

Markdown

Een tijd geleden bedacht men een makkelijkere manier om op eenzelfde manier de tekst te structureren. En omdat men grappig wilde zijn (net als ik vaak) noemde men dat markdown. Op de manier van markdown kun je een kop als volgt presenteren: # Trump chickens out again!. Alleen maar simpel een hekje ervoor zetten, dus. Er zijn editors en websites die helemaal op markdown ingesteld zijn, en je de tekst presenteren zoals je het op die gestructureerde manier hebt aangegeven. Ikzelf gebruik bijvoorbeeld Apostrophe of het notitieboekje Joplin voor markdown-teksten. En deze website is ook geschreven in markdown, maar door write naar html omgezet. Dus met markdown was ik al bekend. Markdown heeft nog steeds volgelingen, ook al kun je op makkelijke manieren html laten genereren als je een website wil maken. Op deze website worden wat voor- en nadelen van markdown genoemd.

Over 5000 jaar

Je hoeft in ieder geval de muis niet te gebruiken, en de markdown-tekst is eigenlijk altijd te lezen in elk tekstprogramma. Tekstverwerkers zoals MSWord of LibreOffice Writer zetten in het bestand dat je opslaat allerlei rare tekens om bijvoorbeeld aan te geven dat een stukje tekst een kop is. Dat kunnen ook tekens zijn die je niet kunt afdrukken. Dat heeft ook tot gevolg dat andere tekstverwerkers jouw tekst niet goed kunnen tonen, of in ieder geval moeite moeten doen om die goed te tonen. En dan bestaat er dus wel een groot risico, dat jouw tekst door archeologen na 5000 jaar niet meer, of niet meer goed te lezen is. Ja, en eigenlijk schrijven we allemaal natuurlijk voor die archeologen in de toekomst. Ikzelf vond het leuk om markdown te gebruiken om een blogje te schrijven. Ik hou wel van minimalisme en weinig tierelantijntjes. Dat is natuurlijk heel persoonlijk. Ik vind het verder ook prettig om de muis niet te gebruiken in een tekstverwerker, maar gewoon door te kunnen blijven typen. Dus gebruik ik een “editor”.

We gaan nog wat dieper

Goed. Maar wat is markdeep dan? Kortgezegd: met markdeep kun je markdown omzetten in markup, html dus. Is dat handig? Ja, als je tekst die je in markdown heb getypt in je browser wil zien. Je kunt dat op verschillende manieren doen. Beginnen met het inladen van een stukje tekst dat ze een template noemen, en dan je eigen tekst typen. Ik heb ervoor gekozen om een regeltje op het einde van mijn markdown-tekst te kopiëren, en dan in plaats van het bestandje op te slaan met de extensie .md (markdown), op te slaan met de extensie md.html. Uiteindelijk is dit dus een html-bestand en zal je browser het bestand openen. Je browser ziet dan vervolgens het script in de laatste regel, en gebruikt dat script om al je geschreven tekst in html om te zetten en te tonen. Heel mooi gedaan! Het werkt ook nog.

wordt

Waarom?

Afgezien van mijn nerd-achtige bewondering van de werking van dit mooie stukje gereedschap, kan ik me niet zo goed bedenken of ik dit nu ooit zou gebruiken. Ik gebruik write.as, en apostrophy. Andere mensen zouden deze programma's ook kunnen gebruiken. Ik kan me alleen voorstellen dat het handig is als je een tekst als markdown presenteert op een server om te tonen, en dat die server bijvoorbeeld automatisch een template verweeft met je tekst, of gewoon die laatste scriptregel vast gaat plakken aan je stuk tekst, voordat de server die aanbiedt op het internet. En dat is in wezen dezelfde werking als ik nu bij write.as ervaar (wel betaald). Maar laat het me weten, wanneer je een toepassing ziet die ik over het hoofd zie.

#website #markdown #html

Discuss...

Laatst was ik op zoek naar een bedrijf dat hulp of begeleiding biedt met hosting voor onze website kantamassage.nl. Het leuke is, dat je dan meteen ook blogjes leest om een indruk te krijgen van dat bedrijf. En ik las dit blogje over het voordeel van het webp-formaat voor afbeeldingen. Nu had ik er al eerder aan gedacht om al de jpg afbeeldingen om te zetten, en één afbeelding had ik al in webp formaat gezet, maar ik vond het steeds veel te veel werk om al die afbeeldingen te converteren. En... dat is het eigenlijk helemaal niet!

Want er is een heel oud en uitgebreid converteerprogramma beschikbaar: Imagemagick. Dit programma biedt via de commandline de mogelijkheid om een heleboel bestanden ineens te verwerken. Als je Imagemagick installeert heb je, naast het commando imagemagick, de beschikking over een aantal commando's die je in een terminalvenster kunt gebruiken. Eén ervan, convert, had ik al gebruikt, om pdf bestanden om te zetten in een jpg bestand, zonder dat je er een screenshot of een andere work-around voor hoeft te gebruiken.

convert -density 300 -quality 100 filenaam.pdf filenaam.jpg

Dat ging heel snel en makkelijk, daarom dacht ik dat die magie ook gebruikt zou kunnen worden om snel webp-bestanden aan te maken. Ik moest er wel even voor zitten. Het commando is kennelijk mogrify.

mogrify -format webp *.jpg

Het resultaat levert inderdaad een aantal bestanden op die een stuk kleiner zijn dan hun jpg-versie. In een enkel geval zag ik dat het verschil niet zo groot was. Waar dat aan ligt, weet ik niet en laat ik nu maar even voor wat het is.

Daarna hoef je alleen nog een zoek- en vervang-opdracht in je html uit te voeren (alleen de index.html bij ons), waarbij alle .jpg vervangen wordt door .webp en je bent klaar. Natuurlijk ga je dat wel even testen. Het kan namelijk zijn dat de oriëntatie van de illustratie is veranderd. Althans, nadat ik het mogrify-commando had uitgevoerd was daar bij twee foto's wel sprake van. Maar iedereen test natuurlijk zijn website voordat hij hem online zet.

Simpel en stom

Voor mij is het alweer een bevestiging dat het KISS principe werkt. Had ik een ingewikkelde wp-site gemaakt, dan had ik al die foto's waarschijnlijk één voor één moeten uploaden. Misschien is er een tooltje waarmee je dat op een ftp-manier kunt doen, maar dat moet je volgens mij extra aanschaffen. En bovendien zul je op al die plekken de verwijzingen naar de illustraties moeten zoeken en de extensie in de naam handmatig aanpassen. Dat zoek- en prutswerk hoef ik gelukkig niet te doen. Jeyj!

#website #kiss #imagemagick #pdf #jpg #webp

Discuss...

Mijn allereerste blogje van zeven jaar geleden ging over de oude, maar vertrouwde rss-techniek. Een manier om snel websites te bekijken, buiten de websites om. Vooral handig als je mensen wil volgen die blogs schrijven, maar ook handig om nieuwssites te volgen. Eigenlijk is het een manier van “koppensnellen”, een ouderwetse term geloof ik alweer, om te beschrijven hoe je snel een krant leest, door alleen de koppen boven de artikelen te lezen. Nu kun je met rss koppen van meerdere kranten en blogjes tegelijk “snellen”. Als je meer wil weten over rss, zoek het dan maar eens op wikipedia.

Het volgen van social media via rss is wat moeilijker. Vooral omdat de gevestigde Big Tech het niet graag heeft dat je ziet welke inhoud er op hun site is, zonder dat je die site bezoekt. Statistieken en bezoekersaantallen zijn nog steeds erg belangrijk. Hoe meer mensen de sites bezoeken, hoe meer mensen te verleiden zijn om er lang te blijven, mee te doen en hun gegevens daar te “doneren”. Dus rss-feeds wil men dan niet beschikbaar stellen. Vroeger was er bijvoorbeeld wel een rss-feed beschikbaar voor Facebook, maar dat is vrij snel weggehaald. Dat geldt allemaal niet voor social media in de “fediverse”. Deze media zijn niet opgezet om data en geld uit de gebruikers te kloppen. Daarom is het maken van een rss-feed van een account juist door de makers van dit soort social media heel gemakkelijk gemaakt.

Joplin

Nu volg ik de officiële blog van Joplin, een open-source notitie-programma. Maar ik zag later, dat zij veel meer nieuwtjes publiceren op hun Mastodon-account. En die zou ik ook graag in mijn feedreader kunnen volgen. Zie ter vergelijking de data van de twee rss-feeds:

Simpel

Hoe simpel kan het zijn, om een rss-feed van het mastodon-account te maken? Kopieer de url van het account en plak er .rss achter! In ons geval: https://mastodon.social/@joplinapp wordt https://mastodon.social/@joplinapp.rss.

Met andere woorden, dit verhaal is een aardige inleiding met een hele korte kern. Ik kan er ook niets aan doen dat het zo simpel is. Veel plezier met nog meer koppen snellen!

Discuss...

Omdat Bluesky een relatief nieuw medium is en ik nog op een website een vrij oude Font Awesome gebruik om deelknoppen te laten zien, kan ik geen gebruik maken van het nieuwe icoontje. Het is voor mij als luilak, te veel werk alles naar de nieuwe Font Awesome te laten refereren. Dus, dan maar iets anders verzinnen.

Er is een website waarmee je icoontjes kunt maken: iconify.

En zoals je ziet is het bluesky-icoontje hier al netjes klaargemaakt. Het mooie is dat je hiermee ook code kunt genereren die je simpel in je eigen website kunt kopiëren. Dat spreekt mij natuurlijk wel aan. Ik heb een paar minimale aanpassingen moeten doen, en het werkt gewoon. Dit is de gekopieerde code voor de website:

/* Bluesky icoontje*/
.fa-bluesky{
height: 20px;
width: 20px;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMiAxMC44Yy0xLjA4Ny0yLjExNC00LjA0Ni02LjA1My02Ljc5OC03Ljk5NUMyLjU2Ni45NDQgMS41NjEgMS4yNjYuOTAyIDEuNTY1Qy4xMzkgMS45MDggMCAzLjA4IDAgMy43NjhjMCAuNjkuMzc4IDUuNjUuNjI0IDYuNDc5Yy44MTUgMi43MzYgMy43MTMgMy42NiA2LjM4MyAzLjM2NHEuMjA0LS4wMy40MTUtLjA1NnEtLjIwNy4wMzMtLjQxNS4wNTZjLTMuOTEyLjU4LTcuMzg3IDIuMDA1LTIuODMgNy4wNzhjNS4wMTMgNS4xOSA2Ljg3LTEuMTEzIDcuODIzLTQuMzA4Yy45NTMgMy4xOTUgMi4wNSA5LjI3MSA3LjczMyA0LjMwOGM0LjI2Ny00LjMwOCAxLjE3Mi02LjQ5OC0yLjc0LTcuMDc4YTkgOSAwIDAgMS0uNDE1LS4wNTZxLjIxLjAyNi40MTUuMDU2YzIuNjcuMjk3IDUuNTY4LS42MjggNi4zODMtMy4zNjRjLjI0Ni0uODI4LjYyNC01Ljc5LjYyNC02LjQ3OGMwLS42OS0uMTM5LTEuODYxLS45MDItMi4yMDZjLS42NTktLjI5OC0xLjY2NC0uNjItNC4zIDEuMjRDMTYuMDQ2IDQuNzQ4IDEzLjA4NyA4LjY4NyAxMiAxMC44Ii8+PC9zdmc+");
}

Awesome deception

Deze code maakt dus het icoontje aan, zodat het verderop gebruikt kan worden onder de misleidende naam: fa-bluesky. 🕶 Voor de grootte en breedte heb ik hier 20px genomen, omdat de standaard van 1em het Bluesky-icoontje wel erg dominant-groot tegenover de andere icoontjes maakt. En dat willen we natuurlijk niet. De URL die onder het knopje moet, vind je op een informatiepagina van Bluesky. En uiteindelijk staat het er als volgt genoteerd:

<a href="https://bsky.app/intent/compose?text=Voor%20ontspanning%20en%20vermindering%20van%20pijn%20en%20stress%3A%20Kanta%20Thaise%20Massage%20https%3A%2F%2Fkantamassage.nl"><i class="fa fa-bluesky w3-hover-opacity"></i></a>

En mocht je benieuwd zijn welke website het betreft: kantamassage.nl.

#internet #bluesky #website #fontawesome

Discuss...

Zoals in een vorig blogje gesteld: als je iemand iets interessants wil laten zien kun je in plaats van een link naar de website te sturen, ervoor kiezen om een link direct naar het hoofdstukje te sturen. Maar ik zie nu dat het nòg gemakkelijker kan: je stuurt een link naar het geselecteerd stukje tekst op die website.

Selecteren maar!

Hiervoor is sinds kort een mogelijkheid uitgevonden: “text fragments”. In de link die je maakt naar de tekst zet je dan #:~:text=. En achter het =teken vul je de tekst in die je op de website geselecteerd wil zien. Deze tekst moet wel volgens de url-conventies werken en dus url-encoded zijn. Er zijn online veel hulpmiddelen die je helpen bij het maken van deze url-encoded tekst. Laten we een voorbeeld maken. We proberen de eerste zin van het artikel “Link meteen door naar dat interessante hoofdstuk” te selecteren:

Stel je voor dat je een artikel op internet gelezen hebt dat je met iemand wil delen.

Eerst de gewone url naar de website noteren.

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk.

Daarachter dus

#:~:text=

en daar weer achter de te selecteren tekst van die website, url-encoded.

Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen.

Samen dus:

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat%20je%20een%20artikel%20op%20internet%20gelezen%20hebt%20dat%20je%20met%20iemand%20wil%20delen

En als link: “kijk eens naar dit stukje tekst!“

Van begin tot eind

Het gebruik van tekst-fragmenten biedt nog extra mogelijkheden. Als je bijvoorbeeld een groot stuk tekst wil selecteren, dan is het vervelend om die hele tekst in de url te zetten. Je kunt dan het begin van de tekst en het eind van de tekst weergeven, gescheiden door een komma. De tekst ertussen wordt er dan automatisch bij gezocht. Dus het voorbeeldje hierboven kan wel korter.

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=Stel%20je%20voor%20dat,delen.

En als link: “Kijk eens naar dit stukje tekst!

Maar, welke dan?

Nu kan het zijn dat je naar een website refereert met heel veel tekst. En laat nou in die tekst een zinnetje of woord dat je wil selecteren drie keer voorkomen, en je wilt alleen de derde selecteren. Dan kun je die onderscheiden door de tekst die voor en achter de selectie komt mee te geven. Ook weer gescheiden door komma's. Tekst die vóór de selectie komt (prefix) krijgt op het eind een streepje. En de tekst die na de selectie komt (suffix), krijgt aan het begin een streepje. Als ik bijvoorbeeld naar het woordje ov-chipkaart wil verwijzen in het artikel, dan zie je dat dit woordje vaker voorkomt. De context van de derde keer dat dit woord voorkomt is:

De naam van het id: “Ov-chipkaart” plak je dan aan de url met een hekje (#) ertussen.

We kunnen hier nu aan refereren door id: en plak te gebruiken als prefix en suffix: id:-,“Ov-chipkaart”,-plak dan wordt de url:

https://mistynotes.nl/link-meteen-door-naar-dat-interessante-hoofdstuk/#:~:text=id:-,“Ov-chipkaart”,-plak

Dus: “Kijk eens naar het derde woordje ov-chipkaart” op de website!

Er zijn nog wel meer mogelijkheden met deze tekstfragmenten, zoals meerdere stukken tekst selecteren, en de kleur en stijl van de selectie bepalen. Bekijk ze maar eens. Sommige zijn echter bedoeld voor de mensen die de websites maken.

Blits

Toegegeven, voor de ontvanger van jouw link is het dan wel een stuk gemakkelijker, het samenstellen van de link is wel wat werk. Dus het is altijd wel even afwegen of je het ervoor over hebt, om even de blits te maken met een geselecteerde tekst in een link.

#internet #links #website

Discuss...

Na de exodus bij twitter, nu genaamd 𝕏, vlogen er mensen uit naar alternatieven. Twee van die alternatieven zijn Mastodon en Bluesky. Beide zijn “federated”, dat betekent dat er verschillende instanties mogelijk zijn op verschillende computers of servers die met elkaar kunnen praten. De meeste fediverse alternatieven gebruiken voor het communiceren met elkaar het activitypub protocol. Bluesky heeft echter een apart communicatieprotocol, en kan daarom alleen met andere Bluesky instanties communiceren. In de praktijk zijn er tot nu toe niet veel andere Bluesky instanties.
Er zijn natuurlijk mensen die van Twitter naar Bluesky uitvlogen, en als je zelf alleen op Mastodon verblijft dan kun je deze mensen via je Mastodon account niet volgen. Er is echter een “work-around”, een zogenaamde “bridge”, die het mogelijk maakt dat Bluesky en Mastodon accounts elkaar kunnen volgen, en zelfs met elkaar kunnen communiceren.

Bruggen bouwen

Met een bridge is het dus mogelijk om accounts van Bluesky op Mastodon te volgen en omgekeerd op Bluesky accounts op Mastodon te volgen. Op Bluesky heb ik een tijd geleden een account MistyNotes aangemaakt, en ik heb al vrij lang een shockingGreen account op Mastodon. Ik ben benieuwd, gewoon om het uit te proberen, of het mij lukt deze met elkaar te verbinden, zodat ze elkaar kunnen volgen. Hoe gaat dit nu in zijn werk?

Het belangrijkste is om allereerst op de twee platformen een speciaal daarvoor gemaakt account te volgen: bridgy. Op Mastodon is dat @bsky.brid.gy@bsky.brid.gy en op Bluesky is dat @ap.brid.gy.

Ik zoek op Mastodon het bridgy account om het te volgen. Bridgy is dan zo aardig om mij terug te volgen.

Ik krijg dan ook de volgende tekst te zien:

Welcome to Bridgy Fed! Your account will soon be bridged to Bluesky at shockingGreen.mastodon.nl.ap.brid.gy. See the docs and your user page for more information. To disable this and delete your bridged profile, block this account.

Op Bluesky zoek ik bridgy...

en volg het, door op de followknop te drukken.

Hier krijg ik eenzelfde soort tekst in de chat-sectie:

Welcome to Bridgy Fed! Your account will soon be bridged to the fediverse at @mistynotes.bsky.social@bsky.brid.gy. See the docs and your user page for more information. To disable this and delete your bridged profile, block this account.

Nu heb ik dus van beide kanten een bruggetje gemaakt.

Follow me

Nu is het zaak elkaar te gaan volgen Als ik terugga naar het bericht op Mastodon en ik klik op @mistynotes.bsky.social@bsky.brid.gy Dan opent zich een tab in mijn browser in het Bluesky-platform en toont het shockingGreen-profiel. Die kan ik dan volgen, door op de follow-knop te drukken.

Dus nu volgt mijn Bluesky account het Mastodon account.

In Mastodon zoek ik naar het Bluesky account van MistyNotes, en druk op de knop “volgen”.

Ook hier een bericht van een nieuwe volger.

Test geslaagd

Als ik op Mastodon een bericht aanmaak, dan zie ik dat terug in de tijdlijn op het Bluesky account en als ik een bericht aanmaak op mijn Bluesky account dan zie ik dat in mijn Mastodon omgeving terug.

Test geslaagd. Erg leuk, nu kan ik mezelf volgen. Maar het gaat er natuurlijk om, om anderen vanaf Mastodon op Bluesky te kunnen volgen (en andersom). Vooral omdat ik zelf niet zo vaak op Bluesky inlog zou dat wel handig zijn. Helaas is het dan wel nodig dat de personen op Bluesky dat bruggetje actief gemaakt hebben, door bridgy te volgen. En dat is nu juist vaak niet het geval. Persoonlijke kennissen zijn zo gevraagd, maar BN-ers zullen dat niet zo snel doen.

In ieder geval heb ik gezien dat het technisch werkt, en dat ik dit zou kunnen gebruiken. Het is mogelijk dat in de toekomst de communicatieprotocollen op elkaar worden afgestemd, maar dat kan nog wel even op zich laten wachten, als het al gebeurt.

Locked in

Zelf ben ik eerlijk gezegd niet zo'n voorstander van Bluesky, omdat er nog centralistische elementen in zitten, zoals de aparte centraal beheerde schakelpunten (relays) buiten de directe BlyeSky-omgeving. Ook word je vrijwel opgesloten: je kunt niet gemakkelijk van het ene naar het andere alternatief gaan. Maar van de andere kant ziet het er natuurlijk wel mooi uit en lijkt het erg veel op Twitter, of X.

#fediverse #mastodon #bluesky #internet

Phishingmails komen tegenwoordig wel zo ongeveer dagelijks in je mailbox. Sommige van die mails lijken wel heel erg echt. Het is een speciale kunst om die berichten te ontmaskeren. En soms werken de instanties die mailings versturen hierin niet echt mee. Want waarom makkelijk als het moeilijk kan?

Strubbelingen met VinkVink

Vandaag kreeg ik een mail over de inlogmethode van mijn nieuwe zorgverzekering VinkVink over hun app. Daarin stond dat ik op 6 mei ook een mail hierover had gekregen. En dat klopt ook. Die mail had ik ter verificatie naar fraudehelpdesk <valse-email@fraudehelpdesk.nl> gestuurd. Ik kreeg een bericht terug dat dit waarschijnlijk een phishing mail was. Ik had zelf namelijk gezien dat het domein niet vinkvink.nl is, maar mailing-vinkvink.nl. Ik wilde dat toen al melden, maar ik zag geen chat knop op hun website. Via telefoon of mail is dat verder niet mogelijk.

Contact

Vandaag wilde ik het nog eens melden, want ook vandaag oordeelde de fraudehelpdesk dat het een phishing mail is, maar ik vond alweer geen chatknop rechtsonder in het scherm. De app werkte ook niet goed met het inloggen via digid door een storing vandaag. Als dan het inloggen niet werkt, krijg je het advies om contact op te nemen met de servicedesk, die er dus ook niet is. Al met al heel frustrerend, en draagt niet bij aan het vertrouwen in VinkVink.

Lekker moeilijk maken

Ik heb nu ondertussen ontdekt dat de chatknop tevoorschijn komt als je de ad-blocker uitzet. Waarom dat precies is, heb ik nog niet bekeken, maar ik vind het niet doordacht van de websitebeheerder om dit niet goed te testen, of dit feit gewoon te negeren. Via de chat ben ik er daarna achter gekomen dat dit géén phishing mail was. Noa de chatbot zegt namelijk:

Onze commerciële mailingen zijn afkomstig van het volgende e-mailadres: vinkvink@post.mailing-vinkvink.nl.

Hoe kan een gebruiker in godsnaam weten of dit een phishing mail is of niet, wanneer VinkVink zelf andere domeinen gebruikt voor hun mailing? Ligt het niet voor de hand een subdomein voor de mailing te gebruiken, zoals bijvoorbeeld mailing.vinkvink.nl?

Nonchalant

Het komt nogal nonchalant over, geen contactmogelijkheid als je een adblocker gebruikt en een apart mailingdomein, waardoor het niet te herkennen is als authentiek afkomstig van de organisatie. Hopelijk komen hier geen ongelukken door. Je hebt wel zeker meer dan zeven vinkjes nodig om al deze hobbels zonder problemen te kunnen nemen.

#vinkvink #security #phishing

Discuss...

Stel je voor dat je een artikel op internet gelezen hebt dat je met iemand wil delen. Met name van een bepaald gedeelte uit dat lange artikel vermoed je dat je vriend of vriendin dat interessant gaat vinden. De voor de hand liggende manier om je artikel te delen, is de url naar je kennis sturen, en hem vertellen welk hoofdstukje daarin interessant is. Maar soms is het mogelijk om de link zo aan te passen dat die meteen naar dat interessante hoofdstukje wijst.

Gekraakt

In Wikipedia bijvoorbeeld, vind je een artikel dat vermeldt dat pc-active de ov-chipkaart kraakte. Van dat gegeven weet je dat je vriend dat reuze interessant vindt, en je wil dat graag delen. De url van de pagina vind je bovenaan in de url-balk van je browser. De url in dit geval is: https://nl.wikipedia.org/wiki/PC-Active

Inspectie

Als je deze url als link gebruikt en aanklikt kom je dus terecht aan het begin van de pagina op de website. Maar als je naar het hoofdstuk wil verwijzen dat over de Ov-chipkaart gaat, moet je even snel kijken of dat kopje in de browser voorzien is van een “id”. Dat kun je doen door er met de rechtermuisknop op te drukken en “inspecteren” te kiezen.

Hier zie je dan dat er inderdaad een id bestaat voor deze paragraaf.

De naam van het id: “Ov-chipkaart” plak je dan aan de url met een hekje (#) ertussen. https://nl.wikipedia.org/wiki/PC-Active#Ov-chipkaart

Klaar! Deze url kopieer je dan en stuur je in de mail naar je vriend, of in een bericht op social media. Zo wordt de url beschikbaar als link naar precies die paragraaf die je wilt laten zien.

Helaas hebben niet alle paragraafkopjes op internet een id. Maar als er wel een id beschikbaar is (en dat heb je snel gecheckt), dan doe je je vriend een groot plezier door hem minder te laten zoeken en scrollen naar de plek die jij bedoelt.

Dus: “toets een hekje” om direct doorverbonden te worden naar de juiste plek.

#website #internet

Discuss...