Einen schnellen und flexiblen Online-Editor für kleinere HTML und JavaScript Experimente findet man unter http://jsfiddle.net/. Es ist erstaunlich, was mit diesem kleinen Editor jetzt schon möglich ist. So kann man unter anderem Mootools, jQuery oder Prototype als gewünschtes Framework bestimmen, den Doctype auswählen oder sogar externe CSS-Dateien einbinden.
JSfiddle zeigt dabei immer nur das notwendigste, beispielsweise bei der HTML-Datei nur den Inhalt des body-tags ohne den Rest des Dokumentes. Damit ist es ein leichtes, mal eben einen kleinen Testlauf eines JavaScript Schnippsels zu starten oder den Einfluss auf die Elemente zu testen. Hier mal ein simples Beispiel mit Prototype und Scriptaculous.
Wenn man nur inline gestylte Tags in CSS im Webdesign überschreiben will, gibt es keine andere Möglichkeit, als diese styles direkt anzupassen? Falsch! Eine weitere Möglichkeit ist mit Hilfe des [style] Keywords innerhalb eines Scriptblockes oder einer externen CSS nur diese Tags mit inline Styles anzusprechen.
Ein Beispiel :
<div class="showMe">
<span style="font-weight: bold; color: #ff0000;">Hello World - wird gestyled</span>
</div>
<div class="showMe">
<span>Hello World - wird nicht gestyled</span>
</div>
.showMe span[style]{font-weight: normal !important;color: #0000ff !important;}
Wie das immer so ist und wie man sich wahrscheinlich aufgrund des [style] im Selektor und des !important denken konnte, funktioniert dies nicht im IE6, aber im IE7 & IE8 sowie allen modernen Browsern. Natürlich bleibt die Frage, wann man so etwas sinnvoll anwenden kann, da man inline styles generell vermeiden sollte, aber es kann mit Sicherheit nicht schaden, so etwas zu wissen.
Seeing is believing, daher gibt es hier ein kleines Showcase.
Heute habe ich mich mal kurz ärgern müssen, da ich nach einer Möglichkeit gesucht habe, diese netten upload Formularfelder mit CSS zu stylen. Ich wusste schon vorher, dass das nicht ohne Probleme geht, aber ich hatte es zuvor nicht benötigt.
Für diejenigen, die nicht wissen, was ich meine:
Nachdem ich selber über einer Möglichkeit gegrübelt habe, das mit ein wenig Prototype gewürzt hinzubekommen, habe ich bei anderen Webdesignern/Frontend-Entwicklern dies hier gefunden. An und für sich nicht besonders überragend, aber durchaus zweckmäßig.
Kurze Zeit später fand ich dann eine fast identische Lösung mit Prototype, musste also nicht selber noch einmal ran. Wer sich die Lösungen anschaut, wird feststellen, dass im Grunde nur ein Button über das Feld gelegt, das Feld an sich per Opacity versteckt und dann die Position der Maus auf dem Button mit dem darunter liegenden Feld gematcht wird.
Diese Frage stellen sich zur Zeit recht viele Leute, daher ist hier nun der ultimative, wenn auch nicht ganz ernst gemeinte, Schweinegrippe Online-Test.
the process of improving the volume or quality of traffic to a web site from search engines via “natural” (“organic” or “algorithmic”) search results.
I’d like to demistify the “seo” term a bit, so I came up with a list of links to help you understand what search engine optimization really is and what you or your webdesigner can do about it.
Rumour has it, that you’ll have to register your site with the search engines, which is not true. At least if we are not talking about submitting your sitemap.xml.
Insbesondere das Tracking für Flash/Flex – Applikationen klingt interessant, obwohl es das in der Vergangenheit schon aus anderen Quellen für Analytics kam.
