Expires-Header aktivieren
Kategorie: web-development

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 ( '&', '<' , '>', 'ä','Ä', '&oum;l','Ö'
,'ü','Ü','ß' ),
$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
Auf 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
Um 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

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)



