CMS

Content-Management-System (kurz: CMS, übersetzt: Inhaltsverwaltungssystem) wie z.B. e107, Joomla, Typo3 oder Worpress …

Google Font Directory

Google – Neue Schriftarten für deine Webseite

0
1 year ago
by voku in ,

"Alle aktuellen Browser können Schriftarten per CSS vom Server holen, um die auf dem Rechner vorinstallierte Auswahl von Fonts zu ergänzen und Webdesignern typografische Handlungsfreiheit zu ermöglichen. In der Praxis scheitern diese Webfonts bisher aber oft am technischen Aufwand, an Lizenzfragen und an unterschiedlichen Implementierungen in den Browsern. Die auf der Google-Entwicklerkonferenz Google I/O vorgestellten Google Font API und Google Font Directory könnten dieser Technik endlich zum Durchbruch verhelfen und das Aussehen von Webseiten nachhaltig verändern." - heise.de

Google Font Directory

Google Web Schriftarten sind mit folgenden Browsern kompatibel:

  • Google Chrome: 4.249.4+
  • Mozilla Firefox: 3.5+
  • Apple Safari: 3.1+
  • Microsoft IE: 6+

1.) Und -> More >

social_network

Das Soziale-Netz und die digitale Zukunft

7
1 year ago
by voku in , ,

Die digitale Zukunft und wie man diese schon heute nutzen kann. Ich will in diesem Blog-Post einen Überblick über das Web 2.0 geben und beschreiben wie man sich heute im Digitalen-Netz bewegt und wie man Daten / Informationen austauscht. Was Soziale-Netze im Internet sind, sollte den meisten bekannt sein (Facebook, StudiXYZ, Twitter und Co.) wer mit dem Begriff noch nichts anfangen kann, dem empfehle ich den Film “The Social Network”.

Allgemeine Infos: Digitale-Welt Praktischer Einstig: Digitale-Welt 1.) Twitter - die Welt in 140 Zeichen 2.) Facebook - Web 3.0? 3.) status.net - freie Twitter alternative 4.) Flickr - Bilder Upload 5.) last.fm - Musik anhören 6.) Google - der Alleskönner 7.) gravatar.com - dein Avatar im Netz 8.) disqus.com - dein Kommentarsystem 9.) More >

WordPress Editor TinyMCE optimieren

5
1 year ago
by voku in

In diesem Blog-Post beschreibe ich, wie du den Editor von WordPress verbessern kannst und somit auch deine Beiträge interessanter & übersichtlicher gestalten kannst.

 

1.) TinyMCE Advanced

Als erstes installieren wir "TinyMCE Advanced", dieses Plugin erweitert den Funktionsumfang des WordPress-Editors.

  • Advanced hr
  • Advanced Image
  • Advanced Link
  • Kontextmenü
  • Emotionen (Smilies)
  • Datum und Uhrzeit
  • IESpell
  • Layer
  • Nonbreaking
  • Drucken
  • “Suchen und Ersetzen”
  • Tabellen
  • Visual Charaktere
  • XHTML Extras
  • [...]

Diese Funktionen kannst du nun per “drag and drop” in der TinyMCE-Symbolleisten organisieren, indem du im Admin-Bereich unter "Einstellungen" -> "TinyMCE Advanced" folgende Optionen findest.

Des-weitern hat das Organisieren der Symbole noch den More >

nginx_logo_klein2

Nginx + WordPress

2
1 year ago
by voku in , ,

