Skip to content

Typografie: 12 wichtige Grundlagen für den richtigen Einsatz von Schriften

Die Typografie ist einer der bedeutendsten Bereiche der Gestaltung. Typografie kann man als die Kunst verstehen, möglichst die richtigen und optimalen Proportionen und Farben für Texte zu bestimmen. Die zwölf in diesem Artikel aufgegriffenen Punkte und Beispiele sollen Dir dabei helfen die Grundlagen guter Typografie und den konkreten Einsatz von Schriften in verschiedenen Medien zu lernen und zu verstehen. Das Wort Typographie setzt sich dabei… 

Suchmaschinen-Algorithmen

Der Algorithmus einer Suchmaschine ist eine Reihe von Regeln, die eine Suchmaschine verwendet, um Listen als Antwort auf eine Suchanfrage zu erstellen und wird manchmal auch als die „secret sauce“ bezeichnet. Suchmaschinen schicken in regelmäßigen Abständen einen Crawler durch das Netz, um alle Webseiten und deren Inhalte zu indexieren. Der erste Schritt besteht darin, herauszufinden, welche Seiten im Internet existieren. Da es kein zentrales Verzeichnis… 

Einführung in HTML5

Von der Theorie in die Praxis… Beispielseite Um den Sinn von HTML besser zu verstehen, werfen wir dich einfach einmal ins kalte Wasser und fangen mit einer kleinen Beispiel-Webseite an. Damit soll ein kleiner Überblick dieser Einführung geboten werden. In dieser Beispielseite führen wir die wichtigsten Elemente einer Seite ein: Den Seitentitel, Überschriften und Absätze: Gehen Sie einfach einmal auf „Dieses Beispiel in einem neuen… 

Symbolik der Farben

In diesem Artikel möchte ich auf die Grundlagen der Farbpsychologie eingehen. Abgesehen von der einfachen Wahrnehmung einer Farbe (rot, blau, etc.) lösen in uns Farben bestimmte Gefühle und Reize aus, die wir mit diesen Farben verbinden. Oft sind die Reize und Gefühle die Jemand mit einem Farbton verbindet individuell geprägt. Jedoch gibt es bei Menschen aus ähnlichen Kulturkreisen viele Ähnlichkeiten bei der Empfindung von Farben.… 

Die besten HTML5-Video-Player

Nachdem Adobe Flash Player nun offiziell eingestellt wurde, sind HTML5-Player der neue Branchenstandard. Aus diesem Grund ist es höchste Zeit, über Ihre Optionen für das Videostreaming im Jahr 2021 nachzudenken. In diesem Artikel fassen wir die Funktionsweise von HTML5-Playern zusammen und stellen unsere sechs besten Empfehlungen für das Streaming von Live- und Video-on-Demand (VOD)-Inhalten vor. Wie funktionieren HTML5-Player? Als HTML5 die Media Source Extensions (MSE)… 

Die 7 Ittenschen Farbkontraste

Die 7 Farbkontraste: Farbkontraste sind erkennbar, wenn sich im Vergleich mindestens zweier nebeneinanderliegender Farben erkennbare Unterschiede ergeben. Diese Unterschiede setzen sich immer aus dem Farbton, der Helligkeit und der Farbsättigung zusammen. Der Schweizer Maler und Kunsttheoretiker Johannes Itten untersuchte die Wirkung von kontrastierenden Farben und entwickelte die folgenden sieben Farbkontraste: Der Hell-Dunkel-Kontrast (Helligkeitskontrast) Mit dem Hell-Dunkel-Kontrast ist die Helligkeit einer Farbe (Tonwert) gemeint. Wandelt man… 

Farbangaben in CSS – Farben definieren

In CSS gibt es diverse Möglichkeiten Farbwerte für Rahmen, die Schriftfarbe oder Hintergründe zu definieren. Diese stellen wir hier schrittweise vor: RGB in Hexadezimalzahlen In CSS 1 und 2 gibt es identische Möglichkeiten, bestimmten Eigenschaften Farbwerte zuzuweisen. Als häufigste Form findet man Farben als Hexadezimalwert deklariert. Um diese Notation zu verstehen, braucht es zunächst eine kurze Einführung in das Hexadezimalsystem: Das hexadezimale Zahlensystem kennt 16… 

Die besten WordPress Formular-Plugins: Form-Builder im Vergleich

Wer die beliebtesten Formular-Plugins für WordPress miteinander vergleicht, stellt schnell fest: Alle kosten quasi das gleiche und haben fast identische Features. Rein von der Oberfläche oder der Featureliste scheint es unmöglich, sich für eines der Pakete zu entscheiden. Daher haben wir in diesem Beitrag die vier populärsten Formbuilder auf den Prüfstand gestellt und ordentlich durchleuchtet: Formidable Forms, Gravity Forms, NinjaForms und WPForms. Jedes Formular-Plugin muss im… 

Freie Lizenzen

Um Webmastern zu helfen, stellen viele Open Source Initiativen Code, Inhalte und Medien unter freien Lizenzen zur Verfügung, die man unter bestimmten Bedingungen auf der eigenen Website verwenden kann. Diese Lizenzen ermöglichen es häufig, eine Arbeit ohne rechtliche Einschränkungen weiterzuverwenden und mit der ganzen Welt zu teilen. Um mehr über diese Lizenzen zu erfahren und darüber, wie sie deiner Website nützen, lies jetzt diesen Blogbeitrag!… 

