mdwp Blog

Nach über zwölf Jahren habe ich entschieden “alte Zöpfe“ abzuschneiden und einen Relaunch mit neuer Technologie durchzuführen. Scrivito gibt mir als Frontend-Entwickler alle Möglichkeiten, um meinen Kunden ein individuelles, sicheres CMS anzubieten. Das Frontend - eine ReactJS SPA überzeugt mit einer sehr guten Geschwindigkeit. Das wissen mobile Besucher zu schätzen.

Blogeinträge

  • Developer MacBook

    React Props und States

    Ein Scrivito Widget für eine optisch ansprechende, interaktive Navigations-Bildleiste.

    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...

  • Bild von Rodion Kutsaev on Unsplash.com

    Bildmasken

    Mit CSS clip-path lassen sich schöne Formen erzeugen. Insbesondere für Bilder geeignet.

    Ich habe ein Scrivito-Widget entwickelt, mit welchem sich per Konfiguration (einfache Auswahl einer Form per Radio-Buttons) Clip-Pfade auf Bilder anwenden lassen. Mit den richtigen Bildern und behutsam eingesetzt, können Sie ihre Websites interessanter gestalten. Sie brauchen dazu nicht mehr auf...

  • Bild von Rawpixel on Unsplash.com

    Range Slider Komponente

    Stellen Sie interaktive Slider z.B. als Preisrechner zur Verfügung.

    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

    React Chart Komponente als Scrivito Widget

    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

    Overlays mit einem CMS zu erstellen, ist Kinderleicht, dank Scrivito.

    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...

  • Photo by Imelda on Unsplash

    Europeana

    Widget zur Integration von Daten der Europeana-Plattform in Scrivito.

    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. WikipediaEuropean bietet eine umfangreiche...

  • Photo by Dorian Mongel on Unsplash

    Scrivito und Hubspot

    Demo - für REST-API Zugriffe mit React und Scrivito.

    Der nachfolgende Blogeintrag wurde nicht als Scrivito-Blogeintrag, sondern als Blogeintrag auf Hubspot geschrieben. Dieser Text hier wurde hingegen in Scrivito geschrieben. Sicherlich ein sehr spezielles Beispiel, welches aber sehr schön demonstriert, wie interne und externe Inhalte gemischt...

  • Photo by Jason Wong on Unsplash

    Firebase

    Dieser Beitrag beschreibt die wichtigsten Firebase Features und geht der Frage nach, was ist eigentlich 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

    Liste meiner bisher entwickelten 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 deren...

  • Streaming und Scrivito

    Ein React Scrivito Widget zum Abruf von Videos.

    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 Firma...

  • Scrivito Teaser Referenzen

    Lesen Sie hier, wie mit dem React CMS Scrivito, Teaser Referenzen eingesetzt werden.

    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.In...

  • Screen with clock on Unsplash by Sabri Tuzco

    Externe Daten und Scrivito Widgets

    Integration externer Daten in Scrivito Widgets via JSON Apis.

    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 Komponenten und Scrivito Widgets

    Wie aus einer React Komponente ein editierbares Scrivito Widget wird.

    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

    Stateful ReactJS Komponente als Scrivito Widget.

    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

    Jeder kennnt Swipe Gestures für Apps. Aber auf Websites, sind diese eher selten zu finden.

    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 native...

  • Neue Scrivito Widgets

    Meine ersten Stateful React Components

    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...

  • News für Content-Marketer

    Lesen Sie hier, wie Ihr Content-Marketing wesentlich verbessert werden kann.

    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

    Gemeinschaftliches Arbeiten am selben Inhalt.

    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...

  • iPad screenshot

    ReactJS Programmierung

    Entwicklung von Widgets mit Scrivito.

    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

    Scrivito ist die zuverlässigste, kosteneffizienteste, und sicherste CMS Lösung.

    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

    Lesen Sie hier, wie eine Scrivito Site zu einer PWA wird.

    Ü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

    Das CMS für Communities, Social Networks, Governments, NGO und Bürgerbeteiligungs-Plattformen.

    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...

  • Developer sunrise

    Github-Projekte

    Zu meinen Github Projekten gehören u.A.  Apps für Phonegap, GraphCMS Apps und solche, die sich mit dem Netlify-CMS für Static Website Engines pflegen lassen.

    Kommentare Das könnte Sie auch interessieren

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

    Das GraphCMS ist ein Decoupled CMS, welches mit GraphQL und allen modernen Javascript Frontendtechnologien wie Vue.js, Angular und React arbeitet.

    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

    Das benutzerfreundliche CMS

    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

    Eine PWA wird bald so selbstverständlich sein, wie eine Responsive Website.

    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...

  • Screenshot von Netlify

    Netlify - Die Deployment und Hosting-Plattform

    Optimale Workflows für JAMstack-Entwickler

    Die US-Amerikanische Firma Netlify betreibt eine ausgezeichnete Plattform für automatische Deployments und dem Hosting von statischen Websites oder Sites des sog. JAMstacks. Netlify nutzt für Deployments das Versionskontrollsystem Git und einen dieser Service-Anbieter: Github, Gitlab oder...

  • Scrivito - das CMS für Frontend-Entwickler

    Mehr als ein Relaunch - mdwp geht “All in“ mit Scrivito

    Nach 13 Jahren Web-Entwicklung mit Drupal, wird es Zeit etwas Neues zu nutzen und möglichen Kunden anzubieten. Das Neue heisst Scrivito und ist ein einzigartiges, neues Content Management System. Es verbindet optimale Möglichkeiten für die Frontend-Erstellung mit einem auf ReactJS basierenden...