Advitum.de auf Google+

Kategorie: CSS

Kategorie: CSS

Hier werden alle Artikel zum Thema CSS geschrieben.

Erweiterte Rahmen mit CSS3 – border-image – ein Gastbeitrag auf t3n.de

Erweiterte Rahmen mit CSS3 – border-image – ein Gastbeitrag auf t3n.de
Von am
Kategorien: CSS, Design, Photoshop, Tipps

Mit CSS3 wurden viele Webdesign-Träume wahr. Angefangen bei box-shadow für Schlagschatten, hört die lange Liste von neuen CSS-Eigenschaften auch nicht bei border-radius für runde Ecken auf. Eine weitere neue Eigenschaft, die ich erst vor kurzem entdeckte, die mir aber so hilfreich war wie keine zweite, ist die Eigenschaft border-image. Wie der Name schon vermuten lässt, kann man damit ganze Bilder als Rahmen definieren.

Diesen Artikel habe ich auf t3n.de veröffentlicht. Hier könnt ihr den ganzen Artikel lesen: Erweiterte Rahmen mit CSS3 – border-image Artikel weiterlesen

@font-face kann mehr, als man denkt – ein Gastartikel auf t3n.de

@font-face kann mehr, als man denkt – ein Gastartikel auf t3n.de
Von am
Kategorien: CSS, Design, Tipps

Nachdem der Artikel »CSS3-Buttons ohne Grafiken erstellen«, den ich für t3n geschrieben habe, dort so viel Anklang gefunden hat, wird jetzt ein weiterer Artikel von mit dort veröffentlicht. Ein Auszug:

@font-face kann mehr, als man denkt

Mittlerweile sollte jeder das Wunder namens @font-face benutzen oder zumindest davon gehört haben. Aber leider werden die Funktionen von @font-face noch nicht voll ausgenutzt. In diesem Artikel will ich zeigen, wie man Schriften am besten in das Projekt einbinden kann.

Ich verstehe nicht, warum auf FontSquirrel ein angeblich fertiges Kit angeboten wird, dass so viel falsch macht. Dabei ist es so einfach, @font-face richtig zu benutzen, wenn man erst einmal weiß, wie. Deshalb habe ich diesen Artikel geschrieben, damit @font-face Neulinge nicht den gleichen Fehler machen, wie ich und bestimmt auch viele andere. Artikel weiterlesen

CSS3-Buttons ohne Grafiken erstellen – ein Gastartikel auf t3n.de

CSS3-Buttons ohne Grafiken erstellen – ein Gastartikel auf t3n.de
Von am
Kategorien: CSS, Design, Tutorials

Nachdem ich für daswebdesignblog.de den Artikel »CSS3-Suchfeld – Verläufe und runde Ecken« geschrieben habe, wird jetzt ein Artikel von mir auf t3n.de veröffentlicht. Hier ein Auszug:

CSS3-Buttons ohne Grafiken erstellen

In diesem Artikel will ich zeigen, wie auch komplexe Buttons ohne Photoshop oder Grafiken nur mit CSS erstellt werden können.

Viele neuere Browser unterstützen schon viele neue Funktionen, die mit CSS3 eingeführt wurden. Die schönsten und wichtigsten werde ich in diesem Artikel vorstellen und zeigen, wie man sie anwenden kann. Ich hoffe, dass dieser Artikel euch zum experimentieren anregt, denn je mehr mit neuen Technologien experimentiert wird, desto besser werden die Ergebnisse. Artikel weiterlesen

Aufzählungen & Listen – Webdesign liegt im Detail

Aufzählungen & Listen – Webdesign liegt im Detail
Von am
Kategorien: CSS, Design, Tipps, Tutorials

Beim Webdesign sind es oft die kleinen Details, die den Unterschied zwischen einem durchschnittlichen Design und einem außergewöhnlichen Design ausmachen. In diesem Artikel gehe ich auf Aufzählungen ein, deren Design leider viel zu oft vergessen oder vernachlässigt wird.

