Du bist hier: Seitenreport    Forum    Internet    News    Firefox 4

Firefox 4

Verfasst am: 22. 03. 2011 [16:38]
joerg
Dabei seit: 09.06.2009
Themenersteller

1540 Beiträge
Beitrag hilfreich?

Hallo

Ich habe mir gerade die offizielle Version von Firefox 4 runtergeladen.

Fein der kann auch mit inline SVG Graphiken umgehen.

Somit hat man da der Internet Explorer 9 der letzte Woche ja erschienen ist volle Unterstützung für solche SVG Graphiken. Bis auf Safari der mit einigen Anweisungen seine Probleme hat.

Und ich kann dazu über gehen das -moz- vor dem border-radius zu streichen, wenn die erste Aktualisierungswelle vorüber ist.

Gruß
Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 22. 03. 2011 [17:59]
Ultima
Dabei seit: 09.07.2010

759 Beiträge
Beitrag hilfreich?

Hi Jörg, kann man eigentlich schon für Flächen Farbverläufe definieren?
Mein Portal: Ultima-Project.net - Gold für alle
Profil
WWW
 
Verfasst am: 22. 03. 2011 [18:40]
hansen
Dabei seit: 18.05.2009

1423 Beiträge
Beitrag hilfreich?

Bin zwar nicht Jörg, aber man kann mit CSS Farbverläufe definieren.
Hier ein Beispiel:
http://www.homepage-anleitung.de/2010/08/farbverlauf-mit-css-3/
Verlaufstool:
http://westciv.com/tools/gradients/index.html

Gruß
hansen

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 22.03.2011 um 19:32.]
Nepal Rundreisen
Profil
WWW
 
Verfasst am: 22. 03. 2011 [22:49]
joerg
Dabei seit: 09.06.2009
Themenersteller

1540 Beiträge
Beitrag hilfreich?

Hallo Thomas

Musstest du eine solche Frage stellen?

Ja und nun kommt das berüchtigte ABER. welches mich dazu veranlasst viel zu schreiben.

Erstmal zu Hannelores Links, an denen man sich nicht orientieren sollte.

http://maddesigns.de/webkit-andert-css3-gradient-support-und-orientiert-sich-am-mozilla-syntax-739.html

Was ich jetzt noch nicht getestet habe ist, wie die Browserunterstützung der aktuellen Browser hinsichtlich SVG Abschnitten im HTML5 Quellcode sich bewegt.

SVG Unterstützung leisten derzeit Internet Explorer, Opera , Firefox, Chrome und eingeschränkt Safari der mit Reflektionen oder Wiederholungen nicht richtig klarkommt.
Beispiel meine Navigationsbuttons oder die automatischen erstellten Farbverläufe die mit http://joerghuelsermann.de/farbe/ erstellt werden.

Als img Elemente im html Code und als Hintergrundgraphiken per CSS möglich.

Das mit SVG weitaus mehr als nur Farbverläufe möglich ist muss ich wohl jetzt nicht erwähnen. Das Thema finde ich überaus faszinierend und werde mich da auch noch etwas einlesen. Deshalb habe ich mich aber auch darüber so gefreut das mit dem Firefox 4 die aktuellen Browser diese Möglichkeit unterstützen. Stichwort animierte Hintergründe wären damit auch möglich.

Per CSS ist die Syntax die von W3C angestrebt wird derzeit nur von Chrome und Firefox aber halt eben mit browserspezifischen Präfixen umgesetzt. Opera plant es mittlerweile ein diese Syntax zu realisieren. RGB Angaben sollten auch möglich sein mit Angabe einer Opacity. Da habe ich momentan keinen Link parat. Sah aber echt nett aus das Beispiel was ich dazu mal gesehen hatte. Hintergrundbild wo halt eben so ein opaker Farbverlauf drüber gelegt war.

http://maddesigns.de/css3-gradient-jetzt-auch-in-opera-799.html

Was bin ich froh das ich mich nicht unbedingt gefordert sehe ältere Browser zu unterstützen, obwohl das theorethisch nicht das Problem wäre. In meiner stillen Planung habe ich eigentlich eingeplant das ich verschiedene Farbverläufe zu zwei Farbangaben, mal automatisch erstelle. Ich habe mich nur noch nicht entschieden, ob ich das in eine bestehende Seite noch einbinden werde oder es separat aufbauen möchte.

