Schriftarten-Kantenglättung in Google Chrome aktivieren

Seit über 2 Jahren ist der Bug offen, dass in Google Chrome unter Windows 7/8 Webfonts grässlich und ohne Kantenglättung dargestellt werden (Mehr dazu hier, hier und hier).

Es gibt wohl fixes Server seitige Fixes, die der Webdesigner machen kann; mir war eher an einer Lösung gelegen, die ich selbst im Browser machen kann.

Die Lösung

  1. Die URL chrome://flags aufrufen.
  2. Strg+F drücken und im Suchfeld „direct“ eingeben.
  3. Es werden mehrere Treffer mit „DirectWrite“ und „Direct3D“ angezeigt.
  4. Bei diesen Treffern die Option jeweils aktivieren.
  5. Bei den Treffern mit „Directory“ usw. logischerweise nichts ändern.
  6. Browser neu starten.

Danach hatte ich korrekte, schön geglättete Kanten.

Update

Leider, leider… Leider gab es auf einigen Seiten (manchmal auch nach längerem Arbeiten mit dem Browser) komplett fehlende Zeichen, so dass ich den „DirectWrite„-Modus erst mal wieder deaktiviert habe.

Jetzt habe ich zwar wieder pixelige Kanten, dafür sehe ich wenigstens alle Zeichen.

Ankommende Suchanfragen:

  • anti aliasing chrome
  • google crome schrift kantenglättung

Schöne Seitenübergänge beim Navigieren im Browser

Um mit Internet Explorer (und wohl auch Firefox) schöne Seitenübergänge zu machen, reicht es, im HEAD der HTML-Seite folgende Transition-Befehle einzufügen:

<meta http-equiv=“Page-Enter“ content=“blendTrans(Duration=0.02)“ />
<meta http-equiv=“Page-Exit“ content=“blendTrans(Duration=0.02)“ />

Unter Google Chrome/Chromium geht das so nicht. Dort geht es (z.B.) ähnlich mit jQuery, so wie im Artikel „How to Use jQuery to Make Slick Page Transitions„.

Vom Prinzip her fügt er so was ein um beim Laden einzublenden:

<script type=“text/javascript“>
$(document).ready(function() {
$(„body“).css(„display“, „none“);
$(„body“).fadeIn(2000);
});
</script>

Beim Klicken der Links wird dann ausgeblendet. Im Gesamten schaut es dann grob so aus:

<script type=“text/javascript“>
$(document).ready(function() {
$(„body“).css(„display“, „none“);

$(„body“).fadeIn(2000);

$(„a.transition“).click(function(event){
event.preventDefault();
linkLocation = this.href;
$(„body“).fadeOut(1000, redirectPage);
});

function redirectPage() {
window.location = linkLocation;
}
});
</script>

Er empfiehlt dann noch, per CSS den Seitenhintergrund einzufärben, dass die Farbe nicht „flackert“, z.B. schwarz wenn die Seiten primär einen dunklen Hintergrund haben:

html {
/*If you had a black or close to black background*/
background-color: #000000;
}

Nett gemacht insgesamt, bin gespannt ob ich das mal brauche und so dann auch einsetzen kann.

Ankommende Suchanfragen:

  • html seitenübergang
  • css seitenübergang
  • css seitenübergänge
  • html seiten überblenden
  • html5 seitenübergänge
  • jquery seitenübergang
  • schöner seiten übergang html
  • seitenübergänge mit css html

How to disable „View extensions interacting with page“ in Google Chrome

If you want to disable the new Script Bubble in the latest Google Chrome Dev Channel, just follow this instructions:

  1. Visit about:flags in Google Chrome
  2. Set the drop down value of „Script Bubble“ to „disabled
  3. Click the „Restart“ button at the bottom of the page

That’s all 🙂

Programme im Google Chrome Web Store

Unsere wichtigsten Programme sind jetzt auch via Google Chrome Web Store verfügbar:

Ich bitte um freundliche Beachtung und gerne auch um viele Installationen und positive Bewertungen sowie +1.

Anleitung um SSL-Warnungen in Google Chrome abzustellen

Die einfachste Art, Ihre professionelle Website selbst zu erstellen

Große Dateien senden – Homepage erstellen – Sharepoint Stuttgart – Test Management Software

Ggf. kennt Ihr das Phänomen, dass der Webbrowser Google Chrome bei nicht vertrauenswürdigen Zertifikaten eine Warnung ausgibt:

Diese Warnung schützt Euch davor, dass Websites Eure Daten ausspähen. Also primär vor Regierungen.

Trotzdem könnt Ihr in den meisten Fällen diese Warnung mit entsprechend manueller Nacharbeit entfernen. Dies ist nachfolgend beschrieben.

Weiterlesen

Ankommende Suchanfragen:

  • chrome unsichere verbindung zulassen
  • zertifikatswarnung google
  • chrome sichere verbindung deaktivieren
  • chrome zertifikat installieren
  • android zertifikat sichern
  • internes zertifikat chrome vertrauen
  • datenschutzfehler
  • datenschutzfehler google chrome
  • keine sichere verbindung chrome
  • chrome zertifikat gpo
  • android option ssl fehler ignorieren
  • unsichere verbindung zulassen
  • ssl keine sichere verbindung umgehen
  • zertifikatswarnung google handy
  • chrome android zertifikat vertrauen