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

SVG- und CSS-Filter: Ein Vergleich

SVG-Filter sind Filtereffekte, die – anders als es ihr Name vermuten lässt – nicht nur auf SVG-Dateien, sondern auf sämtliche Bild-Dateien und sogar auf einzelne HTML-Elemente und Texte innerhalb einer Webseite angewendet werden können. Sie bieten eine hohe Browserabdeckung, sind aber leider nicht besonders intuitiv zu handhaben. Anders dagegen die CSS-Filter: durch das filter-Attribut lassen sie sich recht einfach auf einer Webseite einsetzen. Allerdings werden sie nur von den neueren Browserversionen unterstützt und bieten nicht ganz so viele Möglichkeiten in der Konfiguration wie SVG-Filter. CSS-Filter stellen eine vereinfachte, kleine Schnittmenge der SVG-Filter dar.

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

Mythos CSS4: Warum es die neue Version nie geben wird

Die Menschen lieben es zu zählen. Alles muss Zahlen haben. So wird „Krieg der Sterne“ zu „Star Wars: Episode IV“, Graf Zahl singt fröhlich sein Liedchen und journalistische Qualität verkommt zu einer Auflistung von 10 Gründen, warum Zahlen toll sind. So ist es natürlich auch bei Entwicklern. Alles bekommt Versionsnummern. Manchmal sogar dezimal. Da ist es nur verständlich, dass die Webentwicklungswelt nach CSS3 sehnsüchtig auf die Veröffentlichung von CSS4 wartet. Denn 4 ist immer besser als 3.

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

Web Fonts für Halunken – Ladezeit und Einbindung

Wie Milchschrift Kunst ist, so kann auch die passend gewählte Schriftart einer Webseite Kunst sein, oder das auswählen des Entsprechenden Formates. In diesem Beitrag besprechen wir welche Typen (auch Arten genannt) es von Web Fonts gibt (es gibt noch mehr, die hier genannten sind aber die geläufigsten), wie Schriften vom Browser geladen werden und wie Schriften im CSS eingebunden und benutzt werden.

Weiterlesen