Obwohl es für die älteren IE auch noch Lösungen gibt. Aber bitte über die veraltete Syntax für den Webkitt drüber lesen.

http://maddesigns.de/linear-gradient-verlauf-css3-adventskalender-tag-3-363.html

Gruß
Jörg
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 23. 03. 2011 [19:52]
Kaheti
Dabei seit: 15.02.2011

87 Beiträge
Beitrag hilfreich?

Hallo
ich erweitere das Thema Firefox 4 mal ....

und zwar hab ich den grade wieder deinstalliert aus folgendem Grund:

ich benutze bei meiner Webseite eine grafische Navigation mit "Kennzeichnung von Links" . In den bisherigen Browsern FF3.6 , IE7 u.8 , Opera 10.irgendwas, um nur mal einige zu nennen, funktionierte dies einwandfrei. Im neuen Firefox und auch im neuen IE9 funktionierte es nicht mehr. Ich habe auch nicht rausfinden können wie und wo man ggf. was einstellen kann damit es wieder funktioniert.
Wenn einer ne Idee hat hierzu ......immer gerne, dann installier ich den neuen FF wieder

netten Gruß

Kalle
www.kaheti.de - das ist nicht die Signatur, sondern Werbung nur.
Profil
WWW
 
Verfasst am: 23. 03. 2011 [20:22]
Ultima
Dabei seit: 09.07.2010

759 Beiträge
Beitrag hilfreich?

"joerg" schrieb:

Hallo Thomas

Musstest du eine solche Frage stellen?
...

Es tut mir Leid, die Neugier war zu groß :o(

Aber danke für die Antworten, das es Browser interne Lösungen gibt wusste ich schon, ich hatte aber mehr gehofft das es mit in den CSS3 Standard kommt und Browser übergreifent einheitlich unterstützt wird.

Den Firefox 4 hatte ich nur kurz getestet da er ja bei Ubuntu 11.4 (das kurz vor dem releas steht (Ja Schleichwerbung)) dabei ist. Mit SVG hatte ich mich bisher kaum beschäftigt, ich glaub die HTML5 Unterstützung und Sicherheit steht beim FF4 im Mittelpunkt?


Viele Grüß Thomas


Mein Portal: Ultima-Project.net - Gold für alle
Profil
WWW
 
Verfasst am: 23. 03. 2011 [23:09]
joerg
Dabei seit: 09.06.2009
Themenersteller

1540 Beiträge
Beitrag hilfreich?

Hallo Thomas

Ich denke es lohnt sich, sich mit SVG zu beschäftigen.

HTML
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="gradient" x1="0" y1="0" x2="100%" y2="100%">
<stop offset="10%" style="stop-color:#ff9900;" />
<stop offset="75%" style="stop-color:#ffffcc;"><animate attributeName="stop-color" attributeType="CSS" values="#ffffcc;#000033;#ffffcc" repeatDur="indefinite" begin="1s" dur="20s" /></stop>
</linearGradient>
</defs>
<rect x="0" y="0" fill="url(#gradient)" width="100%" height="100%" />
</svg>


Packe dir den Code in eine Datei mit der Endung svg und rufe die mal auf.

Bis das mit CSS nachstellbar wäre, mit einer einheitlichen Syntax für die aktuellen Browser, wird wahrscheinlich noch viel Zeit ins Land gehen. Und es ist weitaus mehr möglich wenn ich das richtig verstehe. Aber so tief stecke ich in dem Themengebiet noch nicht drin. Bis jetzt waren das nur ein paar Stunden, wo ich mich in die Materie rein gekniet habe.

SVG gehört wie Mathml oder wie das heisst zu HTML5.

Ich denke die Browserhersteller haben noch genug alle zu tun um HTML5 und CSS3 in ihre Browser zu integrieren. Das Schrauben geschieht an allen Ecken.

Ich habe zumindest heute über meine Ausführungen von gestern mal nachgedacht und die browserspezifischen CSS Anweisungen für den Farbverlauf aus meiner CSS Datei entfernt.
Wenn irgendein Browser dann die normale Syntax darstellen kann wird halt eben nicht mehr die SVG Datei aufgerufen und solange habe ich halt eben ein paar Requests mehr.

Für den ersten Überblick

http://www.selfsvg.info/index.php?toc

http://svg.tutorial.aptico.de/start.php

Und SVG innerhalb von HTML würde ich derzeit noch nicht verwenden wenn ich mir die Browserunterstützung so anschaue. Opera alleine stellt das dar was ich wollte und IE9 habe ich dabei nicht getestet.

Gruß
Jörg

Nachtrag: Das Prinzip mit dieser Animation habe ich jetzt mal für meine Navigationsbuttons eingebaut. Man sollte es sich halt eben aber auch im Firefox 4 dann anschauen der es richtig darstellt.

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 23.03.2011 um 23:40.]
Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools
Profil
WWW
 
