GSL-Team, Author at Homepage Anleitung

Der Einsatz von Lightbox 2 für Bilder und Galerien

Sie kennen das Javascript-Programm Lightbox 2 sicher schon von diversen Seiten im Netz. Gerade, wenn mehrere Bilder von Produktfotos bis zu Partnerseiten-Fotos angezeigt werden, wird die Seite dunkel geschaltet und ein Fenster mit dem ersten Bild als Overlay darüber gelegt. Die Lightbox 2 gibt es kostenlos im Internet, aktuell ist die Version Lightbox 2.51. Nach dem Download wird das Paket entpackt. Für einen ersten Test kann man das Verzeichnis lightbox komplett auf den Internetserver verschieben. Mit Aufruf der index.html in diesem Verzeichnis bekommt man die Demobeispiele mit Einbindungsanleitung auf den Bildschirm. Um die Lightbox im eigenen Projekt zu nutzen, gibt man im Header der Seite die Javascript-Dateien und die Style-Datei an: <link href="css/lightbox.css" rel="stylesheet" /> <script src="js/jquery-1.7.2.min.js"></script> <script src="js/lightbox.js"></script> Die Lightbox wird durch das rel-Attribut angesteuert. Mit der Zeile <a href="images/bild1.jpg" rel="lightbox" title="my caption">Bild 1</a> wird ein einzelnes Bild im Lightbox-Overlay angezeigt, mit den Zeilen <a href="images/bild1.jpg" rel="lightbox[roadtrip]">Bild 1</a> <a href="images/bild2.jpg" rel="lightbox[roadtrip]">Bild 2</a> <a href="images/bild3.jpg" rel="lightbox[roadtrip]">Bild 3</a> bringt man alle drei Bilder als Galerie ins Lightbox-Overlay. Beachten Sie aber beim Einbinden in Ihr Projekt die korrekten Pfade für die Javascript-Dateien, die CSS-Datei und auch für die Bilder und passen Sie die wenn nötig entsprechend an.

GSL-Team2013-03-28T10:14:40+02:00März 28th, 2013|Bildbearbeitung, CSS, HTML, Javascript|Kommentare deaktiviert

Tablets treiben Umsätze in Westeuropa

Um mehr als 350 % steigerten die IT-Händler in den ersten beiden Monaten des Jahres nach Zahlen von Context den Umsatz mit Tablets im Vergleich zum Vorjahreszeitraum. Auch beim Erstellen von Internetseiten kommt man an den Smartphones und Tablets nicht mehr vorbei. Und das bedeutet, dass es mit einer HTML-Seite für alle nicht mehr geht – man muss schon Alternativen anbieten, die die Inhalte auf unter 5 Zoll großen Smartphone-Bildschirmen oder Tabletflächen mit 6-12 Zoll Diagonale angepasst anzeigen. Über das „media“-Attribut lassen sich verschiedene CSS-Dateien für die unterschiedlichsten Bildschirmgrößen einbinden. Im nachstehenden Beispiel sehen Sie die Einbindung von zwei verschiedenen Stylesheet-Dateien für Normalgeräte und Smartphones. <link rel="stylesheet" media="screen" href="pc.css"> <link rel="stylesheet" media="handheld" href="smarty.css">

GSL-Team2013-03-25T13:03:49+02:00März 25th, 2013|HTML|Kommentare deaktiviert

Die Weiterleitung mit PHP

Wenn eine Internetseite umbenannt wurde und trotzdem noch unter ihrer bisherigen URL zu erreichen sein soll, hilft eine Weiterleitung (Redirect). Es gibt verschiedene Möglichkeiten dafür, beispielsweise eine .htaccess-Datei oder ein HTML-Meta-Tag. Es geht aber auch mit reinem PHP. Der HTTP-Header für eine Weiterleitung mit dem am häufigsten verwendeten Statuscode 301 (Moved Permanently) sieht so aus: HTTP/1.1 301 Moved Permanently Location: http://www.neueurl.de Den Header kann man mit der PHP-Funktion header() manipulieren. Der nachstehende PHP-Code führt einen Redirect auf die URL http://www.neueurl.de aus: <?php header ("HTTP/1.1 301 Moved Permanently"); header ("Location: http://www. neueurl.de /"); exit(); ?> Die URL in Location muss absolut sein, also mit http// beginnen. Es funktioniert auch ohne das exit(), aber das macht deutlich, dass es hier nicht mehr weiter geht. Häufig gibt es eine Fehlermeldung bei PHP-Redirects mit der Funktion header(), weil schon vor der Funktion eine Ausgabe stattgefunden hat – ein einzelnes Leerzeichen reicht da schon aus. Nach einer Ausgabe kann man den Header aber nicht mehr modifizieren, so dass in diesem Fall die Weiterleitung nicht durchgeführt wird.

