Aug 29
  • english
  • german

At least I have encountered this problem on bigger websites I realized myself oder for my employer. If you then use tools like PageSpeed or YSlow to analyze those websites, you will soon realize that the number and filesize of those external files is often too big. For images CSS-sprites will help you out there for sure. But additionally there is a lot of CSS and JavaScript being loaded, especially on bigger websites. You will easily have 20 files or more! Now I wrote queo_speedup, a TYPO3 extension to improve this very problem. Without too much user interaction needed, of course! Weiterlesen »

Jul 21

Ich habe während meiner Hobby- und Berufslaufbahn nun schon die ein oder andere Webseite erstellt und auch Code von noch viel mehr (fremden) Webseiten angeschaut. Ein Sonderfall der dabei auftritt ist der, dass ich eine bereits existierende Webseite verändern oder erweitern soll. Dabei denkt man als Entwickler meist: schön, die meiste Arbeit ist bereits getan! Meist trifft das leider nicht zu. Vielmehr handelt es sich bei den bereitgestellten “lauffähigen”, lassen wir es uns “Dingen” nennen, um ein großes Kartenhaus welches nach ersten Kontakten in sich zusammenstürzt. Weiterlesen »

Feb 07

Ich bin bei der Arbeit auf ein Problem gestoßen für das ich nicht wirklich ein Lösung hatte. Kurz umrissen: Wenn der Inhalt eines Formularelementes im IE größer wird als vorgesehen und das Feld ein Hintergrundbild hat, dann verschwindet das Hintergrundbild langsam mit dem Text der eingegeben wird.

Gleich vorweg: für Textareas habe ich noch keine Lösung gefunden, für Input-Felder kann man sich aber mit einem kleinen Trick helfen. Wenn das Element Höhen- und Breitenangeben besitzt (sollte es), kann man mit “background-position: right bottom;” (und background-attachment: scroll;) den optischen Eindruck erwecken, als bliebe es an Ort und Stelle. Technisch wird das Element zwar größer, das Bild jedoch “rückt nach”.

Mit diesem Workaround kann man (in Kombination mit Conditional Comments) ein annehmbares Ergebnis in allen Browsern erzielen.