Ecommerce, SEO, Gadgets, Mac und Internet Themen

Expires-Header aktivieren

Kategorie: web-development

add expires header
Expires Header: Gives the date/time after which the response is considered stale

add following to your .htaccess file for enabling expire-header (expire apache module must be installed):

<IfModule mod_expires.c>
    # turn on the module for this directory
    ExpiresActive on
    # set default
    ExpiresDefault "access plus 24 hours"

    # cache common graphics
    ExpiresByType image/jpg "access plus 1 months"
    ExpiresByType image/gif "access plus 1 months"
    ExpiresByType image/jpeg "access plus 1 months"
    ExpiresByType image/png "access plus 1 months"

    # cache CSS
    ExpiresByType text/css "access plus 1 months"

    # cache other filetypes
    ExpiresByType text/javascript "access plus 1 months"
    ExpiresByType application/javascript "access plus 1 months"
    ExpiresByType application/x-shockwave-flash "access plus 1 months"
</IfModule>

[via]

HTML mit JavaScript (jQuery) nachladen

Kategorie: web-development

Manchmal ist es ganz nützlich den Inhalt einer HTML Seite extern nachzuladen. Beispielsweise ist es unheimlich nützlich, wenn eine vom Shop oder CMS losgelöste Landingpage (Startseite) hinundwieder mit frischem Inhalt versorgt werden will, die Quelldaten des Templates aber im Verzeichnisbaum in der Dunkelheit des Grabens verscharrt sind, oder dieser Inhalt von propriätär gestalteten Templates ferngehalten werden soll. Ist das Templatesystem bereits auf php basierend, ist es indes sehr leicht mit Hilfe eines includes HTML Inhalt nachzuladen.

<?php include('file.html'); ?>

Besteht das Templatesystem jedoch aus reinen HTML Dateien, wird es etwas komplizierter. Hier gibt es an sich wohl nur zwei Möglichkeiten: Server Side Includes (SSI) oder JavaScript. Da SSI nicht bei jedem Hoster funktioniert, besteht also im Prinzip nur die Möglichkeit über JavaScript. Mit Javascript lässt sich bspw. der Inhalt von div Elementen sehr einfach manipulieren und somit auch durch einen nachgeladenen Code ersetzen. Dazu stehen hier stellvertretend zwei divs mit je eigener ID, deren Inhalt beim laden der Seite per JS verändert wird


  <div id="teaserContent">alternative content</div>
  <div id="teaserContent2">alternative content</div> 

Der alternative content ist dabei sehr wichtig, da sonst User ohne JavaScript an dieser Setlle nur ein weißes Feld ohne jeglichen Inhalt zu sehen bekämen. Der nachfolgende JavaScript Aufruf überschreibt dann den alternative content mit dem Dateien im angebenem Pfad. Er steht absichtlich nicht in einer document.ready() Umgebung, da der Inhalt möglichst schnell und vor dem rest der Seite nachgeladen werden soll.


<script type="text/javascript">
  $(function () {
    $('#teaserContent').load('landingpage/teaser.html');
    $('#teaserContent2').load('landingpage/teaser2.html');
  });
</script> 

Anschließend sei noch geraten, die div Elemente mit der korrekten Größe von vornherein mittels CSS zu versehen, da sonst während des Nachladens die Elemente der Seite springen!

replace self-defined chars with htmlcode

Kategorie: web-development
str_replace ( array ( '&', '<', '>','ä','Ä','ö','Ö','ü','Ü','ß' ),
array ( '&amp;', '&lt;' , '&gt;', '&auml;','&Auml;', '&oum;l','&Ouml;'
       ,'&uuml;','&Uuml;','&szlig;' ),
$string );

str_repalce durchsucht in diesem Fall die Quelle $string mit einem Suchmuster, welches im ersten Array definiert ist und ersetzt diese durch die dazugehörigen Zeichen im zweiten Array.

Bester Online Service zum Konvertieren von PDFs in HTML

Kategorie: Internet

bild-31Auf der Suche nach einem gescheiten PDF2HTML Konverter bin ich auf den kostenlosen Online Service von ZamZar gestoßen. Neben meinen Favoriten latextohtml und dem Online Converter von Adobe bietet ZamZar eine korrekte Übersetzung der deutschen Umlaute.

Einfach ein (PDF) Dokument hochladen, das Ausgabeformat wählen (es gibt unzählige) und eine E-Mail Adresse an die das konvertierte Dokument gesendet werden soll angeben, fertig. Innerhalb von einigen Minuten ist das File im Postfach.

pdf2flash — zeigt PDF Dateien als embedded flash an

Kategorie: Internet

bild-2Um PDF Dateien z.B. innerhalb von einem (WordPress)Blog Artikel darzustellen, ohne das PDF in HTML konverteiren zu müssen, kann man den kostenlosen Dienst PDFMeNot nutzen, der eine PDF Datei in ein flash Objekt umwandelt und innerhalb eines JavaScript Objektes darstellbar macht. Die Datei kann entweder online unter einem Link erreichbar sein oder auf den Server des Dienstes hochgeladen werden.

LaTeX in HTML speichern

Kategorie: LaTeX Tutorials, Mac

latex textsatz logo

Auf Deutsch:

Will man aus einem TeX Dokument schnell und einfach eine HTML Seite kreiren, so kann man unter OSX und der installierten LaTeX Version einfach mit dem Befehl in der Konsole:

htlatex dokument.tex

eine ebensolche erstellen. Dieses funktioniert natürlich auch unter Linux und Windows (MikTeX), denn htlatex gibts bei fast jeder LaTeX Distri dabei. Verwendet wird dabei TeX4ht.

Unter OSX kann man sich zusätzlich noch mit einer GUI behelfen.

ToolTips in HTML mit NULL Aufwand

Kategorie: Internet

Mit dem title Zusatz kann man in HTML Links ganz einfach Tooltips erzeugen

<a title="ToolTipTitel" href="link">LinkText</a>

Ich frage mich dann jetzt bloss, warum ich nur JavaScrips bekomme, wenn ich im Web nach HTML und ToolTips suche??? Es geht doch sooo viel einfacher. (btw. ich habs jetzt für die Blogpoints da oben rechts verwendet)


Autor dieses Blogs
Viktor Dite bei Google+ Viktor Dite bei Twitter

Webworker & Blogger