Kategorie: Coding

Keine Scheu vor HTML, CSS & Co.: lerne Schritt fĂŒr Schritt, wie Coding funktioniert und wie du damit deinen Blog anpassen kannst!


Aktuelles Jahr mit date() im Footer anzeigen

So zeigst du immer das aktuelle Jahr im Footer an

Gerade wenn dein Blog schon lĂ€nger besteht, kannst du das gern stolz im Footer anzeigen: „© Jane Doe 2013-2024“. Wie bekommst du es hin, dass dabei das aktuelle Jahr automatisch eingefĂŒgt wird und du das nicht immer zum Jahreswechsel aktualisieren musst?

Farben in CSS

So wird’s bunt: Farben in CSS

Keine Angst vor #f35723 & Co.! Was sich hinter den mysteriösen Farbcodes in CSS verbirgt und wie du selber ganz einfach Farbe ins Spiel bringst:

Schriftgestaltung mit HTML & CSS

Willkommen zum nĂ€chsten Artikel der Reihe {Coding Love}! 🙂 Die Grundlagen von HTML & CSS hast du ja bereits in Teil 1 und Teil 2 kennengelernt.Heute wird es konkreter – du erfĂ€hrst, wie du Texte mit verschiedenen HTML-Tags fĂŒr Überschriften, AbsĂ€tze, AufzĂ€hlungen und so weiter versiehst und wie du anschließend mit CSS die SchriftgrĂ¶ĂŸe und Schriftart, […]

HTML & CSS – jetzt kannst du loslegen

Na? Juckt es dir in den Fingern, endlich deinen ersten eigenen Code zu tippen? 🙂Auf geht’s! Im ersten Teil meiner EinfĂŒhrung in das Thema HTML & CSS hast du ja schon erfahren, wofĂŒr du die beiden Sprachen benötigst und wie sie generell aufgebaut sind. Heute geht’s weiter mit dem zweiten Teil der Basics: wo gibst […]

Sublime Text – mein liebster Texteditor

Beim Werkeln an deinem Blog wirst du frĂŒher oder spĂ€ter mit den HTML- und CSS-Dateien zu tun haben – hier eine zusĂ€tzliche Box, da eine andere Farbe… oder vielleicht auch ein komplett selber gecodetes Layout?Ein guter Texteditor macht dir das Leben hier entschieden leichter! 🙂 Zwar kannst du bei den meisten Blogsystemen die CSS- und […]

Schick und schlank: so verwendest du Icon Fonts

Icons lockern ein Design angenehm auf und helfen deinen Lesern dabei, sich intuitiv zurechtzufinden: das charakteristische „f“ erfasst man viel schneller als das Wort „Facebook“, und wenn unter deinem Artikel eine Sprechblase mit einer Zahl darin steht, ist klar, dass es sich um die Anzahl der Kommentare handelt. WĂ€hrend solche Icons in der Vergangenheit in […]

So kannst du Links schick gestalten

Ohne sie wÀre das Internet nicht denkbar: Verlinkungen!

In diesem Tutorial erfÀhrst du, wie du Links in HTML notierst und sie dann mit CSS gestaltest.