Damit Inhalte von den unterschiedlichsten Ausgabemedien wie z.b. Tablet-PCs und Smartphones dargestellt werden können, ist es wichtig, sie ihrer Auflösung entsprechend anzupassen. Einen möglichen Ansatz hierfür liefern Media Queries. Mit Media Queries können Sie die Darstellung, Menge und Reihenfolge der angezeigten Elemente einer Webseite von der Browserfensterbreite des Geräts abhängig machen, auf dem eine Webseite aufgerufen wird und somit den Ansatz eines responsiven Webdesigns verfolgen. Sie können also unterschiedliche Layouts generieren, ohne dabei auf JavaScript oder Änderungen im HTML-Code zurückgreifen zu müssen. Mit dem Pendant Media Types, kann man bereits seit geraumer Zeit individuelle Eigenschaften für spezielle Ausgabegeräte (screen, print, …) erstellen. Weiterlesen »
Unser altes Design hat ausgedient und räumt den Weg für einen frischen Anstrich.
Die neue Seite soll nicht nur optisch Ausdrucksstärke verleihen sondern auch das Zusammenstellen von individuelle Projekte erleichtern.
Neben Design zu HTML/CSS Konvertierung bieten wir jetzt auch die Implementation in verschiedenen Content Management Systemen an. Ausserdem gibt es noch ein kleines Gewinnspiel mit folgenden Preisen:
Tooltips werden immer häufig in Webseiten zum Einsatz gebracht. Diese benötigen meistens ein kleines Dreieck als Bild um zu sehen worauf sich das Tooltip bezieht. Ich habe allerdings letztens an einem Tooltip gebaut welches komplett ohne Bilder auskommt. Diese Herausforderung führte mich zu den experimentellen Ansatz mit polygonalen CSS. Ich zeige in diesem Artikel allerdings nur das HTML/CSS Markup auf: Weiterlesen »
Nur knapp vier Wochen nach dem Start des Internet Explorer 9, meldet sich Microsoft mit einer Vorschau des Internet Explorer 10 zurück.
Die erste Download Version findet man auf der IE Test Drive Seite.
Laut Microsoft liegt der Focus auf der Hardware-Beschleunigung, welche schon mit der Veröffentlichung der IE9 angepriesen würde.
Ausserdem wird weiterhin an einer verbesserten HTML5 und CSS3 Unterstützung gearbeitet wie z.b. an der Implementation von CSS-Gradients und Flexiblen Box-Layouts.
Obwohl es noch keinen endgültigen Termin für den IE10 gibt, glaubt man, dass die neue IE Version zusammen mit Windows 8 irgendwann im nächsten Jahr erscheinen wird.
Mozilla hat mit dem “Release Candidate” die letzte Vorversion von Firefox 4 veröffentlicht. Der RC1 hat alle Funktionen des fertigen Firefox 4 und wird lediglich ein letztes Mal auf Fehler überprüft. Zu den Verbesserungen zählen neben einer neuen JavaScript-Engine auch ein überarbeitetes User Interface. Dank Hardware-Beschleunigung werden bestimmte Prozesse an den Grafikprozessor des Rechners ausgelagert um 3D-Grafiken flüssiger darzustellen.
Die finale Version soll noch vor Ende des laufenden Monats erscheinen, meinte der Chefentwickler Mike Beltzner.
Das World Wide Web Consortium (W3C) hat das offizielle Logo von HTML5 vorgestellt.
Wie die Organisation mitteilte, steht das Logo auch für die große Bedeutung, die der HTML5-Standard sowohl auf technologischer Seite aber auch in der Strategie von Unternehmen und im Marketing habe. Es soll ausserdem nicht nur für die neue HTML-Version selbst stehen, sondern auch für den Einsatz von Cascading Style Sheets (CSS), Scalable Vector Graphics (SVG) und dem Web Open Font Format (WOFF).
In diesem kleinem Tutorial werde ich erklären, wie man mit Hilfe von CSS ein DIV auf die 100% Höhe des Browsersfesnters setzt.
Es handelt sich hier um ein sehr einfaches Beispiel, welches aber auch in komplizierten Layouts verwendet werden kann.
Wir gehen davon aus, dass es ein DIV mit der Klasse “container” gibt, welches die gleiche Höhe wie auch das Browserfenster haben soll.
Im CSS geben wir zuerst dem HTML und Body-Tag eine Höhe von 100% (diese wird leider oft übersehen): Weiterlesen »
Heute mal ein kleines Tutorial, im welchem es um das Gestalten einer “Progress Bar” (Fortschrittsanzeige) handelt. Damit kann man z.b. den Status eines Datei-uploads visualisieren. Als erstes kommt die HTML-Struktur welche so aussieht:
Microsoft hat gestern Abend eine erste Betaversion des Internet Explorer 9 für Windows 7 und Vista zum download vorgestellt.
Auf dem ersten Blick erkennt man, dass die Oberfläche jetzt viel schlanker ist. Zu den Bedienelementen zählen ein Vor- und Zurück-Knopf, eine schmale kombinierte Adresseingabe sowie ein Suche mit Neuladen- und Abbrechen-Button. Rechts finden sich drei Buttons für Startseite, Lesezeichen und Einstellungen. Weiterlesen »
Bildergalerien kommen auf Websites immer wieder vor. Mit jQuery wird die Verwendung bzw. Einbindung immer einfacher.
Im folgenden Artikel möchte ich 10 jQuery Bildergalerie Plugins vorstellen:
