Archiv

Artikel Tagged ‘Webdesign’

.htaccess ReWrite Rules

8. September 2009 Keine Kommentare

Vor kurzem bin ich über folgenden Blog-Eintrag gestolpert:

http://sw-guide.de/webdesign-und-entwicklung/htaccess-mod_rewrite-fuer-cms-und-blog/

Im Eintrag wird die Verwendung von ReWrite Rules mit .htaccess detailliert und mit vielen Details beschrieben. Absolut empfehlenswert für nicht so geübte .htaccess Programmierer.

Popularity: 1% [?]

Twitter It!

jQTouch, jQuery für’s iPhone

7. September 2009 Keine Kommentare

auf Heise gefunden:

jQTouch, ein jQuery-Plugin dient dazu einfacher Web-Apps für iPhone, Palm Pre, Android und andere Smartphone zu entwickeln. Eine Betaversion steht ab sofort zur Verfügung und ermöglicht die Entwicklung von Applikationen mit HTML, CSS und JavaScript für WebKit-Browser.

Der Vorteil von jQTouch ist der Zugriff auf bestimmte Hardware-Funktionen des Geratäes. So kann z.B. der Bewegungssenor oder auch Multi-Touch angesprochen werden. So wird es möglich Applikationen für ein meherere verschiedene Geräte zum laufen zu bringen ohne diese beim jeweiligen App-Store anmelden zu müssen. Es lassen sich damit auch neue Themes einrichten. Somit lässt sich die Web-App einer normalen App sehr ähnlich gestalten.

Für beides stellt jQTouch passende Events zur Verfügung, an die der Entwickler wie üblich Callbacks zur Verarbeitung bindet. Ein Handler, der auf das Drehen des Geräts reagiert, könnte etwa so aussehen.

$(function(){
    $('body').bind('turn', function(event, info){
          console.log(info.orientation); // landscape or portrait
    });

Weitere Informationen:
jQtouch.com
Code auf CoogleCode

Popularity: 3% [?]

Twitter It!

Transparente PNG Grafiken im Internet Explorer

19. August 2009 Keine Kommentare

Der Internet Explorer hat mit transparenten PNG Dateien mühe. Auf folgender Seite findet man eine Lösung für den Internet Explorer:
http://homepage.ntlworld.com/bobosola/index.htm

Popularity: 1% [?]

Twitter It!
KategorienWebdesign Tags:

Pretty URL in CMS Made Simple

14. August 2009 Keine Kommentare

In der Standardinstallation des Open Source Content Managment Systems CMS made Simple werden URLs mit einem Query String erzeugt. Die sehen dann z.B. so aus: http://www.domainname.ch/index.php?page=Kontakt

Um suchmaschinenfreundliche URLs (Pretty URLs) zu erzeugen, nutzt CMS made simple das Apachemodul mod_rewrite. Um dies zu aktivieren muss man in der Konfigurationsdatei config.php folgende Änderungen vornehmen:

#------------
#URL Settings
#------------
$config['url_rewriting'] = 'mod_rewrite';
#Endung der virtuellen Dateien
$config['page_extension'] = '.htm';
#Wenn die Seiten in einer Baumstruktur aufgebaut werden sullen  (z.B. http://www.domainname.ch/parent/parent/childpage)
$config['use_hierarchy'] = true;
$config['query_var'] = 'page';

Im 2. Schritt passt man noch die .htaccess an:

Options +FollowSymLinks
  RewriteEngine on
  RewriteBase /
 
  # ReWrite Rule für News-Feed
  RewriteRule ^News/rss(.+)$ index.php?page=News/rss$1 [S=1]
 
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule ^(.+).htm$ index.php?page=$1 [QSA]

# Beginn CMSMS Security Einstellungen.

# Directory Browsing abschalten
Options -Indexes

# Zugriff auf config.php verbieten.

<Files "config.php">
order allow,deny
deny from all
</Files>

# No sense advertising what we are running
ServerSignature Off

# Spambots nach User_agent aussperren
RewriteCond %{HTTP_USER_AGENT} ^.*Whacker.*$ [OR]
RewriteCond %{HTTP_USER_AGENT} ^EmailCollector [OR]
RewriteCond %{HTTP_USER_AGENT} ^EmailSiphon [OR]
RewriteCond %{HTTP_USER_AGENT} ^EmailWolf [OR]
RewriteCond %{HTTP_USER_AGENT} ^.*FileHound.*$ [OR]
RewriteCond %{HTTP_USER_AGENT} ^.*TurnitinBot.*$ [OR]
RewriteCond %{HTTP_USER_AGENT} ^.*JoBo.*$ [OR]
RewriteCond %{HTTP_USER_AGENT} ^.*adressendeutschland.*$
RewriteRule ^.* - [F]

# 1. unterbindet, das fremde Seiten geladen werden
RewriteCond %{QUERY_STRING} ^(.*)=http://(.*) [OR]

# 2. blockiert libwww (Ausgangspunkt für diverse Hackversuche)
RewriteCond %{HTTP_USER_AGENT} ^libwww [OR]

# Blockiert Skripte, die versuchen, base64 encodierten Unsinn via URL zu versenden
RewriteCond %{QUERY_STRING} base64_encode.*\(.*\) [OR]

# Blockiert Skripte, die einen a ********** Tag in der URL enthalten
RewriteCond %{QUERY_STRING} (\<|%3C).*script.*(\>|%3E) [NC,OR]

# Blockiert Skripte, die versuchen, PHP GLOBALS Variablen via URL zu ver‰ndern
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]

# Blockiert Skripte, die versuchen, eine _REQUEST Variable via URL zu ver‰ndern
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2}) [OR]

