Archiv der Kategorie: HTML & CSS

Browser als ausführbare Datei

Veröffentlicht am von
3

Wer Internetseiten erstellt kennt das Leid mit den Browsertests. Nicht alle Browser können alles und die Exoten zu wenig. Besonders beim Internet Explorer habe ich mir bisher mit virtuellen Maschinen beholfen, da mehrere parallele Installationen des Internet Explorer leider nicht möglich sind. Als ich das letzte Mal versucht habe, eine Standalone-Version des Internet Explorer zu verwenden, um eine Seite auf einer anderen Version des Browsers zu testen, habe ich mir irgendwie das System zerschossen.

Nun gibt es Abhilfe. Xenocode bietet die gängigen Browser als ausführbare Datei an. Im Programm haben sie den Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Firefox 2, Firefox 3, Google Chrome, Opera und Safari. Alle Browser können per Klick heruntergeladen werden. Vorsicht bei Firewalls: Evtl. muss die Firewall für die Browser deaktiviert werden.

Tags: , , , , ,

CSS Text Wrapper – kreativ mit CSS

Veröffentlicht am von
Kommentar

Auf diesen Beitrag mÖchte ich noch einmal gezielt hinweisen, obwohl ich ihn über den Google Reader empfohlen habe und er damit unten rechts auf der Seite angezeigt wird. Es geht hierbei um eine Technik, die es ermÖglicht mit CSS Bilder zu umfließen. Hier ein erklärendes Video von der Seite:

 

Wer das interessant findet sollte sich den Beitrag näher anschauen: the Idea Shower » » CSS Text Wrapper

Tags: , , , , ,

Diplomarbeit über Mikroformate

Veröffentlicht am von
Kommentar

Vor einiger Zeit habe ich hier am Blog über Mikroformate berichtet. Dies sind kleine standardisierte Codeschnipsel, anhand derer man einer Maschine Informationen mitteilen kann. Diese finden auch im Web immer mehr Anklang. Der Dr. Web Weblog wies nun darauf hin, dass Florian Beer eine Diplomarbeit über das Thema “Das semantische Web und wie Microformats die Entwicklung vorantreiben werden” geschrieben hat. Die Diplomarbeit ist für alle diejenigen interessant, die sich mit dem Thema Mikroformate beschäftigen wollen oder bereits beschäftigt haben.

[tags] Mikroformate, XML, HTML, Diplomarbeit, Florian Beer[/tags]
Tags: , , , ,

<div></div>

Veröffentlicht am von
Kommentar

Viele der neuartigen Dokumente haben viele viele verschachtelte Container, die für alles mÖgliche genutzt werden. Dabei erfüllen sie teilweise auch Zwecke zu denen andere Elemente gedacht sind.

Das Dokument Der Div-Wahnsinn widmet sich diesem Thema und versucht ein wenig Licht in die Sache zu bringen. So werden viele Sachen erklärt, mit denen man eine Ansammlung von unnützen Divisions umgehen kann:

  • Universalselektoren
  • Klassenselektoren
  • ID-Selektoren
  • abhängige Selektoren
  • Kindselektoren

Dies nur als kleine Auswahl, womit sich das Dokument beschäftigt. Durch die Themen zieht sich der rote Faden, dass man versucht mit vorhandenen Elementen zu arbeiten, diese sinngemäß zu nutzen und nur mit attributen auszuzeichnen um sie mit den Selektoren ansprechen zu kÖnnen. Eigentlich eine sehr gute Sache und daher ein lesenswerter Artikel.

[tags] CSS, div, Selektoren, Elemente[/tags]
Tags: , , ,

Cross-Site-Scripting

Veröffentlicht am von
Kommentar

Neben SQL-Injection gibt es auch noch das sog. HTML und Script-Injection. Auch hierzu gibt es einen CodeClip bei MSDN Solve. Der Clip zeigt sehr gut, wie es mÖglich ist, über Cross-Site-Scripting Daten von anderen Webseites abzufangen. Auch hier gibt es als Programmierer einiges zu beachten. Zwar wird auch in diesem Clip mit ASP.NET gearbeitet, aber es gilt genauso auch für andere Programmiersprachen wie z.B. PHP. Auch diesen CodeClip sollte sich also jeder Programmierer von Webseiten einmal anschauen. 