Verfasst am: 24. 03. 2011 [10:28]
Ultima
Dabei seit: 09.07.2010

759 Beiträge
Beitrag hilfreich?

Hehe das ist echt Praktisch :o)

Danke für den Tipp.

HTML
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="verlauf">
      <stop offset="60%" style="stop-color:#FFF;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#F90;stop-opacity:1" />
    </radialGradient>
  </defs>
  <rect x="-150%" y="-150%" width="300%" height="300%" fill="url(#verlauf)" />
</svg>

Mein Portal: Ultima-Project.net - Gold für alle
Profil
WWW
 
Verfasst am: 03. 05. 2011 [21:30]
Ultima
Dabei seit: 09.07.2010

759 Beiträge
Beitrag hilfreich?

"joerg" schrieb:
...
Und SVG innerhalb von HTML würde ich derzeit noch nicht verwenden wenn ich mir die Browserunterstützung so anschaue. Opera alleine stellt das dar was ich wollte und IE9 habe ich dabei nicht getestet.
...


Hi Joerg,

wann glaubst du kann man SVG richtig effektiv/produktiv einsetzten? Noch ist die Unterstützung recht mager, wobei es mich schon reizt mit dem System mal eine Galerie zu erstellen. Mit den ganzen Filter und Animationsmöglichkeiten kann man da bestimmt richtig gute Resultate erzielen?
Vor allem kann man ja auch JavaScript mit in die Grafik schreiben, was gleich noch mehr Möglichkeiten bietet, ohne das man so viel neues lernen muss.


Schöne Grüße
Thomas
Mein Portal: Ultima-Project.net - Gold für alle
Profil
WWW
 
Verfasst am: 03. 05. 2011 [22:57]
UFOMelkor
Dabei seit: 20.10.2009

348 Beiträge
Beitrag hilfreich?

"Kaheti" schrieb:

Hallo
ich erweitere das Thema Firefox 4 mal ....

und zwar hab ich den grade wieder deinstalliert aus folgendem Grund:

ich benutze bei meiner Webseite eine grafische Navigation mit "Kennzeichnung von Links" . In den bisherigen Browsern FF3.6 , IE7 u.8 , Opera 10.irgendwas, um nur mal einige zu nennen, funktionierte dies einwandfrei. Im neuen Firefox und auch im neuen IE9 funktionierte es nicht mehr. Ich habe auch nicht rausfinden können wie und wo man ggf. was einstellen kann damit es wieder funktioniert.
Wenn einer ne Idee hat hierzu ......immer gerne, dann installier ich den neuen FF wieder

netten Gruß

Kalle


Hallo Kalle,

ich denke die Lösung liegt darin, dass Firefox bei der :visited-Klasse aus Sicherheitsgründen nur wenige Änderungen zulässt. (siehe privacy-related changes coming to CSS :visited)
Ich würde dir dennoch empfehlen, Firefox 4 zu installieren.
Naturkosmetik in Bochum

Steppenhahn Ultramarathon-Community
Profil
WWW
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:


2 Mitglieder waren innerhalb der letzten 15 Minuten online (32 heute gesamt):
Holderlein, joerg

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18153 registrierte Mitglieder, 3003 Themen und 29112 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 12 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Schnellzugriff

Hier werben
Partnerprogramm
Premium Pakete
Verlinkung freischalten
Allgemeine Geschäftsbedingungen
Kontakt aufnehmen
Impressum

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks