Stories

Astro - das neue Javascript Framework

Haben Sie schon von Astro , dem neuen JS-Framework gehört? Noch ein Framework werden Sie sich vielleicht denken. Ja, ein weiteres Framework. Aber dieses lohnt sich wirklich. Es wird vieles in der Frontend-Entwicklung ändern. Im Kern ist Astro ein Static Site Generator und ein Meta-Framework. Man...

Grundlagen des Intrinsic Web Design

Der Begriff wurde bereits 2018 von Jen Simmons ( der eine oder andere kennt sie vielleicht noch aus der Drupal Community ) eingeführt und beschreibt Layout Möglichkeiten mit aktuellen CSS Standards, die es in den Jahren als Responsive Web Design bekannt wurde noch nicht gab. Hierzu gehören :...

Utterances

Statische Websites und React Apps verfügen von Haus aus über kein Kommentarsystem. Es gibt externe Systeme wie Disqus, die man problemlos einsetzen kann allerdings zum Preis von Werbung und User Tracking. Und die Kommentare und User-Daten liegen dann beim Anbieter. Ich habe für Scrivito vor...

Aktuelle Covid-19 Daten

Unser neues Angebot

Wir erstellen wunderschöne Websites und Landingpages, auch als Google AMP oder als Progressive Web Application für alle Branchen, vom Handwerksbetrieb bis zum Künstler, für Solo-Selbstständige, für kleine lokale Unternehmen und für den Mittelstand, für Vereine und NGOs, für Museen und Galerien....

Content Management in der Cloud

Was beutet das alles für dich und welchen Nutzen und Mehrwert bietet dir ein solches CMS? Kein eigener oder Shared Server erforderlich. Keine Kosten für die Installation des CMS. Keine Kosten für die Installation eines Datenbank Systems. Keine Kosten für die Wartung dieser Komponenten. Keine...

React Hooks

In React kennen wir zwei Typen von Components: Genau das ist mit React Hooks möglich. Die folgende einfache Komponente renderd eine Headline. Fügt man einen Hook, hier useState, hinzu, hat man eine Stateful Function Component. Das Beispiel ist ziemlich sinnfrei, zeigt aber wie einfach es ist....

Unsplash Images in deinem CMS

Wer auf seiner Website Bilder von Unsplash.com einsetzen möchte, muss eine immer wiederkehrende, etwas umständliche Prozedur durchlaufen. Unsplash im Browser aufrufen. Ein Bild suchen. Bild herunterladen. Das Bild im CMS hochladen. Das Bild auf irgendeiner Seite einbinden. Je nach CMS kann der...

20 React Component Libraries

Egal welche React UI-Library Sie einsetzen, wir erstellen daraus Scrivito Widgets für Ihr Unternehmen. So können Ihre MitarbeiterInnen ohne technischen Support React Komponenten auf Websites einsetzen, konfigurieren und mit Inhalt füllen. Das könnte Sie auch interessieren.

PDF-Viewer Widget

Scrivito macht es extrem einfach bestehende React Komponenten einzubinden und über Scrivito konfigurierbar zu machen. Die React Komponente react-pdf benötigt ein Attribut, die URL zur PDF-Datei. Das lässt sich mit diesen wenigen Zeilen Code umsetzen. Auf der rechten Seite sehen Sie ein Beispiel....

Lazy loading image test

Eine auf interaktiven Websites häufig benötigte Funktion ist so etwas wie isElementVisible . Irgendetwas z.B. eine Animation soll erst angestoßen werden, wenn das Element im Viewport auftaucht. Dafür gibt es eine sehr gute React Komponente, die ich heute in Scrivito eingebunden habe. Insbesondere...

Scrivito und Snipcart

Snipcart ist die E-Commerce Lösung für alle bereits existierenden Sites. Sehr gut durchdacht, ohne komplizierte Hürden. Die Art und Weise, wie Snipcart funktioniert eignet sich hervorragend für Scrivito Sites, aber natürlich auch für alle anderen Websites. Bei anderen Lösungen ist es oft so, dass...

Versionskontrolle in einem Content Management System

Scrivito ist das einzige, mir bekannte CMS, welches über ein Versionskontrollsystem für Inhalte und Assets verfügt. Unten finden Sie Links zur Dokumentation. Das könnte Sie auch interessieren

Wann begann die digitale Transformation?

Zur digitalen Transformation, die m.E. seit den späten 90er Jahren stattfindet, war natürlich zuerst die Digitalisierung notwendig. Der Einzug von Personal Computer in private Haushalte war der Meilenstein der frühen, massenhaften Digitalisierung. Niemand hätte sich vorher eine Büromaschine zu...

Scrivito 1.6.1

