“Speed matters” heißt es mittlerweile im Web. Dazu gehört das man seinen Code so schlank wie möglich hält. Das Firefox PlugIn Dust-Me Selectors bietet die Möglichkeit, unbenutzte CSS Styles zu finden. Das Tool scannt die Webseite und erstellt eine Liste aller nicht verwendeten Styles.
Unbenutzte CSS Styles finden
Kategorie: CSS, CSS Frameworks, SEO |
Tags:CSS, css styles, Firefox, PlugIn, selectors, speed matters, Styles, Tool, Webseite
Transparente PNG Images in Internet Explorer 6
Als 3. Beispiel gibt es natürlich auch für das PNG Problem eine Lösung. PNG Images mit transparentem Hintergrund können in einem IE 6 nicht dargestellt werden. Auch dafür gibt es ein htc Script das einfach eingebunden werden kann.
Rounded corner auch im Internet Explorer 6
Gerade jetzt in der Übergangszeit da der Anteil der IE 6 Benutzer immer weniger wird, man sie aber trotzdem noch nicht ganz vernachlässigen kann, ist es gut wenn man Funktionen wie Rounded corner auch in den alten Browser einfach integrieren kann. Über das Script border-radius.htc lassen sich über CSS, ohne zusätzlichen HTML Code, runde Ecken
Kategorie: (X)HTML, Allgemein, CSS, Einsteiger |
Tags:Box Shadow, css3, Firefox, htc, HTML, Internet Explorer, Mozilla, optimieren, Rounded Corner, Safari
PNG Images optimieren
Auf den Seiten von smashingmagazine.com ist ein Artikel über das optimieren von PNG Files erschienen. Der Bericht zeigt eindrucksvoll und detailliert wie man PNG Files noch weiter reduzieren kann ohne einen Unterschied zu sehen. Durch Berücksichtigung einfacher Regeln lassen sich durchaus lohnenswerte Einsparungen bei der Dateigröße erzielen. Clever PNG Optimization Techniques – Smashing Magazine.
Kategorie: Allgemein, Einsteiger, SEO |
Tags:Bildbearbeitung, Datenkompression, Datenreduktion, Formate, optimieren, Optimierung, optimization techniques, png images, Übertragungs geschwindigkeit, WWW
Firefox Tabs on Top umstellen
Ich kann mich nicht damit anfreunden das Firefox (15) es nicht mehr zulässt die Tabs nach unten, also zwischen Adresszeile und dem Seitenfenster anzuzeigen. Sicherlich ist die Begründung von Mozilla, das es logischer ist die Adresszeile und das Browserfenster in einer Gruppe zusammenzufassen, richtig. Aber ich mags nicht, Sorry.
Bis Firefox 14 konnte man es noch über Rechtsklick in der Tabzeile umstellen. Das ist jetzt aber vorbei.
So gehts trotzdem:
Geben Sie “about:config” indie Adresszeile ein. Sie müssen nun bestätigenmit den Einstellungen keinen Unfug zu treiben.
Dann suchen Sie nach “browser.tabs.onTop”. Durch anklicken dieser Zeile wird der Wert auf “false” gesetzt und die Tabs rutschen nach unten.
Viel Spass
Kategorie: Allgemein, Einsteiger |
Putty Putty Kitty Kitty
Seit einiger Zeit benutze ich nun den Putty Fork Kitty kitty.9bis.com. Er bietet neben allen gewohnten Putty Funktionen einige kleine Verbesserungen. Besonders gefällt mir die Auto Login Funktion. Also automatisches Starten einer Session, ohne User und Passwort.
PHP Script zum ordnen von Tabellenspalten
Ordnen der Tabelle
Ziel ist es Datensätze einer Tabelle in der Reihenfolge zu ändern. Ich habe hier ein PHP Script gepostet mit dem das relativ einfach möglich ist.
Zusätzlich ist in der MySQL Datenbank ein Feld, hier mit den Namen “position” notwendig. Per “Up” und “Down” Button kann man dann den Datensatz in beide Richtungen verschieben.
Die Anordnung wird dann wieder in die Datenbank zurückgeschrieben.
Kategorie: PHP |
Bash Autovervollständigung
Um schnell auf bereits benutzte Befehle in der Bash zurückzugreifen, werden einige Möglichkeiten geboten:
<Strg> + r
Hiermit wechselt man in einen “Suchmodus” der nach den Angegeben Befehlen und Parametern sucht. Weiterlesen
CSS StyleSheets mit Variablen verwenden
Beim erstellen umfangreicher Webseiten mit eigenen HTML und CSS Frameworks ist es wünschenswert mit Variablen zu arbeiten. So könnte man in einer Einstellungsdatei alle Maße und Farben angeben und somit einfach das Erscheinungsbild einer Webseite anpassen.
Genau dies bietet LessCSS. Lesscss ist eine kombination aus .less Dateien und JavaScript das daraus dann die CSS Dateien generiert. Dies kann zu Laufzeit passieren, oder die CSS Datei(en) werden per Compiler erstellt.
Slideshow zeigt HTML5 Möglichkeiten
Auf den Seiten von html5rocks.com gibt es eine Online Slideshow die Umfangreich die Neuen Möglichkieten von HTML5 aufzeigt. So sind zu vilen Funktionen auch Demos hinterlegt die gleich ausprobiert werden können.
Weltweite Seitengeschwindigkeit überprüfen
Der Internetdienst loads.in bietet die Möglichkeit die eigene Seite von vielen Standorten weltweit auf die Ladegeschwindigkeit zu prüfen. Neben 60 weltweiten Standorten kann auch der verwendetet Browser ausgewählt werden. So kann eine genaue Überprüfung der Geschwindigkeit erfolgen und dabei evtl. zwischengeschaltete Caches ausgeschlossen werden.
