frontend

Links über gesamte Box ohne JavaScript spannen

Gesamtes Element klickbar machen

Links über gesamte Box ohne JavaScript spannen

Viele Seiten im Netz verwenden oft für Teaser den gleichen Link mehrmals nur damit Bild, Überschrift und der "Weiterlesen"-Text verlinkt sind. Gerade für SEO-Optimierungen sollte versucht werden auf doppelte Verlinkungen zu verzichten. Auch JavaScript wird oft eingesetzt um…

Media Queries in SVG-Dateien

Media Queries in SVG-Dateien

CSS Media Queries können auch in SVG-Dateien verwendet werden

Diese Technik funktioniert derzeit im Firefox, Safari und Google Chrome. Fenstergröße verändern CSS in der SVG-Datei <svg width="100%" height="100%" ...> <style type="text/css"> @media (max-width: 140px) { .c {fill: #f0f} } @media…

Anzeigenkennung

Anzeigenkennung nur bei vorhandener Werbung anzeigen

AdBlocker mit CSS erkennen

Eine Anzeigenkennung ist für den Benutzer eine wichtige Hilfe. Da der Adserver nicht immer Werbung ausliefert und einige User Adblock installiert haben, bleibt manchmal die Anzeigenkennung verloren im Content stehen. Im folgenden Beispiel wird die Überprüfung der…

Automator

Automator

Mit dem Automator lassen sich unter OSX wiederkehrende Arbeitsabläufe stark vereinfachen

Applikationen, Ordneraktion oder Workflows – der Automator ist eines der besten Tools für OSX. Workflows lassen sich in fast jedem Programm ausführen. Was man alles mit diesem Programm realisieren kann ist grenzenlos. Sonderzeichen in HTML-Entities umwandeln oder umgekehrt,…

Bildkompression

Bildkompression

Bildgrößen beeinflussen die Performance / Usability und Kosten einer Homepage

Grafikprogramme optimieren beim Speichern meistens nur geringfügig auf Dateigröße von Bildern. Die Größe ist stark vom Grafikformat und der Bildinformation abhängig. Es gute Programme die überflüssige Information entfernen und die Dateigröße stark reduzieren. Bei einem…

CSS refresh

CSS Reload bei Dateiänderungen

[ ⌘ ] + [ r ] mal anders

Bei CSS-Dateiänderungen lädt der Browser ohne dem lästigen manuellen neu laden automatisch die angepassten CSS-Dateien neu. JavaScript kontrolliert im lokalen Testsystem ob die modified time von den eingebundenen CSS-Dateien angepasst wurde. Durch diese Methode entfällt der…

Verschiedene Firefox-Versionen parallel installieren

Verschiedene Firefox-Versionen parallel installieren

Unter OSX können mehrere Firefox-Versionen parallel verwendet werden

Mit einem Shell-Script lassen sich verschiedene Firefox-Versionen parallel installieren. Auch die jeweils passende Firebug-Version kann dazu optional mit installiert werden. Hierfür muss folgender Script in der Terminal Console eingegeben und ausgeführt werden. Firefox-Profile…

Performance

Homepage oft sehr langsam?

Performance Optimierung und Seitenaufbau beschleunigen

Die Verwendung von vielen Inhalten kann schnell zu langen Ladezeiten führen. Die HTML-Datei, das Favicon, mehrere CSS-Dateien, viele background-images im CSS, ein paar Webfonts und verschiedene JavaScript-Dateien können in Summe die Performance stark beeinflussen. Für einen…

Impressum