dev.strombild


Posts Tagged »html«


April 28th, 2011 by Michael

Input Type Keyboards on iPhone & Android Devices

Auf iPhone und Android sind folgende Typen für Inputfelder möglich:

type="email"
type="number"
type="tel"
type="url"

Das Keybord passt sich entsprechend an.

Quelle: www.petefreitag.com/item/768.cfm

Tags: , , ,


December 17th, 2010 by Michael

Miniaturbild für Facebook

Wenn man auf Facebook eine URL postet, dann wird diese mit Titel, Description und Miniaturbild angezeigt:

Dieses Miniaturbild kann man mit einem Meta-Tag festlegen:

<meta property="og:image" content="pfad/zum/preview.png" />

Das Bild wird in Facebook auf 100px Breite kleingerechnet.

Quelle: developers.facebook.com/docs/opengraph

Tags: , ,


November 30th, 2010 by Michael

Code Schnipsel für PHP, CSS, jQuery und mehr

Bei "snipplr" und "css-tricks" gibt es ein Sammelsurium von Scripts für PHP, HTML, CSS, jQuery, htaccess, MySql und so weiter. Gut zum Lernen und für "wie ging das nochmal schnell?".

http://snipplr.com
http://css-tricks.com/snippets

Tags: , , , , ,


November 23rd, 2010 by Michael

Anker-Link mit Versatz

Wenn man z.B. einen Seitenheader mit "position: fixed;" hat, dann muss das Sprungziel für Ankerlinks entsprechend tiefer sein. Das geht wenn der Anker ein negatives "margin-top:" hat.

// Die Höhe des Versatzes: 250px
.anker {
	padding-top: 250px;
	margin-top: -250px;
}

Quelle und Beispiel: www.impressivewebs.com/bump.html

Tags: ,


November 22nd, 2010 by Michael

Liste aller CSS-Eigenschaften und HTML-Elemente

Übersicht über alle CSS-Eigenschaften mit der jeweiligen CSS Version:
http://meiert.com/de/publications/indices/css-properties

Übersicht aller HTML-Elemente mit der jeweiligen HTML- bzw. XHTML-Version:
http://meiert.com/de/publications/indices/html-elements

Tags: ,


September 14th, 2010 by Michael

PHP Mailer

PHP Klasse um E-Mails zu versenden. Unterstützt natürlich SMTP, HTML-E-Mails, Attachments usw.

http://phpmailer.worxware.com

Tags: ,


April 7th, 2010 by Michael

Browsersupport für CSS 3 und HTML 5 Funktionen

übersichtlich aufgelistet.

www.findmebyip.com/litmus#target-selector

Tags: , ,


November 12th, 2009 by Michael

id als anchor

Um einen Anchor innerhalb einer Seite zu definieren benötigt man nicht mehr die

<a name="target"></a>

Syntax, sondern kann stattdessen einfach die id eines Elementes benutzen:

<a href="#target">go</a>
.
.
.
<p id="target">here
 

Test: tools.strombild.de/anchor.php

www.w3.org/TR/html401/struct/links.html#h-12.2.3

Tags:


July 18th, 2009 by Michael

Barrierefreiheit

Webseite auf Barrierefreiheit testen:

www.bitvtest.de

Tags: , ,


July 11th, 2009 by Michael

Internet Explorer 8 hacks

Mit folgendem Metatag kann man ie8 dazu veranlassen die eine Webseite wie ie7 zu behandeln:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

quelle

Ein CSS Hack für ie8 ist folgender:

.test { color /*\**/: blue\9 }

quelle

Tags: , , , , ,