Kategorie: Tutorials
-
Ein WordPress-Theme mit Bootstrap entwickeln – Ein Tutorial für Einsteiger: Teil 2
Was brauchst du? • 50 Minuten Zeit • Text-Editor • Grundkenntnisse in HTML, CSS und WordPress Was ist das Ziel? Am Ende dieses Tutorials hast du ein WordPress-Theme erstellt, das einen fixen Header und eine Sidebar hat. Dabei wird Bootstrap als Framework dienen, d.h. die Webseite wird sich responsiv an…
-
Ein WordPress-Theme mit Bootstrap entwickeln – Ein Tutorial für Einsteiger
Was brauchst du? [white_box] • 30 Minuten Zeit • Text-Editor • Grundkenntnisse in HTML, CSS und WordPress [/white_box] Was ist das Ziel? Am Ende des Tutorials solltest du verstehen, was ein Framework ist und wie Bootstrap und WordPress ineinandergreifen. Auf dieser Grundlage kannst du beginnen, dein eigenes Theme zu entwickeln.…
-
Blog-Starterkit #1: Blog-Thema und Blog-Name wählen
Immer mal wieder werde ich gefragt, ob es eigentlich kompliziert ist einen eigenen Blog einzurichten und welche Schritte dafür nötig sind. Daher möchte ich mit dieser kleinen Blog-Starterkit Artikel-Serie einen ersten praktischen Überblick geben, der Schritt für Schritt erklärt, wie man sich einen eigenen Blog einrichten kann. In der 10-teiligen…
-
Praktische Tipps für die Aufnahme von Screencasts und Video-Podcasts
Da ich öfters gefragt werde, wie und mit welchen Tools wir unsere Screencasts und Video-Podcasts hier auf Elmastudio erstellen, habe ich ein paar Tipps (zur Software, Ausrüstung und Techniken) zusammengestellt, die uns bisher bei der Erstellung von Video-Podcasts und Screencasts weitergeholfen haben.
-
Video-Tipp: HTML- und CSS-Elemente schnell im Browser kontrollieren
Im folgenden kleinen Video-Tutorial möchte ich dir kurz zeigen, wie du mit Hilfe des Google Chrome Developer Tools oder der Firefox- und Safari-Erweiterung Firebug HTML und CSS-Elemente einer Webseite direkt im Browser kontrollieren kannst. So kannst du z.B. schnell die CSS-Klasse und die verwendeten CSS-Eigenschaften eines HTML-Elements heraus finden und…
-
Die Photoswipe Bildergalerie (mit Touchscreen Swipe-Effekt) nutzen
Photoswipe ist eine moderne JavaScript-Bildergalerie, die besonders für mobile Geräte mit Touchscreens optimiert ist. Denn auf Touchscreen-Geräten wie Tablet PCs und Smartphones können die Bilder mit dem beliebten Swipe-Effekt nacheinander „weitergeblättert“ werden. Alternativ (und auch auf Desktop-Monitoren nutzbar) gibt es eine Diashow-Funktion und einen Vor- und Zurück-Button. Auch die Navigation…