CSS 3 - Transition: rotate
Kategorie: Webdesign und -entwicklung | Autor: rjdesign.ch		 25.07.2011

Ich arbeite gerade an einem Webdesign bei dem ein paar DIV-Elemente um einige Winkelgrade gedreht dargestellt werden müssen. Weil ich kein Javascript oder Drittsoftware einsetzen wollte hab ich mich schlau gemacht was CSS für eine Lösung bieten könnte.

Gefunden habe ich etwas bei CSS 3 und zwar transform: rotate

CSS 3 hat zwar der Nachteil dass einige älteren Browser diese Strukturvorgabe nicht interpretieren können, dafür gibt es aber die Prototyp Erweiterungen -moz-, -o-, -webkit- und -ms- welche auch bei den jüngeren Versionen der älteren Browser die Darstellung provizieren können.

Und hier nun das CSS für die Darstellung einer Drehung von 30 Grad:
div {
       -moz-transform: rotate(30deg);
       -o-transform: rotate(30deg);
       -webkit-transform: rotate(30deg);
       -ms-transform: rotate(30deg);
       transform: rotate(30deg);
}


Komentare (0)


Gmail vs GMX
Kategorie: World Wide Web | Autor: rjdesign.ch		 07.07.2011

Seit dem 6. Juli 2011 bin ich nun auch Google Mail (Gmail) Anwender und hab mich somit von meiner langjährigen E-Mailanbieter GMX abgewendet.

Mit diesem Blogpost möchte ich euch meine Beweggründe für den Wechsel des E-Mailanbieters vorlegen und zwar in einer simplen Gegenüberstellung der gratis Angebote von Gmail und GMX.

Mehr findet ihr unter weiterlesen...

Komentare (0) | Weiterlesen...


The Mentalist
Kategorie: Unterhaltungsmedien | Autor: rjdesign.ch		 06.06.2011

The Mentalist ist eine erfolgreiche Polizei-Dramserie aus den Vereinigten Staaten die sich inhaltlich und charakteristisch von den x-verschiedenen CSI Serien (Navy CIS, CSI New York, CSI Miami...) stark unterscheidet.

Weitere Details und meine persönliche Meinung findet ihr unter weiterlesen...

Komentare (0) | Weiterlesen...


Internet Explorer 6.0 - Infopage
Kategorie: Webdesign und -entwicklung | Autor: rjdesign.ch		 07.05.2011

Der Internet Explorer 6.0 hat so seine Schhwierigkeiten übliche Webstandards sowie -sicherheitsvorgaben einzuhalten und ist technisch auch veraltet. Dies hat mich veranlasst den Internet Explorer 6.0 mit meinem Webauftritt nicht mehr zu unterstützen und alle Anwender dieses Browsertyps zu einer Infopage weiterzuleiten. In dieser Infopage werden die Anwender aufgefordert ihren Browser zu aktualisieren oder eine entsprechende Alternative einzusetzen.

Die Infopage kann unter folgenden URL auch mit jedem beliebigen Browsertyp aufgerufen werden: http://ie6.rjdesign.ch?page=rjdesign.ch

Eine entsprechende Anleitung für das Blocken des Internet Explorer 6.0 und das Einbinden der Infopage findet ihr unter weiterlesen...

Komentare (0) | Weiterlesen...


fehlerCodes - Welt der PC-Fehler
Kategorie: Webdesign und -entwicklung | Autor: rjdesign.ch		 15.03.2011

Ihr kennt das Problem sicher, irgendein Tool oder eine Verbindung gestartet und plötzlich erscheint eine Fehlermeldung a la "ID 554 - SMTP" oder "0x800CCC66 - IXP_E_SMTP_504_COMMAND_PARAM_NOTIMPL" und ihr habt schlichtweg keine Ahnung was dies nun bedeutet.

In solchen Situation hilft eventuell die von mir im World Wide Web respektive durch Zufall über die Google Suchmaschine gefunde Website fehlerCodes - Welt der PC-Fehler (fehlercodes.com). Die Website bietet eine grosse Datenbank an verschiedenen Fehlercodes inklusive deren deutschen Beschreibungen.

