Cookie

TheJoe.it Into the (öffnen) Quelle

29Jan_Januar_abbreviation/142

WordPress: warnt den Leser, dass die Post ist alt

clocky

Häufig (Schreiben von Software und Technologie) dass der Artikel ist jetzt vorhanden, morgen bereits vergangen ist. Es ist mindestens Wordpress-Plugin pro un den Leser, dass der Beitrag, den Sie gerade lesen wurde vor langer Zeit geschrieben benachrichtigen, das ist eine perfekte Lösung und einsatzbereit, tastete aber ich wollte auch, um den Code von meinem Thema zu ändern, um diese einfache Funktion automatisch hinzufügen.

Ich behaupte, dass die folgenden Schritte erstellen eine Box (in diesem Fall gelb) vor dem Titel des Artikels.

14Dez_Dezember_abbreviation/130

Tasten nur mit CSS

CSS-Code

Im heutigen Artikel werden wir sehen, wie eine einfache Form biegen, Eine Taste ist nicht in einer ebenso einfachen Form mit einem Button formatiert ist. Alle Farben, Farbverläufe und Schatten werden "gebaut" über die CSS-Regeln für die Version 3. Dies sind ein paar einfache Regeln, um ein wenig "mit einer Zange nehmen, weil sie funktionieren perfekt mit dem Browser auf Webkit (Safari, Konquerror, iPad / iPhone) E Gecko (Firefox e simili), aber sie nutzlos auf allen Versionen sind

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.

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.

18Feb_Februar_abbreviation/115

Der beste HTML-Editor für nicht-kommerzielle Linux

HTML_Icon_Final

Wer jemals versucht hat, zu erstellen piagne HTML mit Linux werden Sie sicherlich mit dem kollidierte Mangel an WYSIWYG Software ad hoc für unsere Lieblings-Betriebssystem entwickelt. Glücklicherweise heute diese "Lücke" nur teilweise durch die Entwicklung einiger Open-Source-Programme, die zum Ausgleich der Versuch gefüllt Mangel an Entwicklung in Dreamweaver (oder noch kommerziellen Alternativen) su piattaforma Linux, aber in vielerlei Hinsicht sind wir noch weit vom Erreichen der Usability von Dreamweaver oder ähnlichen.

Heute sehen wir einige der besten Software für 'WYSIWYG-Bearbeitung nativ für Linux entwickelt. Danke das Blog Web-Verzerrung übersetzt für die Ratschläge, die ich berichten unten.

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.