Animationen im Web: CSS vs. Javascript

Animationen mittels CSS 3 sind mittlerweile eine gängige Methode, die von vielen Websites im Internet verwendet wird. So nutzt z.B. der Newsfeed von Facebook CSS, um bestimmte Elemente zu animieren, wenn man durch Beiträge nach unten oder oben scrollt. Sie lässt sich mit einfachen CSS-Stylesheets schnell umsetzen, ohne dass du Code in Javascript schreiben musst (was allerdings einige CSS-Kenntnisse voraussetzt). In diesem Blogbeitrag erfahren Sie,… 

Load Balancing mit DNS Round Robin und Bind

Bei großen Projekten oder in Unternehmen ist die oftmals Auslastung der einzelnen Server ein Problem. Große Zugriffszahlen und Ressourcen hungrige Applikationen treiben die Last oftmals in gefährliche Bereiche. Zwar kann man durch neuere Hardware oder der Aufrüstung der bestehenden Infrastruktur gegensteuern, doch wird dies schnell sehr teuer.  In diesem Blogbeitrag zeige ich Ihnen, wie Sie DNS-Round-Robin mit Bind konfigurieren. Wir werden auch einen Blick auf… 

JavaScript in HTML einbinden

JavaScript ist eine dynamische und leistungsstarke Programmiersprache, die zur Verbesserung von Websites verwendet werden kann. Die Flexibilität von JavaScript ermöglicht die Integration in HTML (die Auszeichnungssprache des Webs). In diesem Blogbeitrag erfahren Sie, wie Sie JavaScript in HTML integrieren können, indem Sie die Funktionen der einzelnen Teile erklären. Er enthält auch Beispiele als Referenz. Fangen wir an! Code direkt in HTML-Datei schreiben Am Einfachsten bindet… 

SASS & SCSS – Umfangreiches CSS ganz einfach

CSS ist eine Sprache, die wir alle kennen und lieben, aber es kann schwierig sein, mit den Aktualisierungen Schritt zu halten. SCSS und SASS hingegen bieten einige große Vorteile gegenüber einfachem CSS: Es ist effizienter, leichter zu pflegen und modularisiert Ihren Code. In diesem Blogbeitrag werden diese Vorteile von SASS und SCSS näher erläutert! Was ist SASS und was ist SCSS? SASS steht für Syntactically… 

PHP: JSON verwenden

Der Einsatz von JSON in PHP ist sehr sinnvoll, nur wo? Vorstellbar ist z.B., Rechte eines Benutzers in einer Datenbank zu speichern. Aber auch nach einem Request durch Ajax das JSON Objekt, das dank den Funktionen als String vorliegt, wieder an JavaScript zu senden.Dadurch lassen sich auf einfache Art und Weise neue Daten auf der Seite ausgeben. Hinweis: In diesem Artikel wird allerdings weder gezeigt, wie Ajax funktioniert, noch… 

PHP-Sicherheit: include() absichern

Leider sind sich viele PHP-Anfänger nicht über die Macht der include()-Funktion bewusst. So lassen sich mit dieser auch entfernte Dateien, Dateien die über den Browser nicht aufrufbar sind oder Dateien außerhalb des eigenen Webspaces laden. Hierzu 2 Beispiele: Externe Dateien:Ein include(‚http://www.domain.de/datei.xxx‘); wird von PHP ausgeführt. Wenn die externe Datei nun selbst PHP-Code enthält, so wird dieser vom PHP-Interpreter geladen, als wäre es eigener Code. Somit… 

CSS 3

Cascading Style Sheets (CSS) ist eine Stylesheet-Sprache, die zur Beschreibung der Präsentation eines in einer Auszeichnungssprache wie HTML geschriebenen Dokuments verwendet wird. CSS ist neben HTML und JavaScript ein Eckpfeiler der Technologie des World Wide Web. CSS wurde entwickelt, um die Trennung von Präsentation und Inhalt, einschließlich Layout, Farben und Schriftarten, zu ermöglichen. Diese Trennung kann die Zugänglichkeit von Inhalten verbessern, mehr Flexibilität und Kontrolle… 

Der Div-Wahnsinn

Der Begriff Div-Wahnsinn (auch Divitis oder Div-Suppe genannt) ist ein Phänomen, das oft im Bereich der CSS-basierten Layouts zu finden ist. Er bezeichnet den übermäßigen Gebrauch von div-Elementen im Seitenaufbau. Beim div-Element handelt es sich in (X)HTML um ein allgemeines Blockelement ohne feste Bedeutung, es kann also prinzipiell immer dann eingesetzt werden, wenn ein Blockelement benötigt wird. Allerdings gibt es in vielen Fällen Elemente, die semantisch sinnvoller… 

Sichere Synchronisation mit rsync unter Windows

rsync wird unter Linux-Systemen gerne zur Synchronisation oder zum Backup von Dateien verwendet. Hierbei besticht es durch einfache Verwendung und effiziente Nutzung der Bandbreite. Dank cygwin kann rsync auch unter Windows eingesetzt werden. Linux-Werkzeuge unter Windows zu verwenden haben hierbei mehrere Vorteile gegenüber kommerziellen Synchronisations-Lösungen: Keinerlei Lizenzkosten Einsatz im heterogenen Netzwerk möglich Meist gute Dokumentation Oftmals existiert eine Vielzahl an Tools Die Idee/Notwendigkeit rsync unter Windows zu verwenden… 

×