CSS

CSS

HTML, CSS, PSD und mehr: 22 freie, frische Design-Ressourcen aus dem April 2014

23. April 2014
von
HTML, CSS, PSD und mehr: 22 freie, frische Design-Ressourcen aus dem April 2014

War Ihr Osterfest auch so ertragreich? Wir haben nicht nur Unmengen an Eiern gefunden, sondern auch wieder einen ganzen Haufen freier Design-Ressourcen, die Ihnen Freude bereiten werden. Regelmäßige Leser wissen ja bereits, dass wir ebenso regelmäßig das Netz durchpflügen und die neuesten Ressourcen für Sie aufspüren. Lesen Sie unsere Serie, können Sie sicher sein, stets up-to-date zu sein. Und so sind wir auch in...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 18 kostenlose Design-Ressourcen aus Februar und März 2014

25. März 2014
von
HTML, CSS, PSD und mehr: 18 kostenlose Design-Ressourcen aus Februar und März 2014

Guten Morgen, werte Leserinnen und Leser! Wir sind zurück mit einer neuen Kollektion an HTML-, CSS- und PSD-Templates, sowie einigen UI-Konzepten. Regelmäßige Leser wissen ja bereits, dass wir ebenso regelmäßig das Netz durchpflügen und die neuesten Ressourcen für Sie aufspüren. Lesen Sie unsere Serie, können Sie sicher sein, stets up-to-date zu sein. Ob Sie nun die folgenden Arbeiten als Quell der Inspiration nehmen oder...

Weiterlesen »

CSS

Powerange und Switchery: HTML5 für Schalter und Slider im Flat Design

18. März 2014
von
Powerange und Switchery: HTML5 für Schalter und Slider im Flat Design

Alexander Petkov macht mit zwei unter der MIT-Lizenz frei nutzbaren HTML5-Komponenten auf sich aufmerksam. Powerange erlaubt die Erstellung schicker Slider im von iOS7 inspirierten Flat Design und mit Switchery baut man dazu passende Schalter. Beide Komponenten funktionieren als Kombination von CSS und JavaScript ohne weitere Abhängigkeiten und laufen in allen modernen Browsern, sogar im Internet Explorer (Switchery 8+, Powerange 9+). Man muss kein Fan...

Weiterlesen »

CSS

Total Recall #1: Die 150+ besten kostenlosen HTML/CSS-Website-Vorlagen und PSD-Templates des Jahres 2013

25. Februar 2014
von
Total Recall #1: Die 150+ besten kostenlosen HTML/CSS-Website-Vorlagen und PSD-Templates des Jahres 2013

In unserer schnellebigen Branche ist es sinnvoll, ab und an mal innezuhalten und zurück zu schauen. Denn die Geschwindigkeit hat auch ihre Nachteile. So neigen wir dazu, nur auf den neuesten heißen Scheiß zu schauen, obwohl es ein paar Monate zuvor möglicherweise bessere Lösungen gegeben hat. In unserer auf drei Teile angelegten Miniserie “Total Recall 2013″ wollen wir Ihnen daher die besten “alten” Lösungen...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 24 kostenlose Design-Ressourcen aus dem Januar 2014

12. Februar 2014
von
HTML, CSS, PSD und mehr: 24 kostenlose Design-Ressourcen aus dem Januar 2014

Kreativität verhält sich wie eine Katze. Manchmal stupst sie einen zärtlich oder streicht aufdringlich um die Beine. Dann wieder schmeißt sie einem nichts als zerrissene Beute vor die Füße und häufig bleibt sie tagelang verschwunden. Während man bei der Katze nur genug Geduld haben muss, um ihre Wiederkehr abzuwarten, kann man bei der Kreativität nicht einen solch langen Atem an den Tag legen. Von...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 22 kostenlose Design-Ressourcen aus dem Dezember 2013

20. Januar 2014
von
HTML, CSS, PSD und mehr: 22 kostenlose Design-Ressourcen aus dem Dezember 2013

Design-Ressourcen werden aus verschiedenen Gründen stets gern genommen. Einige von uns verwenden sie als Bausteine für ihr nächsten Projekt. Andere nutzen sie lediglich, um sich eigenen Kreationen inspirieren zu lassen. Aber uns allen gemeinsam ist, dass wir diese Ressourcen sammeln. Der alte Jäger und Sammler in uns lässt sich halt nicht überlisten. In vollem Bewusstsein dieses Umstandes haben wir uns wieder durch die Tiefen...

Weiterlesen »

CSS

Summernote: Starker WYSIWYG-Editor für Bootstrap 3

6. Januar 2014
von
Summernote: Starker WYSIWYG-Editor für Bootstrap 3

Heute will ich Sie auf ein recht frisches JavaScript aufmerksam machen, mit dessen Hilfe Sie in unschlagbar simpler Art und Weise einen funktionsreichen WYSIWYG-Editor in Ihr Bootstrap-Projekt einbauen können. Das kleine Tool mit dem sympathischen Namen Summernote gibt es kostenlos. Es erfreut sich reger Entwicklungstätigkeit und wird wohl in den nächsten paar Wochen die Versionsnummer 1 erreichen. Aber schon zum jetzigen Zeitpunkt ist Summernote...

Weiterlesen »

CSS

HTML 5: Per JavaScript auf aktive CSS-Eigenschaften von Stylesheets zugreifen

2. Januar 2014
von
HTML 5: Per JavaScript auf aktive CSS-Eigenschaften von Stylesheets zugreifen

Per JavaScript auf CSS-Eigenschaften zuzugreifen, die innerhalb eines Elementes per STYLE-Attribut – sogenannte Inline-Styles – ausgezeichnet sind, ist keine große Sache. Dafür gibt es die entsprechende JavaScript-Eigenschaft „style“. CSS-Eigenschaften, die über interne oder externe Stylesheets – beispielsweise über Klassen oder IDs – zugewiesen sind, lassen sich mit dieser Eigenschaft jedoch nicht abfragen. Hierfür gibt es die relativ neue Methode „getComputedStyle()“. Alle aktiven CSS-Eigenschaften eines...

Weiterlesen »

CSS

CSS und SVG: 2 neue, kostenlose Dienste für Hintergründe und Verläufe in HTML 5

1. Januar 2014
von
CSS und SVG: 2 neue, kostenlose Dienste für Hintergründe und Verläufe in HTML 5

Zum Jahresende hin stolpere ich über zwei Dienste, die sich auf die Erstellung von Website-Hintergründen mit HTML 5 konzentrieren. Dabei setzt das Tool CSS Color Gradient Generator von ScriptsConnect auf CSS 3 und das Tool SVGeneration auf SVG. Mit mehreren Farbmodellen und Unterstützung für mehr als nur CSS kann der CSS Generator punkten, während SVGeneration bei Verläufen noch nicht Halt macht, sondern mit etlichen...

Weiterlesen »

CSS

SVG und CSS: Möglichkeiten und Grenzen der Gestaltung per Stylesheet

30. Dezember 2013
von
SVG und CSS: Möglichkeiten und Grenzen der Gestaltung per Stylesheet

SVG hat sich als Format für Vektorgrafiken im Browser etabliert. Grafikprogramme wie Adobes Illustrator unterstützen das Speichern in diesem Format und moderne Browser können sie problemlos darstellen. Da SVG-Grafiken wie auch HTML-Dokumente über eine Auszeichnungssprache erstellt werden, ist die Erstellung und Bearbeitung per Texteditor möglich. Für die Gestaltung von SVG-Grafiken kann man zudem auf Stylesheets zurückgreifen. Was den Einsatz von CSS betrifft, gibt es...

Weiterlesen »