# END Optional Settings

Popularity: 2% [?]

Twitter It!

MySQL: Falsche Kodierungen in der Datenbank korrigieren

13. August 2009 Keine Kommentare

Wer mit falschen Kodierungen in der Datenbank zu kämpfen hat, könnte ev mit diesen beiden Links eine Lösung für das Problem finden:

http://forum.mysqldumper.de/die-umlautproblematik-was-wieso-was-tun-t2313.html
http://forum.mysqldumper.de/dsb-s-umlaut-korrektur-duk-t2406.html

Einen weiteren Hinweis wie man falsche Kodierungen entfernt bei Hani Ibrahim

Popularity: 2% [?]

Twitter It!

PHP Shell – Linux Shell via PHP Script

12. August 2009 Keine Kommentare

Heute bin ich per Zufall über PHP Shell gestolpert. Bei der PHPShell handelt es sich um ein PHP]Script von Martin Geisler welche Webhosting-Kunden ohne SSH-Zugriff eine Shell-Ähnliche Oberfläche zur Verfügung stellt.

PHP Shell kann unter phpshell.sourceforge.net als .zip oder .tar.bz2 heruntergeladen werden. Die Installation ist denkbar einfach. Es müssen die zwei Files phpshell.php und config.php auf den Webserver übertragen werden. In der Datei config.php muss ein Benutzer angelegt werden, der auf die PHP Shell Zugriff hat. Um das Passwort des Benutzers zu verschlüsseln, gibt es zusätzlich die Datei pwhash.php. Die Datei pwhash.php aufrufen, Benutzername und Passwort eingeben und danach diese in die config.php einfügen.

pwhash.php

pwhash.php

Als zusätzlichen Schutz empfiehlt es sich auf jeden Fall das Verzeichnis in dem sich phpshell befindet mit einem anderen Namen zu benennen sowie per .htaccess vor unbefugtem Zugriff zu schützen.
Genutzt werden können die meisten nicht-interaktiven Programme, welche auf dem Webserver installiert sind und sich auch mit einer normalen Shell nutzen ließen. Interaktive Programme, wie Editoren (z.B. vim) können nicht genutzt werden. Hierfür gibt es jedoch eine Erweiterung der PHPShell von Tobias Unger welche von seiner Website downgeloaded werden kann.

phpshell

Wie auf dem PrintScreen oben zu erkennen ist, lassen sich mit PHPShell auch ohne Probleme Shellscripte aufrufen. In diesem Fall ein Backupscript das jeden Tag den Webspace auf einen externen FTP Server backupt.

Popularity: 6% [?]

Twitter It!

jScrollPane