[tags] SQL Injection, HTML Injection, Script Injection, HTML, JavaScript, CodeClip, MSDN, PHP[/tags]
Tags: , , , , , , ,

HTML-Sonderzeichen nachschlagen

Veröffentlicht am von
Kommentar

Für alle Webdesigner hÖchst interessant… Ab und an würde man gerne wissen, welchen HTML-Code ein ganz bestimmtes Zeichen hat. Leider lässt sich danach so schlecht suchen. Heute gelesen: HTML-Sonderzeichen schnell nachschlagen – Tobbis Blog. Vorgestellt wird in dem Beitrag die Webseite HTML Entity Character Lookup. Gibt man dort in ein Suchfeld ein Zeichen ein, so werden dank Ajax sofort die treffenden Sonderzeichen herausgesucht:

html

Dies ist mal wieder eine Seite, die ich mir sofort gebookmarkt habe. Ich hoffe, dass ich mich daran zu gegebener Zeit erinnere :)

[tags] Sonderzeichen, HTML, Entity, Ajax, Webdesign, Code[/tags]
Tags: , , , , ,

Punkte (pt) oder Pixel (px)

Veröffentlicht am von
Kommentar

Webdesigner geben den Webseiten ein Aussehen. Damit geben sie auch die SchriftgrÖßen an allen Stellen der Seite vor. Als Webdesigner sollte man also einiges an Hintergrundwissen haben. Unter anderem auch, wie sich die Wahl der Einheit auf die Darstellung auswirkt. SchriftgrÖßen kann man nämlich in Punkten angeben (pt) oder auch in Pixeln (px).

In meinem Ordner fand ich heute einen interessanten Artikel zu dem Thema: Kritik an Punkte (pt) als Maßeinheit für Bildschirmdarstellungen. Der Artikel beleuchtet sehr ausführlich den Hintergrund zu dem Themenkomplex und ist daher jedem Webdesigner und jedem Interessierten empfohlen.

[tags] Webdesign, Bildschirmdarstellung, Schriftart, SchriftgrÖße, Mac, Windows, Apple, BildschirmauflÖsung, Monitor, Drucker[/tags]

Tags: , , , , , , , , ,

Eine weitere Checkliste

Veröffentlicht am von
Kommentar

Mein Ordner hat noch eine weitere Checkliste, wie ich heute herausgefunden habe. In der Checkliste für Webstandards geht es diesmal wieder um Standards, an die man sich halten sollte, wenn man Internetseiten erstellt. Diese Liste geht allerdings noch mehr ins Detail und ist daher auch etwas länger. Bahndelte Punkte:

  1. Qualität des Codes
  2. Grad der Trennung von Inhalt und Layout
  3. Zugänglichkeit für Nutzer
  4. Zugänglichkeit für Geräte / Maschinen
  5. Grundlegende Benutzbarkeit
  6. Seitenverwaltung

Also eigentlich ein Rundumschlag über die Erstellung von Webseiten. Besonders gut gemacht: Alle Punkte werden nicht abschließen behandelt, sondern lediglich angerissen und dann zu einer Seite verlinkt, die über den Themenkomplex ausführlich aufklärt. Sehr gut!

Tags: , , , ,

Checkliste zur Webseitengestaltung

Veröffentlicht am von
Kommentar

Mein Ordner muss mal wieder herhalten… Ich finde dort noch mehr ausgedruckte Sachen. :) Heute: Checkliste zur Webseitengestaltung Macht man eine Webseite, so muss man an vieles denken… Damit man mal einen überblick bekommt und auch nichts vergisst, haben sich die guten Kollegen ein paar Gedanken gemacht und eine “Checkliste” zusammengestellt. Diese Liste gibt auch Einblick in viele andere Themen, die mit Internetseiten zusammenhängen. So geht es u.a. um Banner-Werbung, Copyrighthinweise und AuflÖsungsoptimierung.

Tags: , , , , ,