Die neue Version des React CMS Scrivito beinhaltet einige nützliche Verbesserungen . Einfaches Austauschen von Bildern und anderen Assets Schnellere Ladezeiten von Background Images Wiederherstellung von Widgets Wer kennt das nicht? Auf einer Website muss ein Bild ausgetauscht werden. Z.B. aus...

React Props und States

Die Bildleiste, welche oben zu sehen ist, mag auf den ersten Blick wenig spektakulär sein, aber aus Sicht eines React-Entwicklers bietet sie einiges, um sich mit Props und States vertraut zu machen. Und das Ergebnis ist doch auch ein schöner “Eyecatcher“. Gefunden habe ich ihn auf der Startseite...

Range Slider Komponente

Wer in den letzten Monaten hin und wieder unsere Website aufgesucht hat, weiß, dass mich das React CMS Scrivito total begeistert. Das liegt zum Einen an den einfachen, aber vielfältigen Möglichkeiten, die Scrivito Endbenutzern zur Erstellung von Websites bietet und zum Anderen an der Tatsache...

Interaktive Charts

Wie gehen Sie vor, wenn Sie Unternehmens- oder Produktdaten, als Chart auf Ihrer Website anzeigen wollen? Lassen Sie Grafiken produzieren? Das ist zeitaufwendig, teuer und kaum aktuell zu halten. Oder lassen Sie sich interaktive Charts programmieren? Das ist schon viel besser. Aber Sie benötigen...

CMS und Overlays

Wenn, du folgende Anforderungsliste liest, wirst du bei deinem Lieblings-CMS, möglicherweise den Kopf schütteln. Nicht machbar. Ein Endbenutzer, ohne technische Kenntnisse, soll auf jeder beliebigen Seite ein Overlay anlegen können. Mit einem Klick kann der Inhalt des Overlays erstellt und später...

Europeana

Europeana.eu ist eine virtuelle Bibliothek, die einer breiten Öffentlichkeit das wissenschaftliche und kulturelle Erbe Europas von der Vor- und Frühgeschichte bis in die Gegenwart in Form von Bild-, Text-, Ton- und Video-Dateien zugänglich machen soll. Wikipedia European bietet eine umfangreiche...

Scrivito und Hubspot

Für einen Kunden habe ich ein Widget entwickelt, welche die Hubspot Blogposts liest und in Scrivito anzeigt. Ich habe das Scrivito-Widget so programmiert, dass ein Endbenutzer über die Konfiguration angeben kann, welche Felder von Hubspot benutzt werden sollen. Dadurch behält man die Flexibilität...

Firebase

Firebase ist eine Cloud-Plattform von Google für Entwickler. Die Services in Firebase sind für Entwickler vorgesehen, die für Apps keinen eigenen Server einrichten und betreiben möchten. Eine App muss häufig nur geringe Datenmengen speichern, abrufen und verarbeiten. Der Betrieb eines eigenen...

React Components und Scrivito Widgets

Im Prinzip gibt es zwei Arten von Scrivito Widgets. Solche, die als Widget entwickelt werden, mit denen dann Inhalte erfasst werden können und die ihren Inhalt besonders darstellen. Dazu gehört mein Eyecatcher Widget. Dann gibt es Widget, die eine existierende React-Komponente importieren und...

Streaming und Scrivito

Wenn Sie auf Websites mehr als nur ein paar kleine Videos anzeigen möchten, kommen Sie an einer Streaming-Plattform nicht vorbei. Eine der beliebtesten ist JW-Player . Wie der Name erkennen lässt, handelt es sich hierbei um einen Video-Player und eine Streaming-Plattform . Tatsächlich hat die...

Scrivito Teaser Referenzen

Zu den wichtigsten Elementen auf Websites gehören Teaser . Jeder kennt Sie z.B. von Blog-Übersichtsseiten oder einem News-Bereich einer Website. Sie dienen dazu Inhalte anzuteasern und einen Link zu einem Artikel oder Blogbeitrag anzubieten. Teaser sind quasi eine aussagekräftige Art von Links....

Externe Daten und Scrivito Widgets

Ich habe in den letzten Wochen viel über die Programmierung von Widgets und dem Scrivito CMS geschrieben. Wie aber sieht es mit der Einbindung externer Daten aus? Z.B. mit JSON. Dank Axios ist der Aufruf eines JSON Endpoints sehr simpel. Ebenso einfach ist das Rendern der Daten mit React. Wie...

React Komponenten und Scrivito Widgets

Auf Github stehen unzählige React-Komponenten zur Verfügung. Die Nutzung ist für Entwickler gedacht. Aber was ist, wenn Endbenutzer diese einsetzen und den Inhalt einer Komponente einfach editieren möchten? Hier kommt das Scrivito CMS ins Spiel. Scrivito macht es Entwicklern sehr einfach, eine...

