#tools
-
Static websites bouwen met Hugo
Geschreven door Robin Boers op 27 december 2022
Ik heb mijn site en blog dit jaar herschreven met behulp van Hugo. Hugo is een static site generator. Dat is een programmaatje dat op basis van je content en een aantal templates de HTML voor je genereerd. Dit is nogal een technische post Om te illustreren hoe dit anders is dan de vorige setup moet ik even uitleggen hoe het eerst werkte. Mijn website was volledig met de hand geschreven in HTML en PHP.
-
Deployment via FTP met GitHub Actions
Geschreven door Robin Boers op 10 april 2022
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.
-
Plannen en projecten voor 2022
Geschreven door Robin Boers op 3 januari 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.
-
vscode.dev: een online versie van VSCode!
Geschreven door Robin Boers op 8 december 2021
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.
-
VSCode extensions maken en publiceren
Geschreven door Robin Boers op 10 september 2021
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!
-
Waar ben ik momenteel in mijn plannen voor dit jaar?
Geschreven door Robin Boers op 7 juli 2021
In deze blogpost praatte ik over mijn doelen voor dit jaar. We zitten nu op de helft van dit jaar, en het leek me een goed moment om te kijken waar ik momenteel sta. Ik noemde in die blogpost zes dingen die ik graag wilde leren en vijf mogelijke projecten.Van de zes dingen waarin ik me wilde verdiepen heb ik er tot nu toe drie geleerd: Linux, Python en Bash. Ik heb geleerd hoe ik commandline apps maak voor Linux met bijvoorbeeld whiptail.
-
WebDev ToolKit: tools voor web- en gamedevelopment
Geschreven door Robin Boers op 20 februari 2021
Ik ben begonnen met het maken van een set tools voor dingen die ik vaak gebruik bij het maken van websites en games. Zo moet ik vaak weten welke Javascript KeyCodes bij welke toets hoort, of ik moet bijvoorbeeld een kleur 25% lichter / donkerder maken. Ook moet ik weleens een kleur van hex naar rgb veranderen. Dit zijn de tools die ik tot nu toe heb. Javascript KeyCodes: https://code.geheimesite.nl/tools/keycode/ Kleuren selector:
-
Atom: een crossplatform code-editor
Geschreven door Robin Boers op 19 februari 2021
Atom is een cross-platform code-editor gebouwd met Chromium en Node.js Ik heb de laatste tijd gewerkt in Atom. En ik moet zeggen dat het me wel bevalt. Ik blijf zelf in vscode, want ik heb nog geen editor gevonden die beter werkt dan vscode, maar Atom is zeker erg goed! Atom alleen is een vrij minimalistische code-editor, maar je kan hem uitbreiden met extensies “packages”, en themes. Je kan bijvoorbeeld de kleur van de syntax highligthing aanpassen.
-
PowerToys: FancyZones
Geschreven door Robin Boers op 14 januari 2021
PowerToys is een open-source set programma’s gemaakt door Microsoft om de ervaring in Windows 10 te verbeteren. Je hebt er dingen als een nieuwe searchbar (Genaamd Run), Resize en Rename tools, een colorpicker, een tool om toetsen op je toetsenbord mee te remappen, en nog wat handige dingetjes. Ik wilde het vandaag hebben over FancyZones. Dat is een van de tools in PowerToys. Met FancyZones kan je je vensters (verschillende apps) makkelijk ordenen.
-
Ik ben van code-editor geswitcht
Geschreven door Robin Boers op 3 maart 2020
Hai, Ik heb een hele tijd geleden een blogje gemaakt over mijn favorite code-editor: Brackets. Altans, dat was mijn favoriete editor. Ik ben namelijk naar Visual Studio Code geswitcht. De reden daarvoor is dat Visual Studio Code ingebouwde GitHub functionaliteit heeft. Daarnaast kan je door ! te typen een hele HTML pagina in een keer maken. Daarnaast vind ik de bestandsbrowser - die kolom links - beter werken. Ook heb je rechts een soort balk waarin je een voorbeeld ziet van het volledige bestand.
-
Brackets installeren
Geschreven door Robin Boers op 27 november 2019
Ik ben momenteel bezig met het maken van tutorials over het coderen van simpele programma’s, spelletjes, websites, en veel meer. Voor al die dingen heb je een code-editor nodig. Daarom is hier een stappenplan, voor het installeren van mijn favoriete code-editor: Brackets Opmerking: in principe kun je ook programmeren in een tekstverwerkers zoals Kladblok (Windows), TextEdit (macOS) of gedit (Linux). Het hebben van een goede code-editor is gewoon erg fijn… PS: gebruik in ieder geval NOOIT Word of een soortgelijke tekstverwerker als code-editor.
-
Beste code-editor: Brackets
Geschreven door Robin Boers op 27 juli 2019
Hey, zoals je waarschijnlijk wel weet, als je op mijn blog komt, houd ik van programmeren. Vandaag, wil ik jullie mijn favoriete code-editor laten zien: Brackets Brackets is een code-editor / IDE gemaakt door Adobe. Ze gebruiken Code Mirror om de code te kunnen highlighten. Brackets bevat een inline editor, om css en kleuren te kunnen bewerken. Dat doe je, door een element, of kleur te selecteren, en op CTRL + e te drukken.