Wenn du dich mit Inhalten von Websiten beschäftigst, stolperst du immer wieder über dieselben Begriffe, bei denen es sich auf den ersten Blick um kryptisch klingende Abkürzungen handelt: HTML, CSS, CMS, LMS und LCMS. Was verbirgt sich denn eigentlich hinter diesem Buchstabensalat? ...weiterlesen "CMS oder LMS – was ist der Unterschied?"
Schlagwort: CSS
CSS-Frameworks: Bootstrap vs. Foundation
CSS- oder Frontend-Frameworks sind unter Web-Entwicklern inzwischen weit verbreitet. Denn sie erleichtern die Entwicklung von responsiven Websites – ohne jedes Mal das Rad neu erfinden zu müssen.
Ein CSS-Framework ist eine Sammlung von Gestaltungselementen und Hilfsmitteln für einfaches und standardisiertes Webdesign mit CSS. Die meisten CSS-Frameworks bieten als Basis ein Raster (Grid-System) sowie grundlegende Gestaltungselemente wie z.B. Schriften (Webtypographie), Farben, Buttons, Menüs und Icon-Fonts oder CSS-Sprites. Darüber hinaus bieten die meisten Frameworks JavaScript-basierte Funktionen bzw. die Integration von jQuery, um dynamische Komponenten wie Slider, Bildgalerien, Accordien und PopUp-Fenster zu realisieren. Die Frameworks sind zudem browserkompatibel, d.h. der Fontend-Entwickler muss sich um browserspezifische Anpassungen kaum Gedanken machen. Die Website funktioniert mit allen modernen Browsern und lässt sich ebenso für große wie auch für kleine Bildschirme optimieren und anpassen. Ein weiterer Vorteil ist, dass alle Standard-HTML-Elemente von der Überschrift bis zum Formularfeld durchgestylt sind und über ein Grundstyling verfügen. Die Standard-Eigenschaften können natürlich den individuellen Wünschen angepasst werden. ...weiterlesen "CSS-Frameworks: Bootstrap vs. Foundation"
Das <details>-Tag: Accordion ohne Javascript
In den HTML5-Standard ist ein neues HTML-Tag aufgenommen worden. Mit dem HTML-Tag <details> lässt sich ganz einfach – ohne Javascript – ein Accordion erstellen und mit etwas CSS auch noch entsprechend optisch gestalten.
...weiterlesen "Das <details>-Tag: Accordion ohne Javascript"
Interaktive Lernlandkarten für Moodle erstellen
Interaktive Lernlandkarten sind eine Möglichkeit zur Umsetzung von digitalen Lernpfaden in Moodle und stellen gleichzeitig ein Gamification-Element dar, welches Lernenden auf spielerische Weise den individuellen Lernfortschritt anzeigt.
...weiterlesen "Interaktive Lernlandkarten für Moodle erstellen"