Beste code-editor: Brackets

Door Robin Boers - juli 27, 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. Ook kan je je scherm opdelen in 2 stukken (splitscreen). Zo kan je in twee bestanden tegelijk werken. Dat doe je door op het rechthoekige pictogram naast de bestandenlijst te klikken. Maar het handigst vind ik live voorbeeld. In live voorbeeld kun kijken hoe je code er in de browser uitziet, en zodra jij in je code iets veranderd, veranderd het mee in de browser. Je zet Live Voorbeeld aan, door op het bliksemschicht pictogram te klikken, in de rechter bovenhoek van het scherm


Een standaard HTML-document in Brackets


Een CSS-document in Brackets


Inline editor voor CSS in Brackets 


Inline editor voor kleuren in Brackets


Splitscreen in Brackets

En dan nu tot slot, een filmpje over Live Voorbeeld, en de andere functies



Ik hoop dat jullie iets aan deze blogpost gehad hebben, en tot de volgende keer!
Robin

Nindo App

Door Robin Boers - juli 25, 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. Dat komt opdat ik een Web App Manifest heb toegevoegd. Je kan er openbare berichten in plaatsen, met Nindo. Ook kan je privé berichten versturen en chatten. Hieronder zie je een paar screenshots:










Je kan de app hier vinden: DGAW
Dit was het alweer... Wil je meer weten? Laat het me weten in de reacties!

Doeii, Robin

PS: Hier is nog een video waarin ik de app laat zien (IOS)


Blogger Thema: Theme Orange

Door Robin Boers - juli 25, 2019

Heyy, ik heb gister een nieuw blogger thema gemaakt. Het heet Theme Orange. Het is gemaakt voor sterrenkruid.nl. Het bevat een homepage, waarop kleine beschrijvingen van de blogposts staan, met een thumbnail. Er is een mooie zijbalk, en een grote footer. Ook staat er in de header een plaatje.



Een simpele blogpost






De homepage




De header




De sidebar


Wil je het downloaden? Kijk dan eens hier: Theme Orange

Welkom

Door Robin Boers - juli 25, 2019

Hai, ik ben Robin. Ik heb een eigen website, en ik maak website's. Op dit blog, zet ik berichten over zelfgemaakte site's, thema's en over nieuwe ontwikkelingen op het gebied van webdevelopment, html5, css3 en meer.