Wie IE6 ertragen und leben glücklich

Mittwoch, 26. November, 2008

Immer einige "Krankheit", wenn Affront für die "Vereinbarkeit von Browser zu Browser." Darüber hinaus, und ich habe noch zu verstehen, der wahre Grund, von allen Browsern, die wissen, die meisten "unangenehm", hat er immer noch: Microsoft Internet Explorer 6! Leider ist die Freisetzung von IE 6 ist immer noch im Umlauf und werden häufig Berichte über Probleme in der Darstellung der Seiten.
Eine Web-Entwickler müssen so organisieren, dass Sie über alle Werkzeuge für die Kontrolle und Überprüfung ihrer (Schweiß), die auf alle möglichen Browser (und Plattformen) zur Verfügung. Microsoft Internet Explorer, die meisten anderen, macht diese Aufgabe schwieriger, weil - nun - müssen Sie überprüfen, ob ihre Web-Seiten mit der jüngsten Version 8 (noch im Beta-Version) ist mit früheren Versionen, wie z. B. 6 oder die 5/5 . Es gibt verschiedene Wege, um zusammen leben verschiedene Versionen von Explorer (siehe Verwenden Sie Microsoft Internet Explorer 6 und 7 gleichzeitig) und alternativ gibt es auch sehr gut (wenn auch etwas "langsam)-Services online erwerben.

Bild

Eine andere gute Möglichkeit, dass gut funktioniert unter Windows Vista, ist vertreten durch IETester, eine völlig freie und gebaut von den Entwicklern DebugBar und Companion.JS. IETester, obwohl noch in der Beta-Phase und einige Absturz in Hinterhalt, ermöglicht schnell zu prüfen, unsere Seiten - gleichzeitig - sowohl auf IE5.5, IE6, IE7 und IE8 Beta-Version verfügbar.

Patch CSS

Wenn Sie IETester finden wir einen Fehler in Stilen, das ist ein anderes zwischen IE6 und IE7 oder Firefox und IE6, zum Beispiel, fanden die Lösung müssen wir sicherstellen, dass nur IE6 nutzt die neue Definition. Für mich, zum Beispiel, passiert mit einer Marge! Ich hatte eine Klasse, die den rechten Rand zu 28px und auf allen Browsern, das Ergebnis war identisch, außer mit IE6! Auf der letzteren, um das gleiche Layout, musste ich mit einem Wert von 8px.
Eine sehr einfache, leicht zu merken und sehr unmittelbare, das Problem zu lösen, besteht darin, "überschreiben" unser Stil Hochladen einer anderen Ad-hoc-Datei nur, wenn der Browser ist - befürchtet - IE6:

CSS:
  1. / ** ___ Datei ie_override.css
  2. * Verwenden Sie diese Datei zu überschreiben einen Stil
  3. * /
  4. :8px } div.mystyle (margin-left: 8px)

HTML:
  1. <! - Kollektionen für alle Browser ->
  2. href = "css/style.css" type = "text/css" > <link rel = "stylesheet" href = "css/style.css" type = "text/css">
  3. <! - EMI nur für IE6 ->
  4. = "stylesheet" type = "text/css" href = "css/ie_override.css" / > < ! [ endif ] -- > <!--[ Wenn lt IE 7]> <link rel = "stylesheet" type = "text/css" href = "css/ie_override.css" /> <! [Endif] ->

Verwandte Post

jquery: Runde Kanten an Bilder, um zu Überschneidungen

Donnerstag, 30. Oktober, 2008