11. August 2009 Keine Kommentare

jScrollPane ist ein Plugin für jQuery um die Scrolleiste im Browser zu gestalten.

jScrollPane

jScrollPane

jScrollPane ermöglicht das ersetzen der Standard Vertikal-Scrolleisten des Browsers in einem Blockelement mit einem overflow:auto Style. Die ScrollPane kann sehr einfach über ein simples Stylesheet gesteuert werden. jQuery läuft in allen Browsern welche jQuery unterstützen. Unterstützt ein Browser jQuery nicht, werden die normalen Scrolleisten angezeigt.

Beispiele eines Einbaus ist z.B. hier zu finden:

www.klein-abend.ch

jScrollPane lässt sich sehr einfach einsetzen. Eingebunden wird es so:

<script type="text/javascript" src="scripts/jquery-1.2.x.min.js"></script>
<script type="text/javascript" src="scripts/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="scripts/jScrollPane.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="styles/jScrollPane.css" />

Die Dateien dazu kann man auf der jScrollPane Seite herunterladen

Um jScrollPane für einen CSS Container zu aktivieren, muss folgender Code ins Template eingebaut werden:

 <script type="text/javascript">           
 $(function()  
 {
     $('#container').jScrollPane({showArrows:true, dragMaxHeight:50});
 });           
 </script>

#container muss mit dem Namen des entsprechenden CSS Containers eingebaut werden.

Danach kann in der jScrollPane.css Datei der Style entsprechend der Wünsche angepasst werden.

Popularity: 3% [?]

Twitter It!
KategorienWebdesign Tags: ,

Browsershots – PrintScreens einer Webseite mit verschiedenen Browsern

10. Juli 2009 Keine Kommentare

Statt jede Menge verschiedene Browser zu installieren um eine Webseite zu testen, reichen in der Regel drei verschiedene Browser. Z.B. IE7, Firfox und Safari und Mac. Für alle restlichen Browser gibt es Angebote wie z.B. Browsershots.org:

http://browsershots.org/

Hier lassen sich mit Angabe einer URL PrintScreen von über 50 verschiedenen Browsern mit 3 verschiedenen Betriebssystemen herunterladen. Es werden Windows, Linux und Mac unterstützt.

Popularity: 1% [?]

Twitter It!

JonDesign’s Smooth Gallery

18. Juni 2009 Keine Kommentare

Smooth Gallery ist eine coole JavaScript Gallery um Bilder zu präsentieren. Auf eine Fotografenseite würde eine solche Gallery gut passen.

Falls ich mal sowas ähnliches brauche, werde ich schauen, ob ich die Smooth Gallery benutzerfreundlich in ein CMS einbauen kann.

smoothgallery

Popularity: 1% [?]

Twitter It!

Lightbox Plugins

17. Juni 2009 Keine Kommentare

Um Detailbilder auf einer Webseite anzuzeigen, benutzen viele eines der vielen Lightbox Scripts. Ich selber setzte z.B. auf diesem Blog auf FancyBox.

Wer sich ein Überblick über die verschiedenen Scripts und ihr können machen will, findet auf dieser Seite eine ganze Auflistung verschiedener Scripts:

http://planetozh.com/projects/lightbox-clones/

Die einzelnen Projekte können nach verschiedenen Kriterien sortiert werden.

Mir gefallen darunter vorallem

je nach Auslastung Beruflich und Privat werde ich in den nächsten Tagen ein oder mehrere Posts zu diesem Thema machen. Ich bin im Moment daran dies für CMS Made Simple aufzuarbeiten und suche im Moment noch nach dem geeigneten Lightbox Script dafür. Möglicherweise werde ich mehrere einsetzen. Je nach Kundenwunsch.

Was mir an den meisten Scripts missfällt, ist ihre Schwerfälligkeit. Es ist ja schon schön, wenn alles schön animiert nach einander abläuft, aber eigentlich will ich das Bild sehen und nicht wie das Script schön läuft… Die oben genannten Scripts überzeugen mich deshalb geschwindigkeitsmässig am meisten.

Popularity: 1% [?]

Twitter It!
KategorienWebdesign Tags: ,
Get Adobe Flash player