3.827
Bearbeitungen
Änderungen
Zur Navigation springen
Zur Suche springen
Zeile 3:
Zeile 3: − == Werbeeinnahmen == − − Das [[MediaWiki]]-System erlaubt das Hinzufügen von Werbung, z.B. [[Google AdSense]]. − − Siehe auch − * [http://www.elektronikinfo.de/pc/geldverdienen.htm Geldverdienen mit der eigenen Homepage] − * [http://contextualads.yahoo.net/features.php Yahoo Bing Ads Network] ([http://www.techulator.com/resources/8308-Compare-Google-AdSense-Yahoo-Bing-Ad-Network.aspx angeblich nur für Premium Websites]) Zeile 26:
Zeile 19: − * [http://www.webhostlist.de/ Überblick bei Webhostlist.de] Zeile 95:
Zeile 87: + + Zeile 137:
Zeile 131: + + + + + + Zeile 153:
Zeile 153: + + Zeile 171:
Zeile 173: + + + + + + + + + + + + + Zeile 213:
Zeile 228: + + + + + + Zeile 224:
Zeile 245: − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Zeile 231:
Zeile 284: − + + + + + + + + + + + + + + + + + + + + + + + + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Zeile 293:
Zeile 417: + + + + + + + + + + + + + + + + + + + + + + + +
→Integration mit Nextjs
* Siehe [[Dynamisches DNS]].
* Siehe [[Dynamisches DNS]].
== Plattformanbieter ==
== Plattformanbieter ==
==== Provider ====
==== Provider ====
| 21.12.2008
| 21.12.2008
|}
|}
* https://ackermann-edv.de/v-server/, ab 2,50 € pro Monat, persönlicher Support meist durch Herrn Ackermann selbst
* http://www.netcup.de/bestellen/produkt.php?produkt=85 bietet unbegrenzten Traffic, 20 GB Speicherplatz und 200 MB MindestRAM für 3,50 € im Monat (Stand: 1.8.2009)
* http://www.netcup.de/bestellen/produkt.php?produkt=85 bietet unbegrenzten Traffic, 20 GB Speicherplatz und 200 MB MindestRAM für 3,50 € im Monat (Stand: 1.8.2009)
* Zum Markenrecht siehe
* Zum Markenrecht siehe
** http://blog-markenrecht.de/
** http://blog-markenrecht.de/
* Domain-Provider gibt es viele,
** z.B.
*** https://ackermann-edv.de/domains/
** Suchmaschinen für Domain-Provider:
** https://www.hostsuche.de/suche_domain.php
== Webserver einrichten ==
== Webserver einrichten ==
* [https://www.debian-administration.org/article/250/Automatically_Blocking_SSH_Attackes_From_Script_Kiddies Mit Shorewall nur Login-Versuche alle Minute erlauben]
* [https://www.debian-administration.org/article/250/Automatically_Blocking_SSH_Attackes_From_Script_Kiddies Mit Shorewall nur Login-Versuche alle Minute erlauben]
Siehe auch [[Root-Server]]
== Werbung ==
== Werbung ==
* Right Media
* Right Media
=== Werbung technisch umsetzen ===
Das [[MediaWiki]]-System erlaubt das Hinzufügen von Werbung, z.B. [[Google AdSense]].
Siehe auch
* [http://www.elektronikinfo.de/pc/geldverdienen.htm Geldverdienen mit der eigenen Homepage]
* [http://contextualads.yahoo.net/features.php Yahoo Bing Ads Network] ([http://www.techulator.com/resources/8308-Compare-Google-AdSense-Yahoo-Bing-Ad-Network.aspx angeblich nur für Premium Websites])
=== Werbung ohne Cookies ===
Siehe
* https://pyngu.com/webseite-ohne-cookie-banner/
== WebServer-Software ==
== WebServer-Software ==
* [http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Guter_CSS-Stil CSS-best practices]
* [http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Guter_CSS-Stil CSS-best practices]
* https://every-layout.dev/
* https://cssreference.io/
==== Farbpaletten ====
* [https://coolors.co coolors.co]
==== Tooltips ====
==== Tooltips ====
* [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Allgemeine Übersicht zu Flexbox]
* [https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Allgemeine Übersicht zu Flexbox]
==== Bootstrap ====
==== CSS-Frameworks ====
* http://getskeleton.com/ - sehr minimales CSS Framework
* https://purecss.io/ - minimales CSS, unterstützt von Yahoo
* https://milligram.io/
* [https://bulma.io/ Bulma] - nur CSS, kein JavaScript
** [https://dfee.github.io/rbx rbx] integriert Bulma mit [[React]]; rbx scheint nicht mehr aktualisiert zu werden
** https://github.com/couds/react-bulma-components - Integration mit [[React]]
** https://jenil.github.io/bulmaswatch/help/ - Themes für Bulma
* https://tailwindcss.com/
** https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation
===== Ant.Design =====
Siehe
* https://ant.design/docs/react/introduce
====== Einbindung in React / Typescript-Projekt ======
Ant.Design wird mit
npm install --save antd
dem Create-React-App-Projekt hinzugefügt.
Im Code muss man einerseits das CSS einbinden:
import "antd/dist/antd.css";
Andererseits benötigt man auch den JavaScript-Code, z.B. für das Input-Element:
import {Input} from "antd";
...
return (<Input placeholder="Hallo" />);
...
===== Bootstrap =====
Twitter Bootstrap ist ein [[Open Source]]-Framework, das im Wesentlichen mit [[CSS]] und entsprechenden Klassen (<code>class = "container-fluid"</code>) aus dem Stand ein ganz ansehnliches Layout bereitstellt.
Twitter Bootstrap ist ein [[Open Source]]-Framework, das im Wesentlichen mit [[CSS]] und entsprechenden Klassen (<code>class = "container-fluid"</code>) aus dem Stand ein ganz ansehnliches Layout bereitstellt.
* [http://www.w3resource.com/twitter-bootstrap/tutorial.php Bootstrap 3.0 Tutorial]
* [http://www.w3resource.com/twitter-bootstrap/tutorial.php Bootstrap 3.0 Tutorial]
==== Building Blocks ====
Siehe auch
* Auf den Demoseiten der Bootstrap-Themes auf [https://bootswatch.com/ Bootswatch.com] kann der zugehörige Code angezeigt werden.
* Open Source - Bootstrap Themes:
** https://themewagon.com/themes/creative-multipurpose-website-template-free-download/
** https://themewagon.com/themes/one-page-multipurpose-bootstrap-template-free-download-2017/
** https://github.com/DesignRevision/shards-ui
* [http://www.mashup-template.com/ Mashup Template]
====== Integration mit Nextjs ======
Siehe [[Nextjs]]
* https://www.kindacode.com/article/how-to-correctly-use-bootstrap-5-in-next-js/
* https://feralamillo.medium.com/bootstrap-in-create-react-app-typescript-1a0365fdd111
* https://stackoverflow.com/questions/69527455/could-not-find-a-declaration-file-for-module-bootstrap-dist-js-bootstrap
npm install --save-dev sass
npm install --save bootstrap
In src/styles/globals.scss importiere Bootstrap-SCSS
@import '~bootstrap/scss/bootstrap.scss';
Die Tilde ~ ist dabei eine Kurzform für das node_modules/-Verzeichnis.
[http://buildingfirefoxos.com/building-blocks/action-menu.html Building Blocks] sind CSS-Schnipsel, die designte Elemente wie Menüs, kleine Icons und Fortschrittsanzeigen bieten.
In src/pages/_app.tsx importiere globals.scss und Bootstrap.js
<pre>
import "../styles/globals.scss";
import type { AppProps } from "next/app";
import { useEffect } from "react";
function MyApp({ Component, pageProps }: AppProps) {
useEffect(() => {
//import("bootstrap/dist/js/bootstrap");
typeof document !== undefined
? require('bootstrap/dist/js/bootstrap')
: null
}, []);
return <Component {...pageProps} />;
}
export default MyApp;
</pre>
====== Themes ======
* Im Wesentlichen kostenpflichtige Themes finden sich auch auf [https://bootstrapmade.com/ BootstrapMade.com]
** https://bootstrapmade.com/demo/MyResume/
** https://bootstrapmade.com/demo/Multi/
** https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/
Bootstrap-Themes mit MIT-Lizenz finden sich auch auf
* https://themes.gohugo.io/
** https://themes.gohugo.io/theme/hugo-scroll/
** https://www.noorix.com.au/blog/how-to/static-website-hugo-bootstrap-serverless-2/
====== Navigationsleiste, die auf Scrollen reagiert ======
* https://startbootstrap.com/template/scrolling-nav benutzt Bootstrap's ScrollSpy
* [https://blog.devgenius.io/diy-scrollspy-4f1c270cafaf Anleitung für ScrollSpy auf Basis von React]
Siehe auch - ohne Bootstrap -: https://css-tricks.com/sticky-smooth-active-nav/
====== einzelne Features ======
* https://swiperjs.com/
* [https://michalsnik.github.io/aos/ aos] - zum Scrollen
* [http://imakewebthings.com/waypoints/api/waypoint/ waypoints] - zum Scrollen
* [https://isotope.metafizzy.co/ Isotope] - zum Anordnen
==== Icons ====
Siehe [[React#Icons]]
==== CSS Animationen ====
==== CSS Animationen ====
* Typo3
* Typo3
* [http://www.silverstripe.com/ Silverstripe], ein [[Open Source]]-[[CMS]]
* [http://www.silverstripe.com/ Silverstripe], ein [[Open Source]]-[[CMS]]
==== Dateibasierte CMS ====
* https://www.bludit.com/
** https://themes.bludit.com/theme/styler
** https://themes.bludit.com/theme/typerite
* https://getgrav.org/
* http://picocms.org/
==== Headless CMS ====
Headless CMS sorgen nur für das Content-Management, bieten allenfalls eine Benutzeroberfläche, um den Content zu erfassen, nicht aber ihn gegenüber den Benutzern/Kunden darzustellen. Sie bieten dafür eine API an, über die das Frontend an den Content gelangt.
Beispiel:
* strapi
* [https://jamstack.org/headless-cms/ Übersicht bei jamstack.org]
== Authetifizierung und Berechtigungen ==
* [[KeyCloak]]
** siehe auch [[Phoenix]]
** https://scalac.io/blog/user-authentication-keycloak-1/
== Tools ==
== Tools ==