Aufgrund der unterschiedlichen Rendering zwischen verschiedenen Browser, der sicherlich finden Sie im Microsoft Internet Explorer zu berücksichtigen, müssen wir immer Mittel zu beantragen artifizi Effekte, die jetzt sollte ein Standard. Die Multi-diskutiert abgerundeten Kanten sind ein klassisches Beispiel für die "Katastrophe", hergestellt durch die vollständige Unfähigkeit zur Erreichung einer Standard ernsthaft auf Seite Rendering HTML / CSS. Es gibt zahlreiche Networking-Lösungen, die Ihnen die Möglichkeit zu "Auswirkungen" (Auswirkungen Freistellung dall'HTML als abgerundeten Kanten, Schatten Effekte, Reflexionen, etc ...) mit Patches auf den Blättern der Stile, spezielle Tricks mit div veredelten , JavaScript-Bibliotheken, die Nutzung von canvas etc ...
Aus rein pädagogischen ich würde erklären, weitere technische (Cross-Browser), die für die abgerundeten Kanten der Bilder:

Demos und Quellen

Lesen Sie weiter ... "

Verwandte Post

Erstellen Sie Anwendungen mit Chrom Google Desktop und Firefox?

Dienstag, 28. Oktober, 2008

Chrome Google ermöglicht Ihnen das Erstellen von Desktop-Anwendungen aus einer Web-Seite? In der Tat, wie in den Menüpunkt, ist einfach nur erlaubt, um eine Verknüpfung zu einem Verknüpfung, die - wiederum - öffnet ein Fenster, ohne die Adressleiste ohne alle Schnörkel des Browsers. Mit dieser bedeutet nicht, dass haben wir einen Desktop, und wir haben gerade erstellt eine Verknüpfung auf das gleiche Google-Chrome-Modus - sozusagen-Chrom-weniger.

Feature Simla, aber ehrgeizigere Ziele setzen, hatte bereits vorgeschlagen wurden, von der Mozilla Foundation in 2007 durch das Prisma. Dies ist sicherlich das vielseitigste und artikulieren, ergänzt durch eine nützliche Erweiterung, die es ermöglicht Ihnen die Erstellung Desktop-Anwendungen im Menü von Firefox, wie die Google-Chrom.

Allerdings, beide Lösungen sind weit weg von der Technologie von Adobe AIR. Bevor jemand verwirrend ist die gute betonen, die wesentlichen Unterschiede zwischen einer Verknüpfung auf dem Desktop, die öffnet ein Fenster ohne Menüs, und eine Desktop-Anwendung wahr und richtig.
Adobe AIR, in der Tat, im Gegensatz zu den vorgeschlagenen Lösungen von Google-Chrom und Prism ermöglicht:

  • Nahezu vollständigen Zugriff auf das System läuft die Anwendung mit der Fähigkeit zum Lesen und Schreiben von Dateien. Gelegenheit, ihre Funktionalität durch eine DLL (Dynamic Link Library), Erweiterungen und Produkte von Drittanbietern wie SHU-Player (siehe Verteilen Sie Adobe AIR: AIR Badge durch eine MH-Player)
  • Es verwaltet die Anwendung wie jedes andere System-Anwendungen: Installation und Deinstallation

Verwandte Post

FireFox: Management-Profile

Donnerstag, 23. Oktober, 2008

Mozilla Firefox können Sie mehrere Profile, Funktionen sinnvoll, diejenigen, die, wie ich, entwickelt Web-Sites und erfordert eine Reihe von Erweiterungen für die Debug-und Auswertung von Web-Seiten. Durch den Einsatz von Profilen können Sie verschiedene Einstellungen FireFox:

Firefox speichern Ihre persönlichen Daten wie Lesezeichen, Einstellungen und Passwörter in einer Datei namens Profil in einer anderen Lage als die Programm-Dateien für Firefox.

Unter Windows Vista (siehe hier, um andere Betriebssysteme) ermöglicht den Zugriff auf Management-Profile von Esegui mit:

CODE:
  1. firefox-ProfileManager

Verwalten von Profilen

Einer der Vorteile bei der Verwendung von Profilen ist, dass es ein FireFox zu navigieren, ohne eine beliebige Symbolleiste und Erweiterungen für die Fehlersuche und Firefox zu entwickeln, zusammen mit Firebug und alle anderen Entwicklungs-Tools.

Verwandte Post

CSS3: jemand hat gesehen Internet Explorer?

Donnerstag, 16. Oktober, 2008

Ich besitze keine ...

CSS:
  1. p (
  2. / * * Runde Ecken /
  3. border-radius: 9PX; / CSS * 3 * /
  4. -o-border-radius: 9PX; / Opera * * /
  5. -iCab-border-radius: 9PX; / iCab * * /
  6. -KHTML-border-radius: 9PX; / Konqueror * * /
  7. -MOZ-border-radius: 9PX; / * Firefox * /
  8. -webkit-border-radius: 9PX; / * * Safari /
  9. )

Verwandte Post

jquery gegen alle: ein Benchmark mit 5 Browser

Mittwoch, 17. September, 2008

Bild Ein guter Entwickler hat kein Problem, um von einer Programmiersprache in einen anderen. Die Wahl, sich auf eine bestimmte Sprache, Rahmen-und Entwicklungsumgebung, ist diktiert mehr durch die Verfügbarkeit von Zeit und Art der Arbeit, die stattfinden. Es wird jedoch ein wichtiger Faktor, Mai Einfluss auf die Wahl der "Rahmen" wie, ist die Sympathie oder die Krankheit, die im Laufe der Zeit reifen.
Genauer gesagt, ich wollte zu analysieren einige - nicht alle - Javascript Rahmen verfügbar heute, denn "empfohlen", sich in erster Linie auf jquery.
Die Entwickler von mootools (eins der beliebtesten JavaScript Framework) zur Verfügung gestellt hat, ein Instrument, um einen Test der Geschwindigkeit und der Gültigkeit von fünf bekannten Rahmen Javascript: Slickspeed. Diese Prüfung, die Ergebnisse nicht Rabatt auf alle, ist wichtig, da die Rahmenbedingungen Javascript Client-Seite, die wird von unserem Browser. Gerade aus diesem Grund, dass einige finden Safari schneller als Internet Explorer oder Google Chrome schneller als Firefox. Allerdings ist diese oft hängt von der Art der Seite, die Sie sich ansehen. In der Tat ist, kann sehr gut passieren, dass eine bestimmte Website ist wirklich mehr "schnell", wenn sie im Safari, aber dies bedeutet nicht, dass "alle Seiten werden schneller mit Safari! Natürlich, diese Rede ist gültig für alle anderen Browser.

Die Benchmark

In Tests habe ich mit Slickspeed Ich habe den Browser auf meinem Rechner (Utilmate Windows Vista 64bit - Intel Core 2 Quad 2,4 GHz mit einer 8GB RAM).
Leider sind die Tests nicht in der Lage sind, um es mit Internet Explorer 7, denn blockieren das Auto, auch Ausgehen der Skala mit den Ergebnissen! Noch einmal, herzlichen Glückwunsch Microsoft.
Ich crercato identisch mit Beibehaltung des Status des PCs während der Prüfung, bei der Eröffnung der Browser separat und nicht jemand anders Senden laufenden Prozess.

Hinweis: Wenn Sie der Meinung sind wie Sie ein oder mehrere dieser Tests können Sie Kommentar zu diesem Beitrag im Falle von "neugierig" und unterschiedliche Ergebnisse.

Bild

Google Chrom ist wirklich schnell, mit einem Wert von 68 (Durchschnitt) in den Test mit jquery. Je langsamer, jedoch erschien es Flock, trotz der aus dem gleichen "Mutter" Mozilla. Dieses schlechte Ergebnis für Flock ist wirklich neugierig angesichts ihrer Schneiden Social Network, denn es ist die Social Network Web 2.0 nutzen viele von Javascript Rahmen zur Verfügung, um so eine Navigation und Interaktion wirklich innovativ.
Eine Überraschung Beat Firefox und Opera hat auch eine Menge ", auch immer ein 74 in der Dojo! Firefox und Safari, nachdem alle, sind gleichermaßen, mit Safari schneller in Tests mit Mootools und jquery.

Was Rahmen zu wählen?

Ist dies nicht der Fall badiamo, um die Schnelligkeit bei der Ausführung und wir kümmern uns nicht um die Größe in KByte der gleichen Rahmen, die Antwort könnte ", was für Sie" oder, wenn Sie es bevorzugen, "was Sie wissen am besten, oder ist mehr harmonische mit Ihrem Stil der Programmierung. "
Letztlich sind diese Rahmenbedingungen wird sich etwas "alle (siehe die Verwendung von $ zum Beispiel), obwohl einige wichtige und wesentliche Unterschiede, die springen in den Augen eines Sachverständigen oder wirklich gedrängt in einer bestimmten Bibliothek. Im Prinzip, in der Tat alles, was erreicht werden kann, mit jquery, zum Beispiel, können Sie auch mit mootools oder Prototyp! Wenn jquery hat eine sehr kompakte Syntax, da alle Methoden immer wieder die jquery Objekte angegeben werden, wodurch endlose Dateien von oggetto.metodo().metodo().metodo()... ist nicht gesagt, dass es sich hierbei um auf allen Kosten einer Stärke, vor allem für diejenigen, die haben zu debuggen!
Bibliotheken als prototype.js sin vielleicht in Ermangelung von grafische Effekte, selbst einfache, zwingt die Entwickler zur Umsetzung als Spin-Off scriptaculous.js, schwere und entfernten aus der Bibliothek erste Wahl.

Ein Beispiel

Genau dieser letzte Grund, zum Beispiel, nahm mich an die Stelle der gekoppelten Prototyp / scriptaculous mit jquery, um die interaktiven Tafeln / animierte hier in der Sidebar des undolog.com. Tatsächlich, auch mit Google-API-Bibliotheken zu importieren, ist eine Verschwendung laden Sie die gesamte Bibliothek scriptaculous für eine slideDown und slideUp. Für Informationen und Probe, hier gestern Javascript-Code in Verbindung mit dem Prototyp / scriptaculous:

JavaScript:
  1. / / Prototype / scriptaculous
  2. ) . each ( $ $ ( 'H2.dropdown "). Jeder (
  3. element ) { Funktion (Element) (
  4. = "pointer" ; Element. Stil. Cursor = "Zeiger";
  5. 'click' , Element. beobachten ( "klicken Sie auf",
  6. event ) { Funktion (event) (
  7. this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration:. 5 } ) ; if (this. next (). Stil. Display == "") neuen Effekt. BlindUp (this. next (), (duration. 5));
  8. Effect. BlindDown ( this . next ( ) , { duration:. 3 } ) ; Wirkung sonst neu. BlindDown (this. next (), (Dauer:. 3));
  9. event ) ; Event. Stop (event);
  10. )
  11. )
  12. )
  13. );

