GSL-Team, Author at Homepage Anleitung

Interessante Tools im neuen Firefox 16

Soeben wurde die erste Betaversion des Browsers Firefox 16 veröffentlicht. Firefox 16 ist ein sehr interessantes Tool für Webentwickler geworden. Viele Funktionen können über die Tastatur aufgerufen werden, um Seitenelemente zu untersuchen oder den Debugger aufzurufen oder für andere Zwecke. Eine recht vollständige Beschreibung zur Nutzung der Kommandozeile von Firefox 16 in Englisch finden Sie in einem Blogartikel von Kevin Dangoor, von der automatischen Vervollständigung von Kommandos bis zu einer Erläuterung aller Kommandos. Auch eine Video-Version des Blogartikels findet sich dort, sehr hilfreich zum Einarbeiten. Es gibt Kommandos zum Analysieren von Elementen, zum Entfernen und Ersetzen von Elementen und zur Steuerung des Debuggers. Auch Größenänderungen zur Überprüfung der Smartphone-Darstellung sind möglich, bei denen Firefox 16 die CSS-Vorgaben lädt, wenn eine passende Media-Query im Dokument festgelegt ist.

GSL-Team2012-08-31T19:16:48+02:00August 31st, 2012|CSS, HTML, Javascript|Kommentare deaktiviert

Bildtexte semantisch korrekt zuordnen mit HTML5

Für erfolgreiche Suchmaschinenoptimierung (SEO) wird es immer interessanter, einen Bildtext dem dazugehörigen Bild semantisch einwandfrei dem dazugehörigen Bild zuzuordnen, damit die Suchmaschinen diesen Zusammenhang auch erkennen. Bisher machte man das üblicherweise so: <img src="PfadZumBild.jpg" alt="Mein Bild" /> <p>Ein schönes Bild</p> Damit ist der Zusammenhang zwischen Bild und Text für den Roboter einer Suchmaschine nicht eindeutig erkennbar. Mit HTML5 wurde das Figure-Element mit dem Figcaption-Element eingeführt, das hier eindeutig die bessere Lösung ist: <figure> <img src=" PfadZumBild.jpg " alt=" Mein Bild " /> <figcaption> <p>Ein schönes Bild </p> </figcaption> </figure>

GSL-Team2012-08-30T09:20:17+02:00August 30th, 2012|Allgemein, HTML|Kommentare deaktiviert

Windows 8 meldet alle installierten Programme an Microsoft

Planen Sie auch schon, Windows 8 auf Ihrem Entwicklungsrechner zu nutzen? Sollten Sie sich als Programmierer oder Ersteller von Internetseiten bei Microsoft bewerben wollen, brauchen Sie Ihre Kenntnisse und Fähigkeiten nicht mehr in der Bewerbung darstellen, denn Windows 8 meldet jedes auf Ihrem PC installierte Programm direkt an den Softwareriesen, so dass der sich leicht ein Bild von Ihren Tätigkeiten machen kann. Als ernsthaftes Sicherheitsproblem sieht Sicherheitsexperte Nadim Kobeissi die bei Windows 8 immer eingeschaltete Smartscreen-Filter-Funktion an. Die meldet jede Software-Installation auf einem Gerät direkt nach dem Download der Installationsdateien aus dem Internet an Microsoft. Damit soll angeblich das Installieren von Schadsoftware auf diesem PC verhindert werden. Unbefugte könnten Zugang zu diesen gesammelten Daten erhalten und so erfahren, welche Anwendungen auf einem bestimmten Computer installiert wurden. Das ist ein gravierendes Datenschutz- und Sicherheitsproblem, insbesondere, weil für die Übertragung der ausspionierten Daten zu Microsoft eine veraltete und unsichere Methode zur https-Verschlüsselung genutzt wird. Es steht auch zu befürchten, dass Regierungen nicht nur von nichtdemokratischen Ländern an diese Daten gelangen könnten, um so Informationen über politisch unliebsamen Menschen zu sammeln. Glücklicherweise lässt sich die Smartscreen-Funktion auch abschalten.

GSL-Team2012-08-24T23:46:29+02:00August 24th, 2012|Allgemein|Kommentare deaktiviert

Wie man von Windows 8 RP auf Windows 8 RTM updatet

Bisher konnte man bei allen üblichen Verdächtigen nachlesen, dass man von der Release Preview Version von Windows 8 nicht auf die inzwischen vorliegende Release to Manufacturing-Version von Windows 8 updaten kann. Was ja im Klartext bedeutet: Wer schon Windows 8 RP benutzt und auch als Windows 8 RTM weiter benutzen möchte, muss sein komplettes System neu installieren, ein Update klappt nicht. Das hat sich nun geändert. Unter dem Titel "Fool the Windows 8 RTM into upgrading the Release Preview" kann man nachlesen, wie man den Update möglich macht. Zuerst packt man die ISO-Datei mit Windows 8 RTM aus. Dann lädt man die Datei /sources/cversion.ini in einen Editor und ändert die beiden Einträge von "MinClient=8508.0" und "MinServer=8508.0 "auf die Werte "MinClient=7100.0" und "MinServer=7100.0". Dann abspeichern und das war's.

GSL-Team2012-08-22T19:35:14+02:00August 22nd, 2012|Allgemein|Kommentare deaktiviert

HTML5-Tags progress und meter

Die beiden neuen HTML5-Tags <progress> und <meter>. Während man mit <progress> anzeigt, wie weit etwas schon fertig ist (Fortschrittsanzeige) ist <meter> für die Anzeige von Werten wie ein Messinstrument geeignet. Obwohl die Anzeigen beider Tags auf einer Internetseite sehr ähnlich aussehen können, haben sie doch eine recht unterschiedliche Bedeutung, denn bei <progress> ist immer das Erreichen eines bekannten oder unbekannten Endwertes das Ziel, bei <meter> eben nicht. Als Beispiel für <meter> ein Thermometer, dass einen Bereich von 0 bis 50° abdeckt: <meter min="0" max="50" value="39" title="Grad Celsius">39°</meter> 39° Wenn Sie hier z.B. mit Firefox noch keinen Balken, sondern nur die 39° sehen, probieren Sie es mal mit dem Browser Chrome, der kann es schon... Das einfachste Beispiel für <progress> hat folgenden Code: <progress>In Bearbeitung</progress> Das führt zur Ausgabe eines Fortschrittsbalkens, der aber keine Werte angibt, sondern nur zeigt, dass noch etwas passiert: In Bearbeitung Dabei ist der Text innerhalb des Tags eine Art Fallback für ältere Browser. Wenn ein Browser wie z.B. ein älterer Internet Explorer das Tag nicht kennt, liest man dort "In Bearbeitung" und sieht keinen Balken. Ein Fortschrittsbalken mit Werten kann zum Beispiel so erzeugt werden: <progress value="25" max="100">25%</progress> 25%

GSL-Team2012-08-20T10:58:49+02:00August 20th, 2012|HTML|Kommentare deaktiviert

Twitter-Entwickler immer unsicherer

Twitter will die Regeln für seine Kurzmitteilungs-Plattform verschärfen, damit der Nutzer eine "konsistentere Erfahrung" angeboten bekommt. Wenn man das in Klartext übersetzt, könnte es heißen: Die Benutzer sollen die Originalfunktionen von Twitter nutzen, wo das Unternehmen auch Werbung schalten kann. Das sagt natürlich noch nicht genau, was sich bei Twitter ändern wird. Aber die ersten Entwickler sind schon abgesprungen oder haben Probleme, weiteres Geld für Twitter-Projekte aufzutreiben. Es wurde sogar schon eine Petition dazu gestartet, weil Twitter hartnäckig zu den Fragen schweigt. Also seine Sie vorsichtig bei der Erstellung von Internetseiten mit Twitter-Funktionen, denn es könnte sein, dass die bald nicht mehr funktionieren.

GSL-Team2012-08-16T09:13:58+02:00August 16th, 2012|Allgemein, PHP|Kommentare deaktiviert

Veraltete WordPress-Version bei Reuters machte falsche Syrien-Berichte möglich

