jQuery: abgerundete Kanten auf die Bilder, um Überschneidungen

Donnerstag, 30. Oktober 2008

Aufgrund der unterschiedlichen Darstellung von den verschiedenen Browsern, die sich Microsoft Internet Explorer zu berücksichtigen, müssen wir immer auf Kunststücken für die Auswirkungen, die jetzt zu einem Standard. Die Multi-diskutiert abgerundeten Kanten sind ein klassisches Beispiel für die "Katastrophe" durch die vollständige Unfähigkeit, eine Norm für schwere Rendering von HTML / CSS. Es gibt viele Online-Lösungen, die es Ihnen ermöglichen, um die "Auswirkungen" (Auswirkungen dall'HTML Freistellung als abgerundeten Ecken, Schatteneffekte, Spiegelungen, etc. ...) mit Patches auf die Blätter von Stilen, spezielle Tricks mit dem Einsatz von div veredelt, Bibliotheken Javascript, die Verwendung von canvas etc. ...
Für rein Bildungseinrichtungen möchte ich erklären, weitere Technik (Cross-Browser), um die Kanten gerundet, um die Bilder:

Demo-und Source -

Lesen Sie weiter ... "

Verwandte Post

Tags:
Veröffentlicht in CSS, Design & Grafik, Internet, Javascript, Entwicklung, Tutorials, jQuery | Kein Kommentar »

Camelize, CamelCase

Montag, 20. Oktober 2008

Wie in der Post Vielzahl von Kodierung und Codierung der Ansätze, die ein Entwickler haben ein Problem zu lösen, sind unterschiedlich, und viele der verwendeten Programmiersprache. Hier ist, wie einige der beliebtesten Javascript Rahmen gelöst haben eine einfache Funktion der CamelCase:

Prototype.js

Prototype.js, Version 1.6.0.3, ausdrücklich vor, eine Methode camelize() um die CamelCase an einer Schnur. Der Ansatz des Autors ist sehr einfach und wird der Code erscheint selbsterklärend. In diesem Fall gab es keine Verwendung von Regular Expression!

Plain Text
JavaScript:
  1. camelize: function () (
  2. . split ( '-' ) , len = parts. length ; var = dieser Teile. Split ('-'), len = Teile. Länge;
  3. len == 1 ) return parts [ 0 ] ; if (len == 1) return Teile [0];
  5. . charAt ( 0 ) == '-' var = camelized diese. Charat (0) == '-'
  6. ? ] . charAt ( 0 ) . toUpperCase ( ) + parts [ 0 ] . substring ( 1 ) Teile [0]. Charat (0). toUpperCase () + Teile [0]. substring (1)
  7. ] ; : Teile [0];
  9. var i = 1 ; i <len; i++ ) for (var i = 1; i <len; i + +)
  10. . charAt ( 0 ) . toUpperCase ( ) + parts [ i ] . substring ( 1 ) ; camelized + = parts [i]. Charat (0). toUpperCase () + Teile [i]. substring (1);
  12. camelized return;
  13. )

Lesen Sie weiter ... "

Verwandte Post

Tags:
Im Internet veröffentlicht, Javascript, Entwicklung | Kein Kommentar »

Wordpress: wie man eine Antwort auf Kommentar mit jQuery

Freitag, 3. Oktober 2008

Kürzlich Cristiano Bis eine Gewinn-Plugin für Wordpress können zwei Links zu jedem Kommentar von einer Stelle (vielleicht haben Sie eine ähnliche, angesichts der Tatsache, dass das Verzeichnis WordPress.org Ich habe ein paar Irre, aber es wäre ein Software-Italienisch die Veranstaltung zu Ehren der hervorragenden Arbeit von Cristiano). Diese Links (Antwort-Quote) in Reaktion und / oder eine Liste der Autor eines Kommentars, indem Sie die langweilige Betrieb, um die At-Zeichen (@), um anzuzeigen, an wen sie gerichtet ist. In diesem Tutorial werde ich erklären, - in den mittel-Experten - wie Sie sich diese beiden Merkmale dieser selbst, ohne die Installation von Plug-Ins. Außerdem, mit den Fähigkeiten von jQuery, um die Partei in Javascript. Die Technik, das ist es, die gleiche habe ich die Einführung dieser Funktion in diesem Blog.

Hinweis: Die Verwendung eines Plugins ist die beste Lösung für diejenigen, die eher zu häufig ändern Sie Ihre WordPress-Template, zu beschränken oder es in der Erwartung zu tun. Dieses Tutorial will nur, um zu zeigen, wie man gezielte Eingriffe in den Code Wordpress und ist für die meisten neugierig.

Ändern Sie die Datei comments.php

Die erste Änderung ist, dass, um den Link zu "antworten" und "Quoten" in jeder Kommentar. Um dies zu tun, editieren Sie die Datei comments.php befindet sich in dem Ordner, der unser Thema. Diese Datei enthält alle Anweisungen, die es Ihnen ermöglichen, um die Kommentare am Ende der Nachricht. Der Abschnitt, die uns (die können sich leicht von Ausgabe zu Ausgabe) ist die Schleife, um die verschiedenen Stellungnahmen, erkennbar durch:

Lesen Sie weiter ... "

Verwandte Post

Tags:
Veröffentlicht in CSS, JavaScript, PHP, Entwicklung, Tutorials, WordPress, jQuery | 17 Kommentare »

Dynamic HTML mit Prototyp: Stile und Skripte

Freitag, 9. Mai 2008

Vor über einem Jahr schrieb ich einen Post (Dynamic HTML mit JavaScript), dass einige Techniken, um dynamisch hinzufügen, Style Sheets und Skripte auf einer HTML-Seite bereits geladen. Wer benutzt Prototype.js können das Leben erleichtern, indem Sie zum Beispiel:

Plain Text
JavaScript:
  1. "dom:loaded" , Dokument. beobachten ( 'dom: geladen "
  2. Funktion () (
  3. Element ( "script" , { type: "text/javascript" , src: "/js/altro.js" } ) ; var script = new Element ( "Script", (Typ: "text / javascript" src: "/ js / altro.js"));
  4. ) [ 0 ] . insert ( script ) ; $ $ ( "Head") [0]. Legen Sie (script);
  5. )
  6. );

Nachdem die Seite geladen wird document.observe fügt ein neues Skript Javascript! Für Stile das ist genau die gleiche Sache!

Verwandte Post

Tags:
Veröffentlicht in CSS, Internet, Javascript, Entwicklung | Kein Kommentar »