und es ist jetzt mit jquery:

JavaScript:
  1. / / Jquery
  2. ) . each ( $ ( 'H2.dropdown "). Jeder (
  3. i ) { Funktion (en) (
  4. ) . css ( 'cursor' , 'pointer' ) . click ( $ (This). CSS ( "Cursor", "Zeiger"). Klicken Sie auf (
  5. Funktion () (
  6. $ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; if ($ (this). next (). ist ( ': versteckt')) $ (this). next (). slideDown (); else $ (this). next (). slideUp ();
  7. )
  8. );
  9. )
  10. );

Denn auf allen, ich glaube nicht, dass es einen großen Unterschied! Aber wie ich bereits sagte vor dem ... Frage ist, "gut" des persönlichen Geschmacks.

Verwandte Post

Flick und Flock

Dienstag, 19. August, 2008

Wenn es etwas gibt, dass Mozilla hat gute Browser!

Flock

Flock ist ein Browser mit einer Vielzahl von Funktionen für das soziale Netz-und Blog. Verfügbar für Mac, Windows und Linux bietet eine neue Erfahrung des Surfens auf diejenigen, die, wie ich, haben mehrere Konten in der sozialen Netzwerkes (Facebook, Twitter, YouTube, ...) und wird auch mit RSS-Feeds so glatt und schnell.

Installation

Wenn Sie FireFox (das müssen Sie nicht entfernen) alle Ihre Einstellungen übertragen werden kann, in Flock während der ersten Nutzung: Cookies, Passwörter, Lesezeichen, alles kurz. Nach der Verwendung von Flock für ein paar Minuten, ich kam spontan entfernen Sie die ausgezeichnete FeedReader jetzt unnötig angesichts der hervorragenden Management-Feed von der Herde.

Merkmale

Zusätzlich zu besitzen viele die ähnliche Merkmale wie FireFox, das es sofort verfügbar, Flock ermöglicht:

  • Blog-Editor
    Einfache, aber wirkungsvolle Editor für die Veröffentlichung der Post auf unserem Blog. Unterstützt sowohl persönliche Blog-Plattformen wie WordPress, Blogger und Live Journal. Excellent die "Notizen", die Web-Zwischenablage, in verschiedenen Teilen des Browsers
  • Menschen Panel
    Durch die einfache Drag & Drop können Sie sofort Verbindung und teilen Bilder mit unseren Kontakten, die aus Twitter, Facebook, YouTube und Flickr
  • Media Bar
    Flock kann automatisch erkennen, viele Funktionen, wenn Sie eine Website (Blog oder Social Network). Z. B. in Flickr oder YouTube ist ein Apera Media Bar an der Spitze, wo Sie können horizontal blättern Sie Filme und Fotos können Sie zum Senden oder kopieren Sie den Inhalt sofort
  • Search Engine
    Die Forschungs-Management ist voll anpassbar (wie es bereits in Firefox dank der Open-Suche Standard) macht es möglich, leicht zu addieren eine Reihe von alternativen Suchmaschinen, die beide aus einer Liste, die auf der Website von Flock ist durch die automatische Anerkennung in diesem eine Website
  • Plug-Ins und Erweiterungen
    Auch Flock wie Firefox bereits zahlreiche Erweiterungen, eine Waffe, die sich als erfolgreich erwiesen für Firefox. Einige sind speziell für Flock, auch wenn finden Sie einige "Portierung" der stellt fest, Firefox-Erweiterungen
  • Management der Übertragung von Fotos
    Mit Foto-Uploader, können Sie eine interne Flock, um schnell senden unsere Fotos auf Flickr oder Facebook.

Verwandte Post

Firebug Lite: Firebug für IE, Opera und Safari

Dienstag, 22. Juli, 2008

Durch Firebug Lite können Sie mit einer vereinfachten Version der "Note"-Erweiterung für den Firefox-Browser Internet Exploer Microsoft, Opera und Apple Safari. Firebug Lite kann auf zwei Arten: als Aufforderung Lesezeichen oder als Bibliothek offline

Bookmark-Modus

Durch die Aufnahme dieser "besonderen Adresse" Firebug Lite unsere Favoriten (ziehen Sie den Link zu den Favoriten) - Der Code ist:

HTML:
  1. javascript: var% 20firebug = document.createElement ( 'script'); firebug.setAttribute ( 'src', 'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'); Dokument. body.appendChild (Firebug); (Funktion () (if (window.pi & & window.firebug) (firebug.init ();) else (setTimeout (arguments.callee );}})(); void (Firebug);

Sie können Firebug Lite auf jedem Web-Site und von jedem Browser. Dies ist vielleicht die interessanteste, obwohl die Funktionen sind sehr begrenzt.

Offline

Oder, wenn wir die Entwicklung einer Web-Site, können Sie ein Paket Javascript und installieren Sie es auf unserer Web! Auf diese Art können wir Firebug Lite auch ohne eine Internet-Verbindung und lokaler Ebene.

Firebug Lite ist ein Weg zum Ausgleich für das Fehlen dieser Ausweitung auf andere Browser, aber es erschien mir sehr langsam und begrenzt, vor allem in CSS! Wie sie sagen: besser als nichts ...

Verwandte Post

Firefox 3: Ich freue mich

Donnerstag, 8. Mai, 2008

Ich habe seit einiger Zeit durch den Download der Beta-Version von Firefox 3! Verwenden Sie FireFox jeden Tag dann Ich möchte nicht, dass scasinare alle für die Eile. Aber ich sehe nicht nur die Zeit, erreicht die offizielle Freigabe dieser fantastischen Browser, dass mit dem Release 3 verspricht Wunder, dass ich hatte das Vergnügen, zu versuchen auf einem anderen Rechner (Beta 5).

FireFox 3

Lesen Sie weiter ... "

Verwandte Post

Goodbye IE7, gefolgt von Sage: Lesen Sie RSS-Feeds auf Windows

Mittwoch, 30. Januar, 2008

Ich versuche sie alle! Ich werde nicht für die Verwendung einer externen Anwendung zum Lesen von RSS-Feeds! Ich dachte (und ich lehrte), die bereits über eine offene scomodo Browser Bindung an eine andere Anwendung.

Also begann ich mit dem RSS-Reader in Internet Explorer 7. Aber da ich der Installation von Windows Vista Ich sehe verweigert Feeds ... Sicherheitsfragen. Wenn "Entriegelung" IE7, zu gegebener Zeit, beginne ich zu erscheinen "Ausschreibung" um (ein po 'von Windows und einige "gute Norton 360), die ich laden Sie ein, Ihre Sicherheitseinstellungen im Browser korrekt, Strafe werden "Wäsche" von der Hälfte der Welt. Also mit IE7 - zumindest auf Windows Vista - es nicht möglich ist, lesen Sie in Frieden heiligen RSS-Feeds.

IE7 Aufgabe (es war jetzt!) Und zur Förderung einer guten FireFox als Standard-Browser (es war höchste Zeit!). Bild Dann installieren Sage, eine Erweiterung für Firefox. Einfache ... Vielleicht auch! Bild Wir sagen, reine "begrenzt". Allerdings, heute, die ich heruntergeladen habe FeedReader, Version 3.12, eins der bekanntesten, zumindest was einen Blick rund um das Web. Just great! Eine neue Welt der Tat. Ich Bericht dieser Spieler, auch für Windows, FreeDeamon, meiner Meinung nach sehr gut getan ... Obwohl in mancher Hinsicht Ich bevorzuge FeedReader.

Bild

Verwandte Post