Er zijn meerdere CSS-codegenerators die dit toestaanu om effecten toe te voegen aan afbeeldingen, tekst of elementen. Deze codegenerators zijn wat ze zijn en geven u alleen de CSS-code. Met weinig van hen kunt u kiezen hoe u de CSS in uw HTML-bestand wilt laden. Wat ze aan jou overlaten, is het HTML-bestand maken en klassen daarin handmatig definiëren. XEO CSS is een CSS-codegenerator en een HTML-editor. Het creëert een HTML-bestand en geeft de optie om klassen te laden van HTML, ID's van HTML naar elementennamen ervan. Wijzigingen in CSS worden aangebracht via een visuele editor en er is weinig of geen codering bij betrokken. U kunt meerdere bestanden opslaan door u aan te melden bij de service en ze op elk gewenst moment verder te bewerken.
U hoeft zich niet per se aan te melden voor eenaccount, kunt u alle functies van de app gebruiken zonder u aan te melden, maar kunt u geen bestanden opslaan. Wanneer u de applicatie voor het eerst gebruikt, toont deze u een voorbeeld van een HTML-paginapagina. Alles, van het lettertype, de achtergrondkleur tot de slagschaduw kan worden bewerkt.
U kunt beginnen door het HTML-bestand te bewerkenof het CSS-bestand. Beide worden afzonderlijk bewerkt en opgeslagen; wanneer u CSS-wijzigingen aanbrengt, moet u op de knop Opslaan klikken. CSS-bestand wordt opgeslagen wanneer je erin bent Voorbeeld modus. Klik op de knop Opslaan HTML-editor modus om eventuele wijzigingen in het HTML-bestand op te slaan.
Met de HTML-sjabloon die standaard wordt geladen,er is ook een CSS-bestand en alle klassen in het bestand worden in een paneel aan de linkerkant weergegeven. U kunt een van deze klassen toevoegen of verwijderen. Als u een klasse wilt toevoegen, klikt u op het plusteken en begint u de naam van de klas te typen. Als u een klasse wilt verwijderen, selecteert u deze en klikt u op het minteken.
Met de bovenste navigatiebalk kunt u schakelen tussen de HTML-editor, CSS-code, CSS-editor en de voorbeeldmodus.
Als u CSS voor een bepaalde selector wilt bewerken, selecteert u dezein het linkerdeelvenster en klik op CSS Editor in de navigatiebalk bovenaan. Er wordt een visuele editor geopend waarmee u de achtergrond, typografie (tekst), dimensies, lay-outs, transformaties, randen en overgangen kunt bewerken. Met de editor kunt u door CSS gedefinieerde attributen bewerken die u normaal gesproken zou moeten coderen.
Als u ervoor kiest een nieuwe selector toe te voegen, kunt u dezelfde editor gebruiken om de kenmerken ervan te definiëren en de klasse toe te passen waar u maar wilt door het HTML-bestand te bewerken. Klik Opslaan na zowel HTML- als CSS-wijzigingen. De save-functie heeft een paar glitches en terwijl uw CSS-bestand altijd wordt opgeslagen, is het HTML-bestand mogelijk niet zo. Zorg ervoor dat u altijd de code van de respectieve HTML- en CSS-codeweergaven kopieert.
Bezoek XEO CSS
Comments