2011 Februar

Facebook Banner & invalider Code

Von so einer kleinen Unternehmung wie Facebook kann man natürlich keinen validen Code erwarten, wie kann ich nur *Ironie Ende*. Unten für diejenigen die es gebrauchen können ein Beispiel für den Bereinigten Code eines Facebook Banners.

Was wurde verändert?

  1. target=“_top“ – raus damit! Hat in validem xhtml Code nichts zu suchen.
  2. alt=“xxx“ – Alt-Text ist Pflicht in Img-Tags.
  3. <br/> wird zu <br /> – Ich war immer der Meinung das wäre schlicht besserer Stil mit einer Leerstelle, der Validator hat es allerdings als Fehler ausgegeben, also: Leerstelle rein.


	webks: websolutions kept simple



	Webks: websolutions kept simple


	 | 


	Wirb ebenfalls für deine Seite

Warum machen die das?

  1. target=“_top“ – Sorgt bei alten Frame-Seiten dafür das zwar im selben Fenster (Tab), aber ohne das Frameset drumherum geladen wird. Motiv ist klar, Facebook möchte natürlich nicht dass die Seite innerhalb einer anderen Seite geöffnet wird. Allerdings nutzt heute niemand der bei Verstand ist noch Framesets, wenn es sich irgendwie vermeiden lässt.
  2. alt=“xxx“ – Kann in meinen Augen nur Faulheit oder Schusseligkeit sein.
  3. <br/> wird zu <br /> – Wie oben erwähnt, schlechter Stil. Laut Validator auch schlichtweg Falsch, was ich aber so nicht unterschreiben würde.

    DROWL – Drupalentwicklung aus Ostwestfalen Lippe

    Mal ein wenig Werbung in eigener Sache, mit unserem Drupal Projekt „DROWL“ wollen wir, die Verbreitung von Drupal vorantreiben, »wir« meint das Unternehmen webks: websolutions kept simple. Natürlich ist das nicht ganz uneigennützig, wir bieten dort Service rund um Drupal an, Einrichtung, Konfiguration, Spezialentwicklungen und natürlich Theming.

    Außerdem eine Reihe an vorgefertigten Drupal Lösungen die nur noch in den Details für die Kunden angepasst werden muss, was einen geringeren Preis zur Folge hat.

      Kleine Transition / Multiple Background – Demo

      Warum auch immer JavaScript nutzen für bewegte Hintergründe? Man nehme: 2 Hintergrundbilder, eine Prise Transition und rühre die Background-position langsam unter. Selbst die aktuelle Firefox Beta (Nightly Build) versagt leider kläglich bei diesem Test, Multiple Backgrounds scheinen noch nicht gut implementiert zu sein. Chrome macht seine Sache dafür um so besser.

      Bon Appetit! (Chrome only)

      
			body{
				font-family:Georgia,"Times New Roman",serif;					
				background: url(colored_bg_sec.png)  top 0 repeat,
						     url(colored_bg.jpg) top 0 repeat;
										
				-moz-transition: all 15s ease-in-out;
				-webkit-transition: all 15s ease-in-out;
			}

			body:hover{
				background: url(colored_bg_sec.png) top -500px repeat,
							url(colored_bg.jpg) top 500px repeat;
			}