Cascading Style Sheets

Aktivieren Sie das Plugin “Zen Coding” su gedit

Für diejenigen, die nicht wissen,, gedit ist der Texteditor der Wahl für jede Linux-Distribution auf Basis von GNOME. Es wird auf den meisten Linux-Distributionen vorinstalliert, mit Ausnahme derjenigen, die auf verschiedene Window-Manager von Gnome (Wo, xfce, Erleuchtung, usw..). Es dient vor allem zur Bearbeitung Konfigurationen in den Systemdateien, sondern unterstützt eine große Anzahl von Programmiersprachen und ist erweiterbar mit Plugins gewidmet.

Aus diesem Grund, vor Gebrauch Brackets, Ich habe Gedit auch für die Bearbeitung von HTML und CSS.

Dies ist gedit. (mehr…)

Von TheJoe, vor

CSS: entfernen Sie die Grenze “a puntini” dei Link

Im heutigen Artikel sehen wir eine einfache CSS-Regel, bereits in vielen CSS zurückstellen. Ich bin über die Immobilie sprechen “umreißen”. Wenn die regola “umreißen” nicht einstellen Browser erscheint ein gepunktetes Feld um jeden Link geklickt. Die Standardeinstellung ist, dass, weil es auch für diejenigen, die mit der Tabulatortaste gedacht wird, navigieren, und Sicken ohne den Fokus verlieren auf diesen Link nicht mehr verstehen, es passiert. Ich denke auch an diejenigen, die nicht verwendet werden können die Maus, um Fehlsichtigkeit. Durch das Entfernen der Sicke renderesti die Website für sie nicht zugänglich. (mehr…)

Von TheJoe, vor

CSS: Immobilien “z-index”

Heute sehen wir eine wichtige Eigenschaft von CSS, auch aus der letzten Version geerbt, i CSS3. Ich rede (wie Sie aus dem Titel erraten werden) Immobilien “z-index“.

Die Eigenschaften “Höhe” und “Breite” impostarenno Höhe und Breite, während “z-index” wir brauchen, um Elemente in die dritte Dimension zu bewegen Höhe (der Asse “Die”). Die dritte Dimension senkrecht zu dem Bildschirm, und es wird leichter verständlich für diejenigen, die mit Plänen für die Verwendung von Stufen.

Stellen Sie den Bildschirm als Tisch, auf dem einige Spielkarten legen, dadurch: (mehr…)

Von TheJoe, vor

Einige Schriftarten, oder vielmehr einige Reihe von Icons

Manchmal im Internet lief in einige geniale Lösungen, dass in wenigen Klicks zu beheben einen Job, der ansonsten ein paar Minuten dauern würde (Sie, ok, wir freuen uns über Minuten im Gespräch, ist aber immer eine zeitsparende). Die Ressourcen, die wir heute markieren (übernommen aus dem englischen Blog SixRevisions) sind einfache Schrift, deren Zeichen bestehen aus monochromen Icons bereit einbezogen werden in das Web (mit der CSS-Regel “@font-face“), eine Technik, die seit einiger Zeit, aber, dass kaum angewendet sehen. (mehr…)

Von TheJoe, vor

CSSDeck: viele Ideen von Web-Design-Profis

Von der Geburt des CSS3 Webdesigner gibt buchstäblich verrückt für unzählige neue Möglichkeiten. Einige der auffälligsten sind die Fähigkeit, eine erstellen’Beschattung (auch verschwommen) unter dem Text oder auf ein beliebiges Element, die Möglichkeit, drehen die Stücke wie viel Grad Sie wollen, Auswirkungen Fade-in und Fade-Out und einige einfache Animationen in Mühe. Der Trend scheint zu sein, aufzugeben (die comunque ALLUMAGE) die Verwendung von Grafik-Software für anspruchsvollen Rendering über CSS. (mehr…)

Von TheJoe, vor

30 Tage, um HTML5 und CSS3 lernen

Heute berichte ich eine wichtige Reihe von Tutorials (dauerhafte a mese) das verspricht, Web-Design für diejenigen, die Design in nur 30 Tage fastet lehren. Der Kurs beginnt bei Null, und es ist auch für diejenigen, die nicht wissen, etwas über Web-Design adressiert. Und auf keinen Mittelwert Null.

