Open-Source Webdesign
2024-03-21 / 2024-05-13 von Karsten Reincke | Kommentar schreiben
Als “leistungsstarkes, kostenloses Bootstrap-Starter-Theme für WordPress” verwendet bootScore das Farbdesign von Bootstrap und zeichnet seine Elemente entsprechend aus. Zur Verfeinerung dieser allseits gleichen Ergebnisse liefert es aber Techniken mit. So muss die Webdesignerin erst das eigene Farbkonzept entwickeln und es dann in und mit bootScore umsetzen, wenn sie ein persönliches Outfit ihrer Site möchte:
Weiterlesen »
Schlagworte
export Lizenzkonformität Open-Source Webdesign
2023-09-26 / 2024-05-05 von Karsten Reincke | Kommentar schreiben
Einen adäquaten Cookie-Dialog einzublenden ist das eine. Ihm eine echte Bedeutung zu geben, das andere. Denn die Abfrage allein reicht nicht. Wir müssen die Antworten unserer Leserinnen auch auswerten. Wir dürfen ausschließlich solche Cookies auf deren Rechnern ablegen, die zu schreiben sie oder das Gesetz uns erlaubt haben. Ein JavaScript-Funktion, die das gewährleistet, implementiert die […]
export Lizenzkonformität Webdesign
2023-09-15 / 2024-05-13 von Karsten Reincke | Kommentar schreiben
Wir dürfen Cookies nicht einfach so auf die Festplatte einer Leserin schreiben (lassen). Denn die gehört ihr, nicht uns. Für die Cookies, die technisch notwendig sind, hat sie mit dem Abruf unserer Seite zwar konkludent ihr Einverständnis gegeben. Denn sie wollte unseren Blogbeitrag ja lesen. Die anderen Cookies dürfen wir jedoch nur dann auf ihrem […]
2023-08-23 / 2023-09-16 von Karsten Reincke | Kommentar schreiben
Zweimal hatte ich bereits über ‘SEO’ geschrieben. Alles halb so schlimm, hatte ich gemeint. bootScore zeichne seine Seiten dankenswerterweise ja von Haus aus mit semantischen HTML-Tags aus. Es reiche also, die eigene Sitemap bei Google & Co einzureichen. Die darin erfassten Seiten noch mit Keywords anzureichern, sei nicht nötig, wenn nicht gar schädlich. Denn das […]
Lizenzkonformität Open-Source Webdesign
2023-05-17 / 2023-08-03 von Karsten Reincke | Kommentar schreiben
Um die Übertragung im Netz zu beschleunigen, betten Web-Sites JavaScript-Bibliotheken üblicherweise ‘minified’ ein, in komprimierter Form also. Leerzeichen, Zeilenvorschübe und Kommentare sind daraus entfernt worden. Daher enthalten die Bibliotheken nur noch rudimentäre Lizenzinformationen — jedenfalls nicht den Lizenztext selbst. Aber alle FOSS-Lizenzen verlangen von uns, dass wir einige Compliance-Artefakte mit dem Code zusammen ausliefern — […]
2023-04-23 / 2024-04-29 von Karsten Reincke | Kommentar schreiben
bootScore verbindet Bootstrap und WordPress — als Theme mit ‘responsivem Design’. Dies bringt mit, was die Web-Designerin oft nicht selbst programmieren will. Jetzt kann sie stattdessen auf eine MIT lizenzierte Vorarbeit zurückgreifen, gehostet auf GitHub. Deren ‘Standard-Outfit’ personalisiert sie dann, — als Web-Designerin. Adaptiert werde das Theme — so bootScore -, indem frau dessen “[…] […]
Lizenzkonformität Webdesign
2023-04-21 / 2023-09-16 von Karsten Reincke | Kommentar schreiben
Datenschutz sei komplex und müsse von Expertinnen organisiert werden, wird der WEB-Site-Betreiberin gerne bedeutet. Was aber, wenn sie das Geld dafür nicht hat? Wenn es irgendwie unsinnig erscheint, mit der Kanone eines bezahlten Expertinnenteams auf einen Spatzenblog zu schießen? Dann wird sie sich vielleicht via Google irgendein gerne genutztes WordPress-Plugin für Datenschutz und/oder Cookies organisieren […]
2023-04-19 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Bootstrap* und bootScore verwenden SCSS-Variablen — wie wir wissen. Um Schriften zu gruppieren, bietet die Datei bootstrap/_variables.scss die Variablen $font-family-base, $font-family-sans-serif, $font-family-monospace und $font-family-code. Eine Variable $font-family-serif existiert nicht. Überschreiben wir family-base in unserer Datei _bscore_variables.scss, legen wir den Default neu fest. Wollen wir für unsere Überschriften einen abweichenden Font verwenden, müssen wir die Variablen […]
2023-04-05 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Schrift gehört zum Design, passende Web-Schriften zum Web-Design — nicht nur zu besonderen Anlässen. Mit bootScore können wir Google Fonts direkt einbauen. Uns wird sogar erklärt, wie wir sie lokal hosten und so die Erwähnung im Datenschutzkonzept umgehen. Gleichwohl müssen wir uns dazu ein wenig auch auf Bootstrap einlassen:
2023-03-31 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Zwei schlanke Landing-Pages hatte ich unter den Toppings für bootScore ja schon angeboten: mylap-sp1rp1 und mylap-sp0rp1. Beide zeigen das Wichtige zuerst: Das Blog-Thema. Und den jüngsten Post. Die eine stellt dem auch noch den zuletzt veröffentlichten Sticky Post voran. Wenn wir unsere Leserin nur dezente Hinweise auf frühere Posts vorfinden soll, braucht es eine andere […]
2023-03-30 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Bisher zeigt die Landingpage mylap.php — als Template verknüpft mit der WordPress-Seite mylap — auch nur eine Liste aller Beiträge. Unsere bevorzugte Leserin hatte uns aber mit auf den Weg gegeben, dass sie auf der Einstiegsseite nur das Wichtigste sehen wolle. Und zwar auf einen Blick. Das Wichtigste in einem Blog ist wohl immer der […]
2023-03-29 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Wir brauchen Sidebars. Dafür haben wir ja Platz geschaffen. Aber wir brauchen verschiedene: Die Tag-Wolke macht nur Sinn auf der Sidebar der Überblicksseite. Dort kann sie die Suche in der Menge der Artikel abkürzen. Auf den anderen Seiten lenkt sie ab. Umgekehrt brauchen den anderen Seiten einen ‘more’-Button in der Sidebar, der auf die Suchseite […]
Meine Seiten seien so voll, mault meine geschätzte Leserin. Dauernd würde ihr etwas angeboten, um noch einen nächsten Artikel anzuklicken. Sie verstehe ja schon, warum: Ich wolle sie zum Weiterlesen verführen. Wie ein richtiges Nachrichtenportal. Nur seien meine Inhalte dafür nicht breit genug gefächert. Ich spräche doch nur über ein paar Kernthemen. Wirf weg, was […]
Mittlerweile habe ich schon einige bootScore Features eingebaut. Und meine Site prompt überfrachtet. Sagt meine bevorzugte Leserin: Ich wolle doch flexibel zu verschiedenen zentralen Themen zu unterschiedlich Zeitpunkten schreiben. Da entstehe ja notwendig ein Misch-Masch. Ob sie sich denn dann das, was zusammengehört, etwa selbst heraussuchen solle? Besser wäre da wohl doch eine eigene Landingpage:
Wir bevorzugen den ‘masonry’-Überblick. Das hatten wir schon gesagt. Das originale masonry-Archiv aus dem bs Loop Templates listet die Posts aber in vier Spalten auf. Vier Kolumnen mit Artikelanfängen bieten sicher einen schnellen und guten Überblick. Damit bleibt aber kein Platz für eine Sidebar mehr. Und wenn wir uns den nehmen, werden die Spalten zu […]
2023-03-27 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Nach der Optimierung der Bilder gilt es, die Liste der Posts zu verschönern. Bis jetzt kennen wir nur die Form, die die bootScore-Datei index.php von sich aus erzeugt: eine Liste von ‘Streifen’, für jeden Artikel einen, in der linken Hälfte das jeweilige primäre Beitragsbild, in der rechten die Anfangszeilen des Artikels oder das manuell erstellte […]
2023-03-13 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Dreimal habe ich bereits über die unscharfen Bilder von bootScore sinniert. Das Problem war einfach: bootScore bettet in Zusammenarbeit mit WordPress Bilder der Größe ‘medium’ in die Beitragslisten ein. Und das sogar auf großen Bildschirmen, wo die Browser viel mehr Platz füllen müssen, als es die Bilder selbst könnten. Folglich vergrößern die Browser die zu […]
2023-03-06 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Bevor ich mich an die großen Eingriffe wage, wollte ich im bootScore-Theme noch die Wolken und Listen aufhübschen: Eine ansehnlichere Tag-Wolke würde — wie das gleichmäßigere Lesebild — die Lesefreundlichkeit stärken. Wie eine Liste der neuesten Beiträge, die die entsprechenden Featured Images als Thumbnails anzeigt. Das zu bekommen, war nicht so schwer. Zwei auf einen […]
2023-03-05 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Um die Falle verzerrter Bildern zu umgehen, hatte ich vorgeschlagen, WordPress automatisch auch quadratische bootScore-spezifische Vorschaubilder der Größe 600x600 generieren zu lassen. Die bootScore-Templates index.php und archive.php sollten mit get_the_post_thumbnail(null, 'bsTeaser') nach diesen fragen, statt nach der Größe medium. So würden die Bilder seltener hochgerechnet werden müssen — wir sähen weniger verwischte primäre Beitragsbilder.
2023-03-04 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Keine Website ohne Logo — logo! Sie richtig in den Header einzubauen, ist oft eine Frickelei. Sichtbar müssen Logos sein, aber nicht aufdringlich, gut platziert. Trotzdem dürfen sie den Header nicht aufblähen oder verzerren. Hier haben die Bootscore-Entwickler uns viel Arbeit abgenommen! Wenn unser eigenes Logo und FavIcon in etwa zu den vorgesehenen Maßen passen, […]
2023-03-02 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Ich liebe ZEN-Präsentationen. Dafür braucht frau Bilder. Viele Bilder. Gute Bilder. Zum Glück ist es ja technisch einfach, Fotos aus dem Internet in die eigene Site einzubauen. Herausfordernd ist allerdings, es rechtens zu tun. Oder anders gesagt: Gute Bilder — woher nehmen und nicht stehlen:
2023-03-01 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Ich kaufe keine Bilder. Niemals. Ich fotografiere selbst. Oder ich nutze freie Bilder. Die, die unter einer Creative Commons Lizenz veröffentlicht worden sind. Oder in der ‘Public Domain’. Einige Bilddatenbanken bieten ihre Fotografien unter einer eigenen Lizenz an, die den freien Lizenzen gleichkommt, solange ich deren Bilder nicht über eine andere Bilddatenbank öffentlich zugängliche mache. […]
2023-02-27 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
Verzerrte primäre Beitragsbilder zu vermeiden, ist in Grenzen möglich. Das haben wir schon gezeigt. Optimal ist unsere Methode aber nicht. Wir verlieren den Anschluss an das, was üblich ist, wenn wir auch die mittelgroßen Thumbnails beim Hochladen quadratisch zuschneiden lassen. Vielleicht erwarten andere Plugins die ‘medium’-Thumbnails ja im originalen Seitenverhältnis. Besser wäre es also, wenn […]
2023-02-26 / 2023-08-04 von Karsten Reincke | Kommentar schreiben
bootScore, das Bootstrap-basierte WordPress-Starter-Theme, kann nur über CSS‑, PHP- und JS-Programmierung gestaltet werden: Wenn Sie Ihre Website designen wollen, müssen Sie programmieren. D.h., bootScore integriert Bootstrap rein technisch. Den optischen Feinschliff überlässt es der programmierenden Web-Designerin. Ihr fallen gewiss bootScores verwischte primäre Beitragsbilder auf, will sagen: die unscharfen ‘Featured Images’ in den Artikelteasern:
