Artikel Tagged 'Firefox'


Sehr kurze Trick: log JavaScript-Objekte

Wenn Sie in einer Umgebung entwickeln, in denen es unmöglich, Debugging-Tools verwenden, wie ist es FireBug , wie dem Apple iPhone Simulator in Xcode, kann es frustrierend sein, um Probleme, einschließlich einer fehlerhaften Zugriff auf alle Eigenschaften eines Objekts zu finden. Hier ist die Nutzung von Werken alert() ist von grundlegender Bedeutung!

Mehr ...

Firefox 3.5.7: Wie, um den Defekt der abgerundeten Kanten eines Bildes fixieren

Manchmal muss man einfach ein Element bewegen, verändert die Sichtweise, ein Problem zu lösen scheint unüberwindbar. Und wenn man sich mit der Kompatibilität zwischen Browsern und CSS zu tun, erfinden Lösungen hat "spektakulär" (Stunts sagen würde) ist auf der Tagesordnung. , per Safari e Google Chrome. Was ich Ihnen zeigen, eine einfache Möglichkeit, abgerundeten Ecken und anwenden, um Bilder mit -moz-border-radius , die für Mozilla Firefox und ist -webkit-border-radius , Safari und Google Chrome.

Mehr ...

5 Erweiterungen für Firefox, um Web Developer gewidmet haben

Einer der großen Vorteile von Mozilla FireFox , Vergleich zu anderen Browsern, es war, ist es immer noch, um eine große Menge von kostenlosen Erweiterungen, mit denen Sie anpassen und erweitern lassen zu besitzen. Als Web-Entwickler kann ich nicht - nun - ohne einige nützliche Erweiterungen, die mich in den Bau, Inspektion und Wartung von Web-Seiten zu helfen

Mehr ...

Wie IE6 ertragen und leben glücklich

Ich finde immer etwas "krank", wenn ich das Thema konfrontiert "Kompatibilität zwischen den Browsern." Auch, und ich habe noch nicht den wahren Grund, von allen Browsern, die das "lästige" bleibt ihm wissen, verstehen: Microsoft Internet Explorer 6! Leider ist die Veröffentlichung von IE 6 immer noch rund und es gibt häufige Berichte über Probleme beim Anzeigen von Seiten.

Mehr ...

jQuery: runde Kanten auf die Bilder überlappen

Wegen der unterschiedlichen Rendering allen Browsern, Microsoft Internet Explorer auf jeden Fall sehen, dass im Hinterkopf, wir müssen immer auf Tricks zurückgreifen, um spezielle Effekte, die heute Standard sein sollte gelten. Die vielfach diskutierte abgerundeten Kanten sind ein klassisches Beispiel für "Katastrophe" durch die völlige Unfähigkeit produziert, um sich ernsthaft Normen auf den Seiten rendern HTML / CSS. , etc… Es gibt viele Lösungen, die das Netzwerk, um die "Effekte" (Effekte, die als frei von den HTML abgerundeten Ecken, Schatten, Spiegelungen, etc. präsentieren ...) mit Flecken auf den Blättern von Stilen, mit speziellen Tricks zu erhalten erlauben div aufgepfropft, Bibliotheken Javascript, Nutzung von canvas , etc ...
Auf einer rein pädagogischen Ich werde zeigen weitere Verfahren (Cross-Browser), um auf die abgerundeten Kanten der Bilder anzuwenden:

Demo und Quelle

Mehr ...

Erstellen von Desktop-Anwendungen mit Google Chrome und Firefox?

Google Chrome können Sie die Desktop-Anwendungen von einem Web-Seite zu erstellen? In der Tat, wie im Menüpunkt wird nur angezeigt, erlaubt, eine Verknüpfung zu einem Link zu erstellen, die - wiederum - öffnet sich ein Fenster ohne Adressleiste und ohne den ganzen "Schnickschnack" des Browsers. Dies bedeutet nicht, dass wir eine Desktop-Anwendung erstellt, wir haben soeben einen Link zu dem gleichen erstellt Google Chrome sozusagen-Chrom-less - Modus.