GSL-Team2013-03-16T20:39:38+02:00März 16th, 2013|HTML, PHP|Kommentare deaktiviert

Windows 8 jetzt doch mit Flash

Eigentlich sollte es ja genau wie bei Apple keine Unterstützung des proprietären Adobe-Standards Flash mehr in Microsofts Windows 8 geben. Stattdessen sollte nur noch HTML5 genutzt werden. Inzwischen ist Microsoft aber komplett davon abgerückt. Nachdem erstmal für einzelne Internetseiten Flash unter Windows 8 über eine Art Whitelist freigegeben wurde, hat Microsoft Adobe Flash heute für fast alle Webseiten im Internet im Internet Explorer 10 unter Windows 8 freigegeben. Das dazugehörige Update für Windows 8 und auch für Windows RT kommt wie üblich über die Windows Update-Schnittstelle. Laut Microsoft sind die meisten Internetseiten mit Flash-Inhalten inzwischen für Windows 8 geeignet, lassen sich per Touch bedienen, sind schnell genug und belasteten den Akku auch nicht unnötig.

GSL-Team2013-03-12T20:11:56+02:00März 12th, 2013|CSS, HTML|Kommentare deaktiviert

Kein Firefox-Browser für Iphones und iPads

Eine Version Ihres Browsers Firefox für Apples iOS-Geräte will Mozilla weiterhin nicht entwickeln. Der Grund dafür ist, dass Apple mit Wettbewerbern ganauso umgeht wie mit seinen Kunden und in diesem Fall die Nutzung eigener Rendering-Engines untersagt. Bei einer Diskussion auf der Konferenz South By Southwest um die Vorherrschaft bei mobilen Browsern erklärte Produktchef Jay Sullivan von Mozilla, dass Mozilla weder daran arbeite noch so etwas plane. Microsoft hat ja gerade wieder eine saftige Strafe von der EU bekommen, als die Browserauswahl für einen Zeitraum von einigen Wochen bei ihrem Betriebssystem Windows 7 fehlte. Wieso darf Apple dann so etwas bei Geräten machen, die hier in Europa verkauft werden?

GSL-Team2013-03-11T18:14:15+02:00März 11th, 2013|Allgemein|Kommentare deaktiviert

Mozilla Firefox startet Java-Updates nur auf Nachfrage

Sogar das allerneueste Java-Plugin Java 7 Update 15 blockiert der Firefox-Browser, weil er auf den Click-to-Play-Modus umgeschaltet wurde. So wird die Ausführung von Javascript zwar nicht komplett geblockt, aber mit einer deutlichen Hürde versehen. Jetzt zahlt es sich gerade bei kommerziellen Internetseiten wie Onlineshops aus, wenn der Ersteller der Seiten so gearbeitet hat, dass die Funktionen auch ohne Javascript mit reinem HTML laufen. Die Firmen Oracle, Adobe und Microsoft sehen in diesem Monat nicht besonders gut aus mit ihren vielen Updates. Es hat wohl auch noch nie einen Monat mit mehr Patches, aber auch keinen mit mehr Angriffen auf sie Internetseiten großer Unternehmen über Sicherheitslücken in Java, Flash oder PDF gegeben.

GSL-Team2013-02-28T20:31:43+02:00Februar 28th, 2013|HTML, Javascript|Kommentare deaktiviert

Schon wieder ein Notfall-Update für Adobes Flashplayer

