Webdevelopment-En-Meer
Deployment via FTP met GitHub Actions
Zoals je misschien gemerkt hebt heb ik recent mijn blog verhuisd van Blogger naar mijn eigen website. Dit zorgt ervoor dat ik in beheer ben van mijn eigen blog en was ook gelijk een goed excuus om het design eens een keer stevig aan te pakken. Mijn blog is open-source en kan je vinden op GitHub. Zodra ik wijzigingen aanmaak op GitHub gaat er een tooltje genaamd GitHub Actions runnen dat automatisch de nieuwe blogpost publiceerd. Lees meer #open-source #webdesign #tools
De DIY telefoon: dit is het plan.
Dus. DIY telefoon. Dat is de challenge die ik mezelf een jaar geleden heb gegeven. En nu heb ik een concreet plan en, ook niet onbelangrijk, geld om dat plan uit te voeren. In mijn eerste post zette ik een aantal requirements voor mijn telefoon uit. Om even de belangrijkste punten te herhalen: Off-the-shelve parts: alles moet in de winkel verkrijgbaar zijn. Ik ben er nog niet aan toe om zelf PCBs te ontwerpen. Lees meer #diy #rpi
Somtoday ziet er niet uit. Maar we kunnen het oplossen met CSS.
Kennen jullie Somtoday? Voor de mensen die het niet kennen: het is een leerlingvolgsysteem voor het voortgezet onderwijs. En het is toevallig ook wat mijn school, het Lyceum Schravenlant, gebruikt. Som is noice. Je kan er je cijfers, huiswerk en leermiddelen zien. Maar ik zie ook een aantal verbeterpuntjes. Somtoday heeft voor de docenten een uitgebreid dashboard waarin ze het huiswerk kunnen inplannen, cijfers kunnen invoeren, absenties kunnen bijhouden etc. Lees meer #webdesign
Het belang van open standaarden
Als je vroeger iets online wilde zetten had je alleen simpele HTML webpages. Je uploadde ze dan naar je eigen website of blog. Je was op je favoriete blogs geabonneerd via RSS en chatten ging via IRC. Dat zijn open standaarden voor communiceren, die door iedereen ondersteund worden. Maar sinds de opkomst van het zogenoemde “web 2.0” zetten we alles bij Big Tech: Facebook, Microsoft, Apple, Amazon en Google. Denk daar eens over na. Lees meer #social media #open-source
Migreren naar Hugo
Hello. Vanaf vandaag is mijn blog gehost op mijn eigen site met behulp van Hugo. Hugo is een static site generator. Dat betekent dat ik mijn posts gewoon als plain text bestanden schrijf in markdown, zoals ik al sinds een jaar doe, en Hugo dat dan automatisch omzet in HTML en publiceerd naar mijn site. Het voordeel? Ik hoef er veel minder voor te doen, en ben niet afhankelijk van Blogger en Google + hun tracking. Lees meer #blogger #webdesign
Een maand zonder telefoon.
Februari was voor mij een speciale maand. Ik had mezelf namelijk gechallenged om een maand lang mijn telefoon niet te gebruiken. In deze post wil ik graag mijn ervaringen delen. Maar, hoe kwam ik überhaupt op dit idee? Ik merkte dat ik de laatste tijd de iedere keer weer op mijn telefoon zat. Als ik thuis kwam, als ik wakker werd, ’s avonds, op school in alle pauzes en zelfs op de wc. Lees meer #challenge #social media
Leestips: deze blogs raad ik aan in 2022
Mijn vader post op zijn blog wekelijks een post met leestips die hij die week was tegengekomen. Dat leek me een goed idee, maar omdat ik niet half zo veel lees als hij doe ik een jaarlijkse post š Dus dit zijn de blogs die ik graag lees en zeker aanraad als je in softwaredevelopment of computers in het algemeen bent geinterreseerd. Drew Devault’s blog ā https://drewdevault.com Blog over open-source, FOSS en development in het algemeen. Lees meer #leestips #rss
Plannen en projecten voor 2022
Begin vorig jaar plaatste ik deze blogpost over mijn plannen voor 2021. Later dat jaar publiceerde ik een tweede post waarin in reflecteerde op de voltooiing van die plannen en beschreef wat ik dat jaar nog wilde doen. Kleine recap: Express (servers) GTK+ React (+Native) Three.js Dus, gelukt? Sorta. Ik ben uiteindelijk dus toch niet aan de slag gegaan met GTK. Mede omdat de docs vreselijk zijn en Node.js nog slechter gedocumenteerd was. Lees meer #phoenix #elixir #tools
vscode.dev: een online versie van VSCode!
Sinds kort is er een online versie van Visual Studio Code beschikbaar. Dit is bijvoorbeeld handig voor Chromebooks en iPads. Ik heb al eerder geschreven over VSCode. Het is mijn favoriete code editor (ook al is hij ontwikkeld door Microsoft). VSCode is geschreven in Javascript met Electron. Electron is een manier om websites als programma op je computer te draaien. Het is under-the-hood gewoon een Chromium browser met een NodeJS backend. Lees meer #tools
Hoe zit het eigenlijk met die DIY telefoon?
Een aantal maanden geleden heb ik heel enthousiast een post gepubliceerd over hoe ik een telefoon wilde maken. En ik wil nog steeds een telefoon maken. Maar mijn beeld van hoe moeilijk dat zal zijn is nu wel wat realistischer geworden. Want voor het bouwen van een telefoon heb je vrij veel kennis nodig ben ik nu achter. Sommigen van jullie zullen misschien het DunningāKruger effect1 kennen. Voor de lezers die het niet kennen: het betekent eigenlijk gewoon dat hoe meer je weet, hoe beter je je realiseert dat je vrij weinig weet (en hoeveel meer er dus te leren valt). Lees meer #diy
Google, Chromium en een monocultuur op de browsermarkt
De letters die je nu leest zijn door mij getypt, naar een Blogger server gestuurd via een glasvezelverbinding, daar opgeslagen in een database en toen ik op publiceren klikte via RSS en de homepage van mijn blog verspreid naar mijn lezers. Grote kans dat jij nu een browser gebruikt om deze post te lezen (tenzij je een RSS app gebruikt, maar dat is maar een klein percentage van mijn lezers). Een nog grotere kans dat je dit leest via een Chromium browser. Lees meer #browser
Social media, wat moeten we er mee aan?
Facebook, Google, Instagram, Snapchat, TikTok, YouTube. Wat zijn de overeenkomsten? Het zijn allemaal (onderdelen van) grote bedrijven. Ze zijn allemaal rijk groot geworden met computersoftware, en allemaal dankzij de groei van het internet. Maar vooral: ze hebben grote invloed op onze samenleving door middel van social media. Tien jaar geleden dachten we nog dat het een zegen was. Nu lijkt het meer op een vloek. We weten allemaal hoe verslavend het is, hoe het verdeeldheid en een verdraaid wereldbeeld veroorzaakt, hoe onze privacy wordt geschaad en hoe je in rabbitholes kan verdwijnen1. Lees meer #social media
Nieuw SkyLight theme: Simple
Ik heb gister een nieuw default theme voor SkyLight gemaakt. SkyLight is mijn website bouwer. Het default theme was tot nu toe “Ugly Blue”. Ugly Blue was een debugtheme om snel dingen te testen. Sinds de basis voor de editor nu af is vond ik het tijd de site die de bezoekers te zien krijgen een opfrissertje te geven. Het nieuwe theme is gebaseerd op een Blogger theme dat ik voor mijn tweede blog (Stupid Codes) heb gemaakt. Lees meer #SkyLight
VSCode extensions maken en publiceren
Hello world! Ik heb dus vorige week een eigen VSCode extension gemaakt en gepubliceerd. Met VSCode extensions kan je functionaliteit aan de code editor van Microsoft, Visual Studio Code, toevoegen. Ik heb een extension gemaakt die een color theme bevat. Daarmee kan je de interface van VSCode themen. Maar dat op zich was niet zo moeilijk. Ik heb gewoon mijn favoriete color theme, Frontend Delight, in een JSON bestand gegoten, en tadaaaa! Lees meer #tools
Hallo Svelte!
Het afgelopen weekend heb ik een webapp gemaakt genaamd To-Boo. Het is een todo app die de issues van GitHub als todo lijstje gebruikt. De app maakt gebruik van dezelfde API die ik in mijn vorige post beschreef. Verder is deze app niet in Javascript gemaakt maar, huh? Svelte?! Je ging toch React leren Robin? Nope, ik heb me toch bedacht. Ik wilde React leren omdat het het āstandaardā Javascript framework is. Lees meer #javascript
GitHub API: dynamische projecten pagina
Ik heb vandaag wat geƫxperimenteerd met de GitHub API. Een API is een manier om data uit te wisselen tussen verschillende stukken code. Ik kan met de code van mijn website dus de code van GitHub aanspreken via de API. Als ik bijvoorbeeld data wil hebben over mijn eigen profiel, kan ik de GitHub API daarom vragen door een HTTP verzoek (request) naar deze URL te sturen: https://api.github.com/users/RobinBoers Ik krijg dan een reactie (response) van de GitHub API, met daarin alle (publieke) informatie van mijn profiel. Lees meer #webdesign #javascript #api #github