https://dev.320nn.de/wiki/ 2026-05-09T14:19:19+00:00 https://dev.320nn.de/wiki/ https://dev.320nn.de/wiki///dev.320nn.de/wiki/lib/tpl/dokuwiki/images/favicon.ico text/html 2015-04-04T08:06:18+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/checkliste?rev=1428127578&do=diff Checkliste Seiten Die wichtigsten Seiten: * Startseite * Impressum * Datenschutz Weitere sinnvolle Seiten * 404-Fehlerseite * Wartungsseite für CMS URLs * Lesbare URLs * URLs mit oder ohne www-Prefix (um „Duplicate Content“ zu vermeiden) text/html 2015-02-17T11:26:05+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/homepagebuilder?rev=1424168765&do=diff Homepage Builder Homepage Builder oder Website-Baukästen sind Programme, in denen Websites aus bestehenden Elementen zusammengesetzt werden können, ohne das der Benutzer Kenntnisse von Web-Entwicklung haben muss. Links * Koken text/html 2018-02-15T15:40:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/hosting?rev=1518705638&do=diff Hosting Damit Websites unter einer Domain erreichbar sind, müssen diese auf einem Web-Server liegen, der öffentlich über das Internet erreichbar ist. Um nicht selbst einen Web-Server betreuen zu müssen, können Websites bei einem Hoster (auch Web-Hoster text/html 2015-04-06T08:29:27+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/navigation?rev=1428301767&do=diff Navigation Arten * Menüs * Brotkrumennavigation (eng. Breadcrumb) * Suche * Sitemap Menüs * Haupmenü * Max. 7 Elemente im Hauptmenü * Submenü * Max. 3 Ebenen tief text/html 2015-03-22T14:14:06+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/performance?rev=1427030046&do=diff Performance Links * WebPageTest * Google Developer: PageSpeed Insights Tutorials Kostenpflichtige Tutorials * video2brain: Highspeed Websites text/html 2015-04-10T13:59:42+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/responsive?rev=1428667182&do=diff Responsive Design Unter Responsive Design versteht man das Anpassen eines Design an eine Bildschirmgröße. So werden bspw. Schriften für kleine Displays größer und unwichtige Elemente ausgeblendet. Responsive YouTube-Videos Damit sich YouTube-Videos in einem responsivem Website-Design einpassen, muss man sich eines kleines Tricks bedienen: Das Video muss in einen text/html 2015-04-05T09:51:09+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/spam?rev=1428220269&do=diff Spam-Abwehr " Die Methode ist uralt, funktioniert aber immer noch recht gut: Man legt ein zusätzliches Eingabefeld mit interessantem Namen an (der Bots praktisch magisch anzieht) und blendet das Feld per CSS aus. Damit kann es dann normalerweise kein Mensch mehr ausfüllen. Und dann prüft man einfach ob das Feld ausgefüllt wurde (Bot) oder nicht. Zumindest als Stufe 1 kann man damit ziemlich viel vorfiltern text/html 2015-05-17T15:12:12+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/start?rev=1431868332&do=diff Webdevelopment Alle Webseiten bestehen im Web-Browser aus 2–3 Ebenen, bei denen jeweils eine spezielle Sprache zum Einsatz kommt, und die mehr oder weniger – je nach Entwicklungs-Stil – sauber von einander getrennt sind. Diese drei Ebenen sind: HTML, zum Beschreiben der Inhalte (Informationen) einer Webseite; text/html 2015-06-13T18:54:24+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/usability?rev=1434214464&do=diff Usability/Accessibility Farbenblindheit * Sim Daltonsim (MacOS X) Links * GoodUI * SELFHTML-Wiki: Benutzerfreundlichkeit und Barrierefreiheit * BITV 2.0: Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Deutschland) * P028: Richtlinien des Bundes für die Gestaltung von barrierefreien Internetangeboten (Schweiz) * WAI ARIA Cheatsheet * BIENE-Award text/html 2015-06-10T07:43:35+00:00 Anonymous (anonymous@undisclosed.example.com) https://dev.320nn.de/wiki/webdev/webfonts?rev=1433915015&do=diff Webfonts Sammlungen * Google Fonts Links * Microsoft: Core Fonts For The Web * State Of Web Type * praegnanz.de: Status Quo der Webtypografie (2013)