Schlagwort: html

Kategorien
Allgemein

Warum Logos in E-Mail-Signaturen Kappes sind

Kappes: Unsinn, dummes Zeug #

Logos in E-Mail-Signaturen hat ja bestimmt jeder schon mal gesehen. Die sind aber ziemlich blödsinnig. Erstens gehen dafür jedes Mal so zwischen 10 und 70 KB (oder mehr) dafür drauf, womit dann schon nach 14 Mails 1 MB vom Speicherplatz weg sein. Spart den ein oder anderen Anruf beim Support weil „das Postfach mal wieder voll ist“ online project management tools free.

Zweitens, der Empfänger bekommt meist angezeigt, dass in der Mail ein Anhang dabei ist. Das kann dann entweder zu Wutanfällen führen, weil er die Datei nicht findet. Oder aber, bei viel Mailkontakt untereinander, wird dann irgendwann übersehen, wenn wirklich ein Anhang dabei ist, weil man sich dran gewöhnt hat.

Drittens gibt es auch noch die Möglichkeit das Logo von externer Quelle reinzuladen, aber selbst das kann durch Sicherheits-Einschränkungen und Spam-Analyse zum Problem werden, wenn eure Mails dann gar nicht erst ankommen oder als Spam markiert werden.

Also, lasst es. Verzichtet auf Logos in euren Signaturen.

Kategorien
Frontend: HTML5, CSS3, jQuery Linktipps

WTF, HTML and CSS?

Reasons HTML and CSS might make you say what the fuck. A curated list of commonly frustrating HTML and CSS quandaries, miscues, and dilemmas.

via WTF, HTML and CSS?.

Kategorien
Frontend: HTML5, CSS3, jQuery Mac & iPhone

HTML-title in iOS7

Fiel mir die Tage auf: in iOS7 stellt Safari den <title> nicht mehr dar. Also, Überschriften schön hoch oben positionieren.

20130906-214639.jpg

Kategorien
Linktipps

☞ Complete List of HTML Meta Tags

Eine ziemlich lange Liste von gebräuchlichen und ungebräuchlichen Meta- bzw. Link-Tags. (via Jens Grochtdreis / Flocke.)

Complete List of HTML Meta Tags

Kategorien
Frontend: HTML5, CSS3, jQuery Webdesign/Gestaltung

insert <ins> with somewhat style

Screenshot ins-Element-Formatierung

Mancher von euch hat vielleicht noch schon mal das <ins>-Element benutzt aber keine rechte Idee gehabt, es zu stylen. Ich hab das hier beim Pixelscheucher jetzt so gelöst, Optimierungsbedarf benötigt:

article p ins
	text-decoration:none;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
	box-shadow: 1px 1px 1px #999;
	display:inline-block;
}

Was tut es? Nun, es macht aus dem <ins> ein inline-block-Element, rotiert es um -1° und verpasst ihm einen leichten Schatten nach unten rechts. Sieht dann nämlich wie nachträglich reingeklebt raus, denn <ins> steht ja auch für nachträglich eingesetzten Inhalt.

So sieht es live aus:

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Und als Screenshot:

Screenshot ins-Element-Formatierung

(Normalerweise schreibe ich CSS-Anweisungen in eine Zeile, der Übersichtlichkeit halber jetzt mal nicht.)

Kategorien
Linktipps

Linkscheucher 24

Wow, hab ich wirklich einen ganzen Monat lang keinen Linkscheucher rausgehauen? Nun denn, ab gehts, dicke volle Linkpackung:

Weiterlesen „Linkscheucher 24“
Kategorien
Linktipps

Linkscheucher – 28.05.2010

Folgende Dinge las und fand ich in letzter Zeit gut:

Meine delicious-Links vom 28.05.2010

Kategorien
Webdesign/Gestaltung

Blogelemente die es aufzuhübschen gilt

Damit ich es nicht beim nächsten Redesign vergesse habe ich mir kurzerhand aufgeschrieben, welche Elemente es in einem Blog gibt, die irgendwie gestyled werden müssen. Und damit auch ihr was davon habt, teile ich das mit euch :)

Aufgeteilt ist die Liste in die Beitrags-Elemente, Kommentar-Ansicht, Kommentarformular, Footer, Navigation, verschiedene Inhaltstypen und -seiten und sonstige Sachen, die meistens gut in die Sidebar passen.

Artikel-Elemente

Artikeltitel
Datum
Kommentaranzahl mit Link zu den Kommentaren
Text
Zwischenüberschriften
fett, kursiv
Blockquote
Code
Links
Bilder
Listen
– unsortiert
– sortiert
– Definitionslisten
Tabellen
Tags
Kategorien
Edit-Link

Optional:
Facebook-Sharing
Retweet
flattr
sonstiger Socialkram

Kommentare
Gravatar
Text
Autor
Datum
Reply-Button
Edit Link

Kommentare und Trackbacks trennen

Kommentarformular
Name
Website
E-Mail
Labels, input, textarea
Checkboxen
Submit-Buttons
Kommentar-Feed

Navigation
Hauptnavigation (Seiten)
Pagination
Suchformular
Archivseiten
Tags
Kategorien

Footer
Copyright
Wordpress-Satz
cooler Abschlusssatz

anderes
Adsense
andere Werbung (Linklift)
Facebook-Like-Box
letzte Tweeds
Blogroll

Inhalte
Über mich-Seiten
Kategorie-Archiv
Tag-Archiv
zeitliches Archiv
Suchergebnisse
Kontaktseite
Impressum
Feed-Links