#webdesign
-
Status update: Verbeterde navigatie op mijn site en leestips
Geschreven door Robin Boers op 12 februari 2023
Deze week was erg leuk. Ik heb aan mijn site gewerkt, een leuke handbalwedstrijd gespeeld en de verjaardag van een van mijn vrienden gevierd. Website Ik heb nogal veel aan mijn website gewerkt de afgelopen tijd. Deze week heb ik vooral gewerkt aan het vertalen van Engels-only pages naar het Nederlands en aan het overzichtelijk maken van de navigatie van de site. Het menu is nu een stuk simpeler op de homepage dankzij een overflow menu dat alle extra pages bevat.
-
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.
-
Somtoday ziet er niet uit. Maar we kunnen het oplossen met CSS.
Geschreven door Robin Boers op 25 maart 2022
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.
-
Migreren naar Hugo
Geschreven door Robin Boers op 5 maart 2022
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.
-
GitHub API: dynamische projecten pagina
Geschreven door Robin Boers op 26 augustus 2021
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.
-
Mijn eerste (goede) game!
Geschreven door Robin Boers op 23 februari 2021
Ik heb de afgelopen weken erg hard gewerkt aan een game, en die is nu in een staat dat ik er tevreden mee ben. De game heet Sticks and Rocks en het is een 2d exploration game met een topdown camera. Dat betekent dat je het karakter van bovenaf ziet. Ook heeft de game random gegenereerd “destructible” terrein. Das eigenlijk gewoon een coole manier om te zeggen: je kan net als in het echt de wereld om je heen helemaal vernielen :)
-
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:
-
Nieuw project: Nibor
Geschreven door Robin Boers op 27 juli 2020
Hoi, ik ben een tijdje geleden aan een nieuw project begonnen, en het is nu in de fase waarin het redelijk werkt. Het is een virtuele assistent genaamd Nibor Virtual Assistant, of gewoon kort: Nibor. Nibor is een klein programma dat de speech-recognition API gebruikt. Je kunt hem simpele opdrachten geven, zoals: Vertel een grap. Welke dag is het? Hoe laat is het vandaag? Wat is het weer? Hij is nog niet erg slim, omdat ik nog geen goede manier heb gevonden om commando’s op te slaan.
-
Nieuwe app: Website-To-Webapp
Geschreven door Robin Boers op 23 juni 2020
Ik heb de laatste tijd hard gewerkt aan een nieuwe app: Website-To-Webapp. Met deze app kun je van elke website simpel een PWA maken. PWA staat voor Progressive Web App, en betekent eigenlijk dat als je een website toevoegt aan je homescherm, hij opent als app (in een apart scherm). Het voordeel van PWA’s over native apps is dat ze volledig cloud based zijn, en dus geen opslag op je telefoon in beslag nemen.
-
Hyperlinks aan je website toevoegen
Geschreven door Robin Boers op 29 februari 2020
Een tutorial over het bouwen van je eerste website Veel mensen vinden het knap als je zegt dat je een website hebt gemaakt, zonder ontwerpprogramma’s en die onzin, gewoon met code. Maar dat is helemaal toch niet zo lastig? In deze tutorial bouw je je eerste website, daarvoor gebruiken we de talen HTML (HyperText Markup Language), CSS (Cascading StyleSheets) en een beetje JS (JavaScript). Ik ga het proberen makkelijk te houden, maar ik zal er ook blauwe vakken in zetten, daarin ga ik verder op in de code en theorie.
-
Websites bouwen voor beginners.
Geschreven door Robin Boers op 29 februari 2020
Hallo, ik ben Robin. Ik ben 13 jaar, en toen ik 10 was, maakte ik mijn eerste website met dit boek: CoderDojo Nano - Bouw je eigen website. Ik ben inmiddels 13, en ik zit in de brugklas. In deze serie blogjes ga ik je (proberen) uit te leggen, hoe je een website kan bouwen. Ik heb veel ervaring opgedaan tijdens het maken van mijn eigen website, geheimesite.nl, en met die ervaring heb ik dit blog gemaakt.
-
Websites bouwen, hoe moet dat?
Geschreven door Robin Boers op 29 februari 2020
Een tutorial over het bouwen van je eerste website Veel mensen vinden het knap als je zegt dat je een website hebt gemaakt, zonder ontwerpprogramma’s en die onzin, gewoon met code. Maar dat is helemaal toch niet zo lastig? In deze tutorial bouw je je eerste website, daarvoor gebruiken we de talen HTML (HyperText Markup Language), CSS (Cascading StyleSheets) en een beetje JS (JavaScript). Ik ga het proberen makkelijk te houden, maar ik zal er ook blauwe vakken in zetten, daarin ga ik verder op in de code en theorie.
-
Zo maak je een inlogsysteem met PHP en HTML
Geschreven door Robin Boers op 25 februari 2020
Hallo, ik ben Robin. In deze tutorial laat ik zien hoe je een simpel inlogsysteem maakt in PHP. Voor deze video moet je wel de basisvaardigheden van PHP en HTML onder de knie hebben. Wil je leren hoe je je eerste HTML website maakt? Houd dan dit blog in de gaten, want binnenkort plaats ik een beginners handleiding HTML. Kijk voor de broncode van dit project op mijn GitHub profiel: https://github.
-
Nindo App
Geschreven door Robin Boers op 25 juli 2019
Hoi, ik heb pas een app gemaakt. Hij heet DGAW. Dat staat voor De Geheim Agenten Web-app. Want dat is het, een web-app. Hij past zich automatisch aan aan het platform (IOS of Android), zodat ie er toch uitziet als een native app. De layout is gemaakt met Onsen UI. Als je hem aan je beginscherm vastmaakt, ziet het eruit als een systeemeigen app, omdat hij in een eigen venster wordt geopend, zonder browsercontrolls.