BeaverBuilder: Registrierung und Nutzungstricks des Form Field

Stell dir vor, im Standard-Modul des BeaverBuilders fehlt ein Modul, mit dem du eine Galerie aus mehreren Bildern erstellen kannst. Doch was wäre, wenn du alle deine Bilder in einem einzigen Modul zusammenführen könntest? Ein Modul, dass es dir ermöglicht, mühelos mehrere Bilder hinzuzufügen und deine Galerie damit zu gestalten.

Weiterlesen

Developer Playgrounds im Überblick

Als Entwickler steht man oft vor der Frage: Wie setzte ich das am besten um? Aber muss man alles immer gleich an einem bestehenden Projekt testen oder gar ein Testprojekt anlegen? Genau dafür gibt es Developer Playgrounds. Diese bieten jeweils in unterschiedlichem Aufbau und Funktionsumfang die Möglichkeit Code-Snippets anzulegen, zu teilen und sogar kollaborativ daran zu arbeiten. Je nach Playground von kleinen HTML, CSS und Javascript Snippets bis hin zu kompletten Projektarchitekturen mit Angular, Vue u.v.m. Sogar für PHP und SQL gibt es eigene Spielwiesen. Bei der Suche im Netz findet man eine Vielzahl von unterschieden Angeboten. Doch welchen davon sollte ich für meinen Test oder sogar mein Testprojekt verwenden? Um auf diese Frage eine Antwort zu findet kommt es immer sehr stark darauf an, was man gerade erarbeiten möchte.

Weiterlesen

Rey’s CSS Haxx: CSS Variablen

Wie heißt es so schön: „LESS is SASS“, oder auf deutsch: „Weniger ist mehr“. Genau nach diesem Motto wollen wir uns heute die „neuen“ CSS Variablen angucken und uns überlegen, ob diese LESS und SASS nicht ein für alle Mal überflüssig machen.

Weiterlesen

Die Suche nach dem passenden Editor

In meinem bisherigen Studium habe ich mich schon öfters auf die Suche nach einem Editor für die Webentwicklung gemacht. In diesem Blogbeitrag möchte ich Euch ein paar Editoren vorstellen die eventuell auch für Euch in Frage kommen. Die Editoren sind für Einsteiger und Fortgeschrittene der Webentwicklung gut geeignet. Für mich als Student ist es natürlich wichtig, dass die Software nichts kostet, damit am Ende vom Monat noch genug Geld für Johannisbeerschorle übrig bleibt.

Weiterlesen

Rey’s CSS Haxx: Wie man ein Element zentriert

Zentralisierung ist das A und O. Doch während man bei einer horizontalen Ausrichtung das gute alte margin:0 auto in den Ring wirft, sieht die Sache bei einer vertikalen Ausrichtung schon anders aus. Wie kriegt man also dieses doofe Blockelement komplett mittig zentriert? Der alte Onkel Rey hat die Antwort für euch parat.

Weiterlesen

Wie der SHIFT gelingt. Oder: wie ein Relaunch abläuft

Jede Dekade wieder heißt es: der Relaunch steht an. Wobei eine Dekade ein wenig übertrieben ist. Wir wollen ja mit der Zeit gehen. Und auch Relaunch sagt man jetzt nicht mehr. Wir wollen ja fancy klingen. Daher nennen wir unseren Relaunch einfach mal SHIFT. Der Name ergibt sich im späteren Verlauf aus dem Kontext.

Weiterlesen

HTML5 Canvas – Eine kleine Einführung

Der HTML Canvas beschreibt eine Fläche in unserem HTML-Dokument, in welcher Pixel frei manipuliert werden können. Das bedeutet wir können auf dieser Fläche Grafiken per JavaScript schnell, einfach und unkompliziert erstellen. Der Vorteil gegenüber statischen Grafiken ist, dass wir jederzeit Linien, Kreise, Farben und mehr verändern und anpassen können. In diesem Beitrag möchte ich euch eine kleine Einführung geben, wie ihr auf eurem Canvas zeichnen könnt.

Weiterlesen

CSS Positionierung

Wie du deine Webseite gestaltest, hängt stark von dem Positioning einzelner Elemente und deren Abständen zueinander sowie auch zum Inhalt ab. Daher ist es ratsam, dass bei der Erstellung der Webseite eine Struktur angelegt wird, an der man sich orientieren sollte. An sich ist dieses Thema einfach, doch hierbei kannst du als Gestalter vieles falsch machen. Daher geht es in diesem Artikel darum, wie du die Positionierung richtig setzt.

Weiterlesen

Eine Einführung in HTML und CSS

Im ersten Teil beschäftigen wir uns mit den Grundlagen von HTML, insbesondere der allgemeinen Dokumentenstruktur, verschiedenen HTML-Elementen und ihren Attributen. Anschließend betrachten wir CSS, den Zweck, die Definition von Regeln und wie es mit HTML interagiert.

Weiterlesen