Ich habe bereits in einem vorherigem Blog-Post erklärt, wie du "Nginx" (Webserver) unter Debian und / oder Ubuntu installierst. Heute zeige ich mit einigen Beispielen, wie du Nginx konfigurierst, diese Einstellungen werden in dem entsprechendem "Virtual Host" (/etc/nginx/sites-enabled/*.conf) durchgeführt.

## Slash am Ende anfuegen if ($request_uri ~* "^[\w\-\/]+[^\/?]$") { rewrite ^(.*)$ $scheme://$host$1/ permanent; } ## entferne doppel-slashes // if ($request_uri ~* "\/\/") { rewrite ^/(.*) $scheme://$host/$1 permanent; } ## www eifuegen if ($host !~* ^(www|subdomain)) { rewrite ^/(.*)$ $scheme://www.$host/$1 permanent; } ## www vorne entfernen if ($host ~* ^www\.(.*)) { set $host_without_www $1; rewrite ^(.*)$ http://$host_without_www$1 More >
tacho

Webseiten beschleunigen – Übersicht

8
1 year ago
by voku in , , , , , , , , ,

Der Artikel beschreibt, wie man seine Webseite bzw. seinen Server analysiert und optimiert um Performance zu gewinnen, Ladezeit zu reduzierten bzw. Traffic einzusparen. Man kann einiges an Performance gewinnen, indem man z.B. Bilder im richtigen Format abspeichert bzw. komprimiert, CSS- / JS-Dateien kombiniert und ebenfalls komprimiert oder auch bestimmt Daten vorkomprimiert zur Verfügung stellt.

1.) Webseiten Analyse 1.1) Webseiten Benchmark

2.) Komprimierung 2.1) Bilder komprimieren 2.1.1) Bilder Sprites 2.1.2) PNG-Bilder komprimieren 2.1.3) JPEG-Bilder komprimieren 2.1.4) Bilder komprimieren – Online 2.2) JavaScript/CSS komprimieren 2.2.1) JavaScript/CSS komprimieren - serverseitig 2.2.2) JavaScript/CSS komprimieren - Online 2.3) Apache gzip-Kompression More >

404 SEO Plugin – optimieren

1
2 years ago
by voku in ,

Habe mir soeben folgendes Plugin für WordPress installiert -> 404-plugin <- leider werden bei diesem Plugin standardmäßig Suchergebnisse von der Englischen-Google-Suche angezeigt, welche auf den Begriff in der URL, welcher nicht als Webseite gefunden wurde, angezeigt.

Mit einer kleinen Änderung am Quelltext, bekommst du Link-Vorschläge von und für deine eigene Seite angezeigt.

$URLs = array ('google' => "http://www.google.com/search?hl=en&q=inurl%3Asuckup.de+$custom404_missingpagestr&btnG=Google+Search&aq=f&oq=",

In Zeile 168 veränderst du, wie im vorigen Beispiel einfach die Such-URL, natürlich mit deiner Domain und fertig!

Hier ein TEST-Link.

Update: Da das Plugin anscheinend nicht mehr aktualisiert wird und somit momentan nicht mehr zu gebrauchen ist, habe ich mich More >

neues Kommentarsystem für meinen Blog – disqus

3
2 years ago
by voku in ,
Wer die Kommentar auf seiner Webseite selber verwaltet, wird schnell merken, dass nicht alle Kommentare auf deiner eigenen Webseite ablaufen (z.B. Twitter, FriendFeed, Digg oder YouTube) zudem muss man sich meistens auf Webseiten registrieren und seine E-Mail Adresse validieren und dennoch muss man dafür sorgen, dass die Kommentar nichts böswilliges oder illegales enthalten. Für alle diese Probleme gibt es eine Lösung: disqus Verbinde deine Gespräche: disqus nutzt folgende Dienst um Aktivitäten auf z.B. Twitter, FriendFeed, Digg oder YouTube wieder mit Ihrem Kommentarsystem zu vernetzen. Somit kann man mit uberVU und BackType Kommentare in sozialen-Netzen wiederfinden.

disqus - Bild 3

Kommentare können schnell geschrieben werden: Es gibt Millionen Leute die bereits bei More >
Google Translate

Übersetze deine Webseite mit Google (Ajax)

0
2 years ago
by voku in ,
Auf der rechten Seite dieser Webseite ist Google' s neues Übersetzungs-Tool bereits im Einsatz. Wirklich praktisch ist dieses Tool, da es automatisch die Sprache des jeweiligen Browsers mit der Sprache von deiner Webseite vergleicht, sollte diese nicht die selbe sein, schlägt das Tool automatisch die passende Sprache vor... z.B.: ein Besucher aus China, besuchte deine Webseite...

Google Translate

... und nach einer kurzen Bestätigung ist deine Webseite schon Übersetzt

Google Translate

Die folgenden Zeilen müssen einfach irgendwo auf der Webseite integriert werden und schon kannst du die oben genannten Features nutzen. < script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" More >
Go to Top