Mir hat die Website respektive die grosse Datenbank schon viel geholfen. Ich hoffe euch auch!


Komentare (0)


Grails Installation
Kategorie: Webdesign und -entwicklung | Autor: rjdesign.ch		 07.02.2011

Ich habe beruflich für einige Monate mit dem Java reseptive Groovy basierten Grails Framework zu tun. Aus diesem Grund habe ich euch eine deutsche Anleitung geschrieben wie man das Framework unter Windows installiert - mehr dazu findet ihr unter weiterlesen...

Komentare (0) | Weiterlesen...


Game im YouTube Player versteckt
Kategorie: World Wide Web | Autor: rjdesign.ch		 18.01.2011

Entwickler sind meistens Freaks, aber habt ihr auch gewusst dass die Entwickler von YouTube vor den Augen von Millionen von Benutzer ein Game respektive Easteregg im Code des YouTube Players versteckt haben?

Ihr glaubt mir nicht? Dann probiert mal vollgendes aus:
  1. Ruft ein YouTube Video auf
    z.B: dieses hier: http://www.youtube.com/watch?v=Xa1LIGRLmNY
  2. Stoppt das Video
  3. Pfeiltaste nach LINKS halten
  4. Während ihr die Pfeiltaste nach LINKS haltet, Pfeiltaste nach OBEN drücken und halten
  5. Viel Spass mit SNAKE
Wie schon gesagt, Entwickler sind meistens Freaks...

...und die von YouTube sind welche... cheeky


Komentare (0)


Silk Icons
Kategorie: Webdesign und -entwicklung | Autor: rjdesign.ch		 04.01.2011

Jeder Entwickler kennt das Problem. Passende Icons für eine in der Realisierung stehende Webapplikation zu finden ist keine einfache Sache.

Vor diesem Problem stand ich vor einigen Tagen auch und fand durch Google die Silk Icons von Mark James, einem Webentwickler aus UK. Die Auswahl von über 700 verschiedenen Icons ist immens und bietet für jede Aktion einer Applikation ein passendes Bildchen. Der einzige Kontrapunkt der Silk Icons ist, dass es die Icons nur in der Grösse von 16x16 Pixel gibt.

Beispiele der Silk Icons:
Silk icon: Form Silk icon: Address Book Silk icon: Webcam Silk icon: Valid CSS Silk icon: Camera Silk icon: Date Silk icon: Exit Silk icon: CD Drive Silk icon: Feed Silk icon: Lorry/Truck Silk icon: Map Silk icon: Add picture Silk icon: Pictures Silk icon: Report Silk icon: Telephone
Die Bilder werden auf famfamfam.com gehostet.

Web Playground von Mark James: famfamfam.com

Gruss rjdesign.ch


Komentare (0)


Top-5 Performancefehler
Kategorie: Webdesign und -entwicklung | Autor: rjdesign.ch		 22.12.2010

Früher lag die Ursache bei Performanceproblemen meist auf der Serverseite. Heute aber mit den neuen Web 2.0 Technologien vermehrt auch auf der Seite des Clients. Aus diesem Grund hat die Firma dynaTrace das Tool dynaTrace AJAX Edition entwickelt um clientseitige Performancetests mit dem Internet Explorer an Webanwendungen durchführen und auch auswerten kann.

Laut Andreas Grabner, Technologie Stratege und Blogautor von dynaTrace, sind dies clientseitig die Top-5 Performancefehler:
  1. Langsame CSS Selectoren (speziell beim Internet Explorer 6 und 7)
  2. Vermeidbare CSS Selektorenaufrufe
  3. Zu viele xmlhttp-Requests (AJAX-Aufrufe) 
  4. Zu viele Ressourcen (z.B. js-Dateien, css-Dateien oder Bilder)
  5. Langsame externe Services (z.B. Facebook API)
Quelle: http://blog.dynatrace.com


Komentare (0)


Partner

Neuste Blogeinträge Blog Tags