Es ist erst zwei Wochen her, dass das letzte Update des Flash-Players durch den Programmhersteller Adobe herauskam. Wegen zwei gravierenden und aktiv genutzten Sicherheitslücken kommt gerade das dritte Update für Flash im Monat Februar! Und es kommt natürlich wieder mit eingebauter Werbung! Wenn Sie den Flash-Player manuell bei Adobe aktualisieren, achten Sie im eigenen Interesse bitte darauf, vor dem Download des Programms die Option zum Mitinstallieren des unnützen Zusatzprogramms McAfee Security Scan Plus zu deaktivieren.

GSL-Team2013-02-27T09:24:42+02:00Februar 27th, 2013|Allgemein|Kommentare deaktiviert

Firefox 22 blockiert Third-Party-Cookies

Ein Patch für Firefox, der ab Version 22 wirksam wird, sorgt dafür, dass Third-Party-Cookies weitgehend blockiert werden. Das sind solche Cookies, die nicht von der besuchten Website, sondern von darin eingebundenen Inhalten Dritter gesetzt werden (sollen) – in den meisten Fällen Werbung oder Funktionen Sozialer Netzwerke wie Facebook. Webseiten, auf denen der Surfer vorher gewesen ist, dürfen auch weiterhin ihre Cookies setzen, um den Surfer durch das Internet zu verfolgen. Es werden also Third-Party-Cookies von solchen Seiten angenommen, die davor ein First-Party-Cookie setzen durften. Das ist für Ersteller von Internetseiten recht wichtig, denn wer Onlinewerbung oder Trackinglösungen anbietet bzw. programmiert, muss die Surfer jetzt vor dem Setzen eines Third Party Cookies um Erlaubnis fragen oder sich besser direkt ein anderes Konzept überlegen.

GSL-Team2013-02-25T10:18:15+02:00Februar 25th, 2013|HTML, Javascript, PHP|1 Kommentar

Firefox 20 Beta mit Privatmodus für einzelne Fenster

Nahezu zwei Jahre haben die Entwickler bei Mozilla die Funktion “Privates Surfen” im Browser Firefox überarbeitet. Dort lief der Privatmodus bisher immer nur für alle offenen Fenster. Wer also ein Fenster im “privaten” Modus betreiben wollte, musste vorher die Browser-Session mit allen offenen Fenstern beenden und den Browser wieder neu starten. Der neue Code war zunächst in den aktuellen “Nightly Builds” getestet worden und ist nun in die reguläre Beta-Version Firefox 20 übernommen worden. Der Downloadmanager von Firefox 20 wurde ebenfalls stark überarbeitet und zeigt nun den Fortschritt der Downloads direkt in der Firefox-Toolbar an statt in einem eigenen Fenster. Neu hinzugekommen ist in Firefox 20 auch das API getUserMedia, über das Web-Apps auf Webcam und Mikrofon des Rechners zugreifen können – das ist die erste Unterstützung von WebRTC direkt im Browser. Darüber hinaus gibt es reichlich HTML5-Verbesserungen: die CSS Flexbox zur Anpassung an verschiedene Bildschirmgrößen ist für Entwickler genauso hilfreich wie die Webkonsole, der Debugger, der Inspector und auch der Style-Editor. Neu in Firefox 20 sind auch die Canvas-Blendmodi.

GSL-Team2013-02-25T00:26:06+02:00Februar 25th, 2013|Allgemein, CSS, HTML, Javascript|Kommentare deaktiviert

NetBeans 7.3 ist da!

Gerade wurde die neue Version 7.3 der quelloffenen Entwicklungsumgebung NetBeans von Oracle veröffentlicht. Viele Programmierer und Ersteller von Internetseiten nutzen diese IDE für PHP oder C++, aber hauptsächlich wird sie als Java-IDE auch für Java verwendet. Die Verbesserungen sind besonders in den Bereichen HTML5, JavaScript und CSS zu finden, so zum Beispiel der neue JavaScript-Editor und -Debugger. Mehr Details zu NetBeans 7.3 in Deutsch finden Sie bei Heise.

GSL-Team2013-02-22T23:14:16+02:00Februar 22nd, 2013|CSS, HTML, Javascript, PHP|Kommentare deaktiviert

Über GSL-Team