CSS – Seite 7 – Homepage Anleitung

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

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

Microsoft Expression jetzt kostenlos downloadbar

Microsoft hat seine Expression-Familie von Werkzeugen zum Entwickeln von Webseiten und Windows-Anwendungen ziemlich sang- und klanglos eingestellt. Zum Ende dieser Ära hat der Redmonder Konzerm jetzt zwei Komponenten der Expression—Suite, Expression Design 4 und Expression Web 4 zum kostenlosen Download freigegeben. Frei nach dem Motto „Geschenktem Barsch schaut man nicht in die Kiemen“ ist das ein durchaus brauchbares Abschiedsgeschenk, auch wenn es zu den Programmen keinen Support von Microsoft gibt. Das einzige verbleibende eigenständige Produkt ist Expression Encoder 4 Pro, das weiter vertrieben werden soll. Hierfür gibt es aber auch schon länger eine abgespeckte Version, die man kostenlos downloaden kann.

GSL-Team2012-12-27T17:25:21+02:00Dezember 27th, 2012|CSS, HTML, Javascript, MySQL, PHP|Kommentare deaktiviert

WOFF-Standard wurde verabschiedet

Das World Wide Web Consortium (W3C) hat jetzt zwei Jahre nach dem ersten Entwurf das Web Open Font Format (WOFF) verabschiedet. Es wurde eigentlich mal für Apples QuickDraw entwickelt. In den Browsern Firefox, Chrome und Safari ist WOFF schon seit 2010 implementiert. Eigentlich können aktuell nur der Opera Mini-Browser und der Android-Browser noch nicht mit Webschriften nach dem WOFF-Standard umgehen. In Internetseiten kann man die Webfonts über die @font-face-Regel per CSS einbinden. Allein bei Google kann man mehr als 600 solche Fonts zur freien Nutzung downloaden.

GSL-Team2012-12-15T11:33:07+02:00Dezember 15th, 2012|CSS|Kommentare deaktiviert

HTML 5: Mozilla und Telefonica investieren in everything.me

Das israelische Startup everything.me gibt seinen Anwendern vom Smartphone aus Zugriff auf Cloud-Apps, die wie native Apps auf dem Schlaufon angezeigt werden. Das Unternehmen suchte eine Anlauffinanzierung und bekam jetzt 25 Millionen Dollar von bekannten, großen Firmen, darunter die O2-Mutter Telefonica und Mozilla. Es geht eigentlich darum, die Möglichkeiten des Internet auch vollständig auf den Mobilgeräten zu nutzen, und der Schlüssel dazu ist HTML 5. Und hier hat das israelische Startup einen Schatz an Knowhow, was auch die HTML 5-basierte Mobilplattform von everything.me. Das zeigt, wie wichtig im Zeitalter von Smartphones und Tablets die Zielgruppe der mobilen Surfer geworden ist. Nicht nur ein Großkonzern, sondern jeder, der gerade eine neue Internetseite für sein Unternehmen plant, tut gut daran, auf die neue HTML5- und CSS3-Technologie umzuschalten.

GSL-Team2012-11-30T15:35:15+02:00November 30th, 2012|CSS, HTML|Kommentare deaktiviert

Relative Schriftgröße mit em-Angaben

Nicht nur bei Randmenüs können unschöne Dinge passieren, wenn ein Benutzer die Schriftgröße in seinem Browser verändert. Mit relativen Style-Angaben skalieren alle Texte mit der Schriftgröße und behalten ihre Proportionen. Dadurch werden die Texte nicht umgebrochen und sie fallen auch nicht „aus dem Rahmen“. Die em-Angabe bezeichnet die relative Gesamthöhe eines Fonts mit Leerräumen und bezieht sich auf die Schriftgröße des Elternelements. <div style="font-size:21px;“> (21px absolut als Elternelement) <div style="font-size:0.9em;"> (90% -> 18px) <div style="font-size:0.9em;"> (90% -> 16px) </div> </div> </div> An der Ausgabe der drei verschachtelten DIV-Container des Beispiels erkennt man recht gut, wie sich die relative Änderung des zweiten und dritten DIV-Containers auf die Darstellung auswirkt: (21px absolut als Elternelement) (90% entspricht 18px) (90% entspricht 16px)

GSL-Team2012-11-15T11:56:08+02:00November 15th, 2012|CSS, HTML|Kommentare deaktiviert

Das W3C bringt Grobentwurf für Aufzählungszeichen

Das W3C hat einen ersten Grobentwurf der CSS Counter Styles für CSS3 vorgestellt. Darin wird festgelegt, wie Ersteller von Internetseiten eigene Zeichenfolgen zur Verwendung in der CSS-Eigenschaft list-style und in list-style-type festlegen können. Die dazu nötige Regel @counter-style enthält die Angaben system, symbols und suffix, wobei system die Verarbeitungsweise, symbols das oder die Aufzählungszeichen und suffix ggfs. nachfolgende Zeichen enthält. Im ersten Beispiel wird ein kleines o mit nachfolgendem Leerzeichen vor jedem Item ausgegeben: @counter-style kreis { system: cyclic; symbols: o; suffix: ''; } Das Ergebnis sieht dann so aus: o eins o zwei o drei Im zweiten Beispiel ist die Verarbeitungsweise anders (symbolic): @counter-style fussnote { system: symbolic; symbols: *; suffix: ''; } Das führt dann zu folgender Liste: *. eins **. zwei ***. drei

GSL-Team2012-10-10T21:20:26+02:00Oktober 10th, 2012|CSS|Kommentare deaktiviert

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

Media Queries unter CSS3 freigegeben

Als Empfehlung (Recommendation) für den endgültigen Standard wurden vorgestern vom World Wide Web Consortium die Media-Queries freigegeben. Diese Empfehlung entspricht einer CSS3-Spezifikation und definiert, wie Ersteller von Internetseiten ihre Stylesheets für verschiedene Geräteklassen zuordnen können. Grundsätzlich war das ja auch schon bisher unter HTML4 und CSS2 möglich. Mit den neuen HTML5-Media Queries kann der Programmierer oder Designer die Zuordnung eines Stylesheets von weiteren Eigenschaften des aufrufenden Gerätes abhängig machen. Hat man zum Beispiel eine CSS-Datei erstellt, die nur für mobile Geräte zugeordnet werden soll, die mindestens 1000 Pixel Bildschirmbreite haben, sieht das jetzt so aus: <link rel="stylesheet" media="screen and (min-device-width: 1000px)" href="ab1000px.css" /> Neben der Und-Verknüpfung mit "and" wie im Beispiel gibt es auch noch eine Verneinung mit "not". Eine Oder-Verknüpfung ist nicht vorgesehen.

GSL-Team2012-06-21T17:13:31+02:00Juni 21st, 2012|CSS, HTML|Kommentare deaktiviert