Zum letzten Wochenende tauchten auf der Seite des renommierten britischen Nachrichtendienstes Reuters im Sinne des Assad-Regimes gefälschte Berichte über den Bürgerkrieg in Syrien auf. Reuters musste kurzzeitig sein Blog vom Netz nehmen und die Fälschungen entfernen. Jetzt wurde bekannt, wie das möglich war: Reuters benutzte eine veraltete Wordpress-Version für sein Blog, die viele bekannte Sicherheitslücken aufwies. So kann man es im Blog des Wall Street Journal nachlesen. Der Vorfall macht deutlich, wie wichtig es ist, sein Wordpress immer auf dem aktuellen Stand zu halten. Wer Internetseiten mit Wordpress erstellt, pflegt oder betreibt, sollte immer darauf achten, angebotene Updates auch einzuspielen, was bei Wordpress wirklich sehr einfach zu machen ist.

GSL-Team2018-01-27T21:20:38+02:00August 8th, 2012|Allgemein, CMS|Kommentare deaktiviert

Der Metro-Startbildschirm kann nicht abgeschaltet werden

Wer als Entwickler von Software oder Internetseiten schon mit der endgültigen Windows 8 –Version arbeitet, hat das Problem, immer über den Metro-Startbildschirm mit den bunten Kacheln gehen zu müssen. Das Umgehen mit einfachen Tricks, das noch in den Vorversionen möglich war, klappt bei der finalen Version nicht mehr und deshalb sieht der Benutzer immer zuerst die Metro-Oberfläche. Man kann nicht mehr direkt in den Desktop booten. Nach einem Bericht von Golem hält der Buchautor Rafael Rivera, der zurzeit an dem Buch "Windows 8 Secrets" (Geheimnisse von Windows 8) arbeitet, es aber nicht für ganz unmöglich. Allerdings ist bisher noch keine einfache Lösung bekannt.

GSL-Team2012-08-07T12:16:24+02:00August 7th, 2012|Allgemein|Kommentare deaktiviert

Ein Slider in HTML5

Beim Erstellen von Internetseiten sind gelegentlich Werteeingaben zu realisieren, die man besser und ergonomischer mit einem Slider als mit einem Texteingabefeld realisieren kann. In HTML5 gibt es jetzt die Möglichkeit, mit dem neuen Input-Typ "range" einen solchen Slider zu realisieren. Der Code dazu hat mehrere Attribute. Mit "min" und "max" wird der Bereich eingegrenzt, mit "value" der Startwert angegeben und "step" bestimmt die Auflösung. <input min="0" max="50" value="0" step="5" id="slider" name="range" onchange="showValue(this.value)" type="range"> Ein wenig Javascript dazu sorgt dafür, dass hinter dem Slider der jeweils eingestellte Wert angezeigt wird: <span id="range">0</span><br> <script type="text/javascript"> function showValue(newValue) { document.getElementById("range").innerHTML=newValue; } </script> Wenn statt des Sliders ein einfaches Textfeld mit dem Startwert dahinter angezeigt wird, ist Ihr Browser noch nicht in der Lage, mit dem Input-Typ "range" umzugehen. Probieren Sie es zum Beispiel mit Chrome 21.0.x.

GSL-Team2012-07-30T10:51:32+02:00Juli 30th, 2012|HTML, Javascript|Kommentare deaktiviert

HTML5-Tag datalist

Mit der Einführung des <datalist> Elements in die HTML5 Spezifikation wurde ein Weg geschaffen, dem Benutzer eine freie Texteingabe in ein <input> Element zu ermöglichen. Dabei werden mit Hilfe der hinterlegten <option> Einträge die entsprechenden Eingabewerte angezeigt, und der Benutzer kann sie auswählen, wenn er es wünscht. Dabei kann das <datalist>-Tag nur in Verbindung mit einem <input> Element genutzt werden. Die Verknüpfung wird dabei durch das list-Attribut im <input> Element mit der id des <datalist> Elements realisiert. Ein Beispiel dazu: <input type="text" id="Nationen" list="Land"> <datalist id="Land"> <option value="Deutschland"> <option value="Deutschland"> <option value="Deutschland"> </datalist> Das neue Tag eignet sich auch besonders gut zur Realisierung von Vorschlagswerten für Eingabefelder wie beispielsweise bei Google Suggest.

GSL-Team2012-07-25T10:24:57+02:00Juli 25th, 2012|HTML|Kommentare deaktiviert

Über GSL-Team