Die Lektionen sind so nicht zu schwer strukturiert, beim ersten Versuch nicht “setzen zu viele Eisen im Feuer” und laufen in etwa zehn Minuten am meisten, als Ergebnis werden dann eingeführt i Schatten tag in der Reihenfolge der Verwendung. Besonderes Augenmerk wurde auf gewidmet Einhaltung der Normen, alle’Zugänglichkeit und wie sie interagieren HTML und CSS. (mehr…)

Von TheJoe, vor

Er wurde geboren BlueGriffon, ein HTML-Editor auf der Rendering-Engine von Firefox basiert

Nicht so lange her selbst Parlava von KompoZer: ein HTML-Editor durch den Code der verlassenen erstellt NCE, , die in den Kodex der verlassenen geboren Mozilla Composer und Netscape Gold-. Von 10 Mai, stattdessen entsteht BlueGriffon, ein weiteres Projekt Gabel triple unter Lizenz veröffentlicht: “Mozilla Public License 1.1“, “GNU General Public License Version 2” und “GNU Lesser General Public License Version 2.1“. Die erste Ankündigung auf der offiziellen Webseite (vom 30 September vor zwei Jahren) liest diese Worte: (mehr…)

Von TheJoe, vor

Geben Sie eine Schriftart “Brauch” von CSS, ohne Upload

Heute sehen wir ein nützliches Werkzeug zur Verfügung gestellt von Google. Seit einiger Zeit habe ich in zwei Artikeln auf der Website benutzerdefinierte Schriftart, aber ich habe nie beschlossen zu finalisieren, und heute habe ich kommen mit benutzerdefinierte Schriftart di Google. Wir starten aus der jüngsten Vergangenheit auf die get, Ich mag die Dinge rückwärts tun, und vielleicht in einem meiner zukünftigen Artikeln werden Sie sehen, wie Sie Ihre benutzerdefinierten Schriftarten auf Webseiten durch das Hochladen gehören, oder wie man auf eine OpenOffice installieren Commodore 64.

Die Schrift, die wir als ein Beispiel zu nehmen ist “Just another Hand“, font un tipo “handschriftlich” dass wir für den Einsatz Sicherheit. (mehr…)

Von TheJoe, vor

Buttons Navigationsmenü mit CSS Sprites

In der heutigen Tutorial sprechen wir wieder über HTML Grafiken und CSS Integration. In meinem Artikel vor ein paar Monaten sprach ich über die technische (auch weithin von Google) von CSS Sprites. In der Praxis ist es die am häufigsten wiederholten Bilder auf der Seite zu platzieren ein großes Bild, das wird mehrfach mit unseren CSS genannt werden.

Als eine Angelegenheit der persönlichen Präferenz Ich neige zu vermeiden, mit Gimp jedes Mal, wenn ich einen anderen Menüpunkt Navigation erstellen, Ich bevorzuge es, nur die Hintergründe der Buttons erstellen und dann darüber nachdenken, die Stile mit CSS. Auf diese Weise wird das erste Menü besser von Suchmaschinen indiziert, zweitens ich vermeiden “Abfall” die Zeit, um mich auf jede Schaltfläche ein neues Bild.

(mehr…)

Von TheJoe, vor

Hinzufügen einer Beschriftung des Fotos pop-up mit CSS3

In der heutigen Tutorial werden wir sehen, wie stellen Sie die Bilder von unserer Website, so dass es, um eine Beschriftung an der Unterseite des Fotos schweben mit Fade-In-Effekt scheint / Fade-Out.

Diese Technik nutzt einige der Funktionen in der Umsetzung CSS3, die neueste Version. Leider sind noch nicht alle Browser, die dieser Spezifikation angepasst, wissen, dass Je nach Browser möglicherweise nicht. Neuere Browser, die CSS3 sind Firefox 4, Safari 5, Mobile Safari und Opera 10. Entdecken purtroppo nicht unterstützt (anscheinend nicht einmal die nächste Version: IE9), aber aber wir werden versuchen, nicht zu vergessen, IE-Benutzer. (mehr…)

Von TheJoe, vor