Up Counter

Wenn ein Scrivito Widget stateful sein soll, muss zwingend eine ReactJS Komponente entwickelt werden, die mit Scrivito “kommuniziert“. Nur so ist es möglich, dass auf der einen Seite Scrivito, mit seinen Möglichkeiten zum Bearbeiten von Inhalten und Attributen, funktioniert, und auf der anderen...

Swipe Gestures für Websites

Jede halbwegs vernünftige Website ist Responsive , also für Smartphones und Tablets optimiert. Aber selten findet man Features, wie sie von Apps bekannt sind. Dazu gehören Swipe Gestures . Gerade für Progressive Web Apps ist es aber notwendig, so viel wie möglich anzubieten, was Benutzer von...

Neue Scrivito Widgets

In diesem Beitrag möchte ich neue Scrivito Widgets vorstellen, die ich entwickelt habe. Dazu gehören auch meine ersten Stateful React Components. Stateful Components fügen einem Widget Interaktivität hinzu. In diesem Fall wird über Tabs der Inhalt des Widgets ausgetauscht. Wie immer beim Scrivito...

Scrivito - das CMS für Content-Marketer

Content-Marketing stellt Sie und Ihr Team tagtäglich vor große Herausforderungen. Sie müssen exzellenten Inhalt zur Verfügung stellen, eine neue Kampagne muss schnellstmöglich Online gestellt werden, Sie müssen ständig mit Ihrem IT-Dienstleister kommunizieren und Sie fragen sich immer “ Geht das...

Kollaboratives Content Management

Bevor ich die Möglichkeiten des kollaborativen Arbeitens , mit dem Scrivito CMS , vorstelle, möchte ich kurz auf Scrivitos Arbeitskopien eingehen. Wenn Sie Inhalte mit Scrivito erstellen oder bearbeiten, beginnen Sie immer mit einer Arbeitskopie. Sie legen entweder eine neue Arbeitskopie an oder...

ReactJS Programmierung

Mein erstes selbst entwickeltes Scrivito Widget. Unterhalb dieses Bereichs sehen Sie eine “Share This” Komponente. Die gleiche Komponente habe ich vor längerer Zeit mit Vue.js entwickelt. Da lag es nahe, dass ich diese Komponente, als Vorlage für mein erstes Scrivito Widget benutzt habe. Scrivito...

Das Content Management System für Gründer

Du bist gerade dabei dein eigenes Unternehmen zu gründen? Dann benötigst du schnellstens eine Website. Eine Präsenz im Netz ist das kostengünstigste Marketing und PR-Instrument. Damit du die Inhalte selbst erstellen und verwalten kannst, benötigst du ein Content Management System . Aber welches?...

Scrivito PWA

Über die Bedeutung von Progressive Web Apps habe ich hier ja schon geschrieben. Da ist es natürlich naheliegend, dass aus mdwp.de auch eine PWA wird. Und das ist gestern geschehen. Ich möchte hier kurz beschreiben, welche Schritte notwendig waren, um das zu erreichen. Die einfachste Möglichkeit...

Drupal

Obwohl ich hier auf mdwp.de seit einiger Zeit Scrivito als CMS einsetze und auch empfehle, gibt es Projekte für die ich nach wie vor unbedingt Drupal nutzen würde. Dazu gehören Communities, wie die von uns entwickelte Community des Verlags C.H. Beck oder Bürgerbeteiligungs-Plattformen, wie das...

Github-Projekte

Das könnte Sie auch interessieren

Hybride App-Entwicklung mit Vue.js, Framework7 und GraphCMS

Framework7 ist ein HTML5, CSS und Javascript Framework, welches die Erstellung von Benutzeroberflächen ermöglicht, die dem Look & Feel nativer Oberflächen sehr nahe kommen. Es gibt unzählige Komponenten, vom einfachen Button, über Media Listen, Accordions, Smart Selects, Modals, Popups...

Scrivito

Scrivito ist so konzipiert, dass alles was Sie auf einer Website machen möchten, wirklich einfach ist. Es ist alles so, wie Sie es sich schon immer gewünscht haben. So wie Content Management schon immer hätte sein sollen. Selbst das Arbeiten mit Links ist Benutzerfreundlicher, als in anderen...

PWA - Progressive Web Apps

Progressive, also fortschrittliche Web Apps, sollen die Apps der Zukunft werden. So stellt es sich zumindest Google vor. Apps sollen dann nicht mehr über App-Stores installiert werden, sondern einfach über den Browser. Es sei mal dahingestellt, ob sich dieses Model durchsetzt, aber bereits heute...