TheJoe.it Into the (öffnen) Quelle

22Jan_Januar_abbreviation/140

Aktivieren Sie das Plugin “Zen Coding” su gedit

zen-Codierung

Für diejenigen, die nicht wissen,, gedit ist der Text-Editor 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 wird hauptsächlich zum Bearbeiten von Konfigurationsdateien für System, 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 zur Bearbeitung von HTML-und CSS-.

Dies ist gedit.

10Jun_Juni_abbreviation/130

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

outline_ico

Im heutigen Artikel werden wir sehen 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 dafür ist, weil es auch für diejenigen, die TAB-Taste zum Navigieren gedacht, 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.

4Mai_Mai_abbreviation/130

CSS: Immobilien “z-index”

Asse

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:

9Okt_Oktober_abbreviation/120

Einige Schriftarten, oder vielmehr einige Reihe von Icons

foundation_free_icon_font

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.

24Feb_Februar_abbreviation/120

CSSDeck: viele Ideen von Web-Design-Profis

pressable_button

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 "erstellenBeschattung (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 Computergrafik für anspruchsvolle Rendering via CSS.

21Nov/112

30 Tage, um HTML5 und CSS3 lernen

30dayz

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, all 'Zugänglichkeit und wie sie interagieren HTML und CSS.

18Mai_Mai_abbreviation/111

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

logo_bluegriffon

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, eine andere Gabel des Projekts im Rahmen der Triple-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:

8Apr/110

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

Loremipsum

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.

25Mrz_März_abbreviation/114

Buttons Navigationsmenü mit CSS Sprites

dito_cattelan2

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 besteht in der Mehrheit Einfügen von Bildern mehrmals innerhalb der Seite zu einem großen 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.

12Jan_Januar_abbreviation/111

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

Vorschau

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.