Im Grunde kann es so einfach sein, eine Internetseite mit ein wenig Arbeit an den Aufzählungen zu verbessern. Vielleicht werden solche Details nicht jedem Nutzer auffallen, aber wie schon gesagt, sind Details für ein Design sehr wichtig und können es verbessern. Artikel weiterlesen

jQuery UI – intuitive Interaktion zwischen Nutzer und Anwendung

jQuery UI – intuitive Interaktion zwischen Nutzer und Anwendung
Von am
Kategorien: CSS, Design, JavaScript, jQuery, PHP, Tutorials

Usability gehört zu den wichtigsten Kriterien für gutes Webdesign. Egal wie toll eine Internetseite aussieht, wenn der Benutzer die Navigation nicht versteht oder es nicht schafft, seine Bestellung abzuschicken, hat die Seite ihren Zweck verfehlt.

Mithilfe von JavaScript lassen sich viele Aufgaben für den Nutzer drastisch vereinfachen. In diesem Artikel geht es darum, wie man mit jQuery UI intuitive und einfach zu bedienende Benutzeroberflächen schaffen kann. Artikel weiterlesen

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog

CSS3-Suchfeld – ein Gastartikel auf daswebdesignblog
Von am
Kategorien: CSS, Design, Tutorials

Anfang der Woche konntet ihr es schon bei Twitter lesen, jetzt ist es so weit! Bei daswebdesignblog ist jetzt ein Artikel von mir zu lesen. Hier ein Auszug:

CSS3-Suchfeld – Verläufe und runde Ecken

Es ist nicht lange her, da habe ich für ein Suchfeld eine riesige Grafik erstellt und dann mit CSS das Suchfeld und den Submit-Button über die Grafik gelegt – alles sehr kompliziert.

Wieder einmal kann ich nur bewundern, wie schön die Web-Welt doch mit CSS3 geworden ist. Für das gleiche Suchfeld reichen jetzt ein paar Zeilen CSS und ein kleines Icon.

Den kompletten Artikel findet Ihr hier, dort könnt ihr auch Kommentare hinterlassen. Viel Spaß beim Lesen! Artikel weiterlesen

12 Webanwendungen für Designer und Entwickler

12 Webanwendungen für Designer und Entwickler
Von am
Kategorien: Arbeit, CSS, Design, Inspiration, Tipps

Bei meiner Arbeit als Webentwickler und Webdesigner habe ich einige Tools und Webanwendungen, die mir die Arbeit etwas erleichtern. Ich habe diese im Laufe der Zeit zusammen getragen, getestet und die Besten ausgewählt. In diesem Artikel möchte ich eine handvoll dieser Webanwendungen und welche Rolle sie in der Entstehung einer Webseite haben, vorstellen. Artikel weiterlesen

Referenzen in mundgerechten Portionen

Referenzen in mundgerechten Portionen
Von am
Kategorien: CSS, Design, PHP, Tipps, Tutorials

Es gibt viele verschiedene Möglichkeiten, um seine Referenzen zu präsentieren. In diesem Fall wollte ich auf der Startseite drei zufällig ausgewählte Bilder eines zufällig ausgewählten Klienten zeigen. Meiner Meinung nach wird der Besucher der Seite nicht so sehr mit Eindrücken überhäuft, als wenn alle Referenzen auf einmal gezeigt würden. Außerdem können gleichzeitig mehrere Aspekte eines Projektes hervorgehoben werden.

Ich verwende diese Technik, um auf der Seite Weevo.de die Referenzen anzuzeigen. Um die zufällige Darstellung von Referenzen wie dort gezeigt zu realisieren, brauchte ich nur ein wenig PHP zur Auswahl der Bilder und CSS zur Darstellung. Artikel weiterlesen

@font-face kompatible Schriften gratis im Netz

@font-face kompatible Schriften gratis im Netz
Von am
Kategorien: CSS, Tipps

Mit @font-face kann man einfach neue Schriftarten in eine Internetseite einbinden. Es würde mich interessieren, wo ihr nach Schriften sucht. Artikel weiterlesen

  1. 1
  2. 2