Feature-simle, aber ehrgeiziger, waren bereits von der Mozilla Foundation wurde im Jahr 2007 vorgeschlagen, über Projekt Prism . Dies ist sicherlich das vielseitigste und artikulieren, auch durch eine sinnvolle Begleitung Erweiterung , mit der Sie Desktop-Anwendungen-Menü von Firefox, auf die gleiche Weise erstellen können wie Google Chrome .

Allerdings sind beide Lösungen weit von Technologie Adobe AIR . Bevor jemand verwirrt es sollten die wesentlichen Unterschiede zwischen einer Desktop-Verknüpfung, die ein Fenster öffnet, während keine Menüs, und eine Desktop-Anwendung und ihre wahre vermerkt werden.
Adobe AIR in der Tat, im Gegensatz zu den Lösungen angeboten von Google Chrome und Prism ermöglicht Ihnen:

  • Nahezu vollständigen Zugriff auf das System der Ausführung der Anwendung mit der Fähigkeit zum Lesen und Schreiben von Dateien. Möglichkeit, um seine Funktionalität via DLL (Dynamic Link Library), Erweiterungen und Produkten von Drittanbietern wie verlängern SHU-Player (siehe Deploy Adobe AIR: AIR Badge aus einer SHU-Spieler )
  • Verwaltet die Anwendung, wie die anderen System-Anwendungen: Installieren und Deinstallieren

Mehr ...

FireFox: Profil-Management

Mozilla Firefox ermöglicht Ihnen das Verwalten mehrerer Profile , was nützlich ist, für diejenigen, die, wie ich, zu entwickeln Websites und erfordert eine Reihe von Erweiterungen gewidmet, um das Debuggen und die Analyse von Web-Seiten über die Nutzung von Profilen Sie verschiedene Einstellungen konfigurieren können FireFox:

Firefox speichert Ihre persönlichen Daten wie Lesezeichen, Passwörter und Einstellungen in einer Datei Gruppe namens Profil an einem anderen Ort als die Programmdateien für Firefox befinden.

Unter Windows Vista ( siehe hier für andere Betriebssysteme) können auf das Profil-Management über die Befehlszeile Esegui verwenden:

1
Firefox-ProfileManager

Profil Management

Einer der Vorteile bei der Verwendung von Profilen ist, dass man ein Firefox zu durchsuchen, so ohne alle Symbolleisten und Erweiterungen für das Debugging und FireFox zu entwickeln, haben zusammen mit FireBug und allen anderen Entwicklungstools.

Mehr ...

CSS3: hat jemand den Internet Explorer gesehen?

Ich weiß es einfach nicht ...

1
2
3
4
5
6
7
8
9
{P
/ * Abgerundete Ecken * /
; /* CSS 3 */ border-radius: 9px; / * CSS 3 * /
; /* Opera */ -O-border-radius: 9px; / * Opera * /
; /* iCab */ ICab--border-radius: 9px; / * iCab * /
; /* Konqueror */ -Khtml-border-radius: 9px; / * Konqueror * /
; /* Firefox */ -Moz-border-radius: 9px; / * Firefox * /
; /* Safari */ -Webkit-border-radius: 9px; / * Safari * /
}

Mehr ...

jQuery gegen alle: ein Benchmark mit 5 Browser

Bild Ein guter Entwickler hat kein Problem damit, von einer Programmiersprache zur anderen wechseln. Die Entscheidung, auf eine bestimmte Sprache, Rahmen-oder Entwicklungsumgebung, konzentrieren sich mehr von der Verfügbarkeit von Zeit und der Art der Arbeit, die auf geht diktiert. Aber ein wichtiger Faktor, der die Wahl des "Rahmens" beeinflussen können, so ist die Sympathie und Zuneigung, die im Laufe der Zeit reifen können.
Genauer gesagt, wollte ich einige analysieren - nicht alle - Javascript-Frameworks heute verfügbar ist, weil auch "beraten", einen Blick vor allem auf zu nehmen jQuery .
Die Macher von mootools (einer der bekanntesten JavaScript-Frameworks) zur Verfügung gestellt haben, ein Werkzeug, um einen Geschwindigkeitstest und Gültigkeitsdauer von fünf bekannten JavaScript-Frameworks laufen: Slickspeed . Dieser Test ist das Ergebnis gar nicht klar, wie wichtig die Arbeit an den Client-Seite JavaScript-Frameworks, die von unserem Browser ausgeführt werden. Es ist genau aus diesem Grund, dass einige finden, Safari schneller als Internet Explorer oder Google Chrome schneller als Firefox . Doch dies hängt oft von der Art der angezeigten Seite. Tatsächlich kann es gut passieren, dass ein bestimmter Ort ist wirklich "schneller" als in Safari angezeigt, aber das bedeutet nicht, dass "alle Seiten" wird schneller mit Safari! Natürlich ist dies auch für alle anderen Browser.

Der Benchmark

In Tests habe ich mit gemacht Slickspeed Ich verglich die verfügbaren Browser auf meinem Rechner (Windows Vista 64bit Utilmate - Intel Core 2 Quad 2,4 GHz mit 8 GB RAM).
Leider sind die Tests nicht in der Lage, mit Internet Explorer 7 ausgeführt wird, als das Auto stürzte, ging sogar außerhalb der Skala mit den Ergebnissen! Noch einmal herzlichen Glückwunsch Microsoft.
Ich crercato zu den gleichen Status des PCs während des Testlaufs zu halten, Öffnen des Browsers und nicht individuell, indem er keine anderen Prozesse laufen.

Hinweis: Wenn Sie, wie Sie auch eine oder mehrere dieser Tests fühlen, können Sie sich auf dieses Thema liegt im Falle der "odd" und andere Ergebnisse zu kommentieren.

Bild

Google Chrome war wirklich schnell, mit einem Wert von 68 (Durchschnitt) im Test mit jQuery . Je langsamer war jedoch Flock , obwohl sie dem gleichen "Mutter" Mozilla. Das schlechte Abschneiden von Flock ist wirklich neugierig, wie sein zukunftsweisendes Social Networks, weil es gerade die Social Network Web 2.0, um die Vorteile der vielen JavaScript-Frameworks zur Verfügung zu nehmen, um so eine Erfahrung von wirklich innovativen Navigation und Interaktion bieten.
Überraschenderweise schlägt FireFox und Opera hat auch eine nette kleine ", auch immer eine 74 in der Leistung der Dojo ! Firefox und Safari, schließlich sind ähnlich, mit Safari schneller in Tests mit Mootools und jQuery.

Welche Rahmenbedingungen zu wählen?

Wenn wir uns nicht kümmern, um die Geschwindigkeit der Ausführung zu testen und wir kümmern uns nicht Dimesion in Kbytes des gleichen Rahmens können die Antwort sein "Whatever You Like" oder, wenn Sie so wollen, "was Sie wissen es besser ist oder mehr harmonisch mit Ihrem Art der Programmierung. "
Letzten Endes werden diese Rahmenbedingungen sehen ein bisschen 'all (siehe zum Beispiel die Verwendung von $), obwohl einige wichtige und wesentliche Unterschiede, die in den Augen eines Experten springen kann oder wirklich schob die Verwendung einer bestimmten Bibliothek. Im Prinzip in der Tat alles, was mit jQuery getan werden kann, zum Beispiel, können Sie mit mootools oder Prototyp in Ordnung! Wenn jQuery hat eine sehr kompakte Syntax, da alle Methoden immer wieder die jQuery-Objekt-Basis, wodurch endlose Reihen von oggetto.metodo().metodo().metodo()... sagte, dass dies nicht bei allen kostet Kraft, vor allem für diejenigen, die haben zu debuggen wird!
Bibliotheken wie prototype.js Sünde, vielleicht in der Abwesenheit von Effekten, auch einfach, die Entwickler zu zwingen als Spin-off zu implementieren scriptaculous.js , schwer und weit von der Bibliothek die erste Wahl.

Ein Beispiel

Genau dies ist, warum zum Beispiel brachte mich dazu, die gekoppelt Prototype / Scriptaculous mit jQuery zu ersetzen, um interaktive Tafeln / Animierte undolog.com hier erstellen in der Seitenleiste. In der Tat, auch die Verwendung von Google-API-Bibliotheken zu importieren, ist eine Verschwendung Last all die Bibliothek und für eine scriptaculous slideDown slideup. Für Informationen und ein Beispiel, hier ist die Javascript-Code, wie es mit der Prototype / Scriptaculous gekoppelt wurde:

1
2
3
4
5
6
7
8
9
10
11
12
13
/ / Prototype / Scriptaculous
) . each ( $ $ ('H2.dropdown'). Stück (
element ) { function (element) {
= "pointer" ; .. Element style cursor = "Zeiger";
'click' , Element. beobachten ("Klick",
event ) { function (event) {
this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration : .5 } ) ; if (.. This. next () Stil Anzeige == "") neue Effect BlindUp (This. next (), {duration: 0,5});.
Effect. BlindDown ( this . next ( ) , { duration : .3 } ) ; Effect sonst neue BlindDown (This. next (), {duration: 0,3}).;
event ) ; . Event-Stop (event);
}
)
}
);

und es ist jetzt mit jQuery:

1
2
3
4
5
6
7
8
9
10
/ / JQuery
) . each ( $ ('H2.dropdown'). Stück (
i ) { Funktion (en) {
) . css ( 'cursor' , 'pointer' ) . click ( $ (This). Css ('Cursor', 'Zeiger'). Klicken Sie (
function () {
$ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; if (.. $ (this) next () ist (': hidden')) $ (this) next () slideDown (); else $ (this) next () slideup ();....
}
);
}
);

Alles in allem ein genauerer Blick, glaube ich nicht, gibt es einen großen Unterschied! Aber wie ich schon sagte ... die Frage ist "gut" des persönlichen Geschmacks.

Mehr ...

Flick und Flock

Wenn es eine Sache, die Mozilla -Browsern bekannt sind gut zu tun!

Flock

Flock ist ein Browser mit einer ganzen Reihe von Funktionen, die soziale Netzwerke und Blogs. Verfügbar für Mac, Linux und Windows bietet ein neues Browser-Erfahrung für diejenigen, die, wie ich, mehrere Konten auf Social Networking Sites (Facebook, Twitter, YouTube, ...) und will auch bei der Verwaltung der RSS-Feeds, so glatt und schnell.

Installation

Wenn Sie Firefox haben (Sie sollten nicht deinstallieren) alle Einstellungen können übernommen werden Flock während der ersten Verwendung von Cookies, Passwörter, Lesezeichen, you name it. Nach der Verwendung von Flock für ein paar Minuten, war ich versucht, die große FeedReader, nutzlos angesichts der ausgezeichneten Leitung der Weide die zu entfernen.

Merkmale

Zusätzlich zu den vielen Funktionen ähnlich wie Firefox, die es unmittelbar zugänglich macht, Flock ermöglicht Ihnen:

  • Blog Editor
    Einfach, aber effektiv Editor für die Veröffentlichung von Artikel in unserem Blog. Es unterstützt sowohl persönliche Blog-Plattformen wie WordPress, Blogger und Live Journal. Hervorragende Funktion "Notizen", die Web-Zwischenablage, in verschiedenen Abschnitten des Browsers
  • Die Menschen Systemsteuerung
    Durch einfaches Drag & Drop können Sie sofort zu teilen Links und Bilder mit unseren Kontakten, erholte sich von Twitter, Facebook, YouTube oder Flickr
  • Media Bar
    Flock ist in der Lage, automatisch erkennen, viele Features, wenn Sie eine Website (Blog oder Social Network) geben. Zum Beispiel die Eingabe eines YouTube oder Flickr werden Apera Media Bar auf der Oberseite, wo man horizontal scrollen können Filme und Fotos so dass Sie senden oder kopieren Sie den Inhalt sofort
  • Search Engine
    Die Forschungs-Management ist vollständig anpassbar (wie dies bereits in FireFox dank der Open-Search-Standard), so dass leicht zu addieren eine Reihe von alternativen Suchmaschinen, beide aus einer Liste auf dem Gelände des vorgeschlagenen Flock ist durch die automatische Anerkennung in diesem ein Standort
  • Plugins und Erweiterungen
    Auch Flock als FireFox hat bereits viele Erweiterungen, eine Waffe, die sich als erfolgreich erwiesen hat, weil der FireFox. Einige sind speziell für Flock, auch wenn Sie etwas "Portierung" des bekannten Erweiterungen für Firefox finden
  • Der Umgang mit den Fotos
    Dank der Photo Uploader, können Sie eine interne Anwendung zu verwenden, um schnell Flock schicken unsere Fotos auf Flickr oder Facebook.

Mehr ...



Stop SOPA