Beste code-editor: Brackets

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

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: deze blogpost is verouderd. Als je de nieuwe versie van de app wil downloaden moet je inloggen op geheimesite.nl en de stappen volgen

Blogger Thema: Theme Orange

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

- Robin

Welkom

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.