Responsive Webdesign war im vergangenen Jahr in aller Munde und wird es auch noch in diesem Jahr bleiben. Wohl eher noch mehr, da Tablet-PCs sich nach wie vor ungebrochener Beliebtheit erfreuen. Nicht jede Website ist auf kleineren Bildschirmen genauso zu betrachten wie auf einem Monitor. Heranzoomen, um den richtigen Link zu erwischen oder überhaupt den Text lesen zu können sind momentan noch an der Tagesordnung. Die Jungs von Webdesignerwall haben ein kleines und einfaches Tutorial verfasst, wie man seine Website kurzfristig für mobile Geräte aufbereitet. [Weiterlesen…]
Tags:
Responsive Webdesign,
Tutorial
Dieses Website-Template als Photoshop-PSD ist wirklich klasse. Farben und Formen sind optimal aufeinander abgestimmt und es wirkt sehr aufgeräumt. Der Freelancer Joshua Geiger hat es erstellt. Er ist Gründer der Seite SuiteTuts: 1080p. Dort sind Tutorials und Video-Trainings rund um Adobe´s CreativeSuite zu finden. Ab und an gibt es dann auch mal so ein Schmankerl wie dieses Website-Template. Wirklich rostig wirkt es dabei nicht, sonst wäre sicher mehr Grunge verwendet worden. Bis auf den Hintergrund (der halt in rostigem Rot-Braun gehalten ist) sind keine Texturen zu finden. [Weiterlesen…]
Tags:
Photoshop,
Webdesign,
Website Template
Normalerweise wird für den schicken Lightbox-Effekt, der auf vielen Seiten zu sehen ist, immer ein Schnipsel JavaScript benötigt. Oft umgesetzt mit jQuery, gibt es Unmengen an fertigen Lösungen. Als bekannte Größen nenne ich hier mal die Fancybox, ThickBox, prettyPhoto und die Slimbox 2. Wie gesagt, funktioniert alles nur mit jQuery. Aber eine Lightbox komplett mit CSS3 und ohne jegliche Skripte umzusetzen, das ist doch mal etwas Neues. [Weiterlesen…]
Tags:
CSS3,
Lightbox
Zugegeben, Social Media Icons gibt es wie Sand am Meer und wirklich neue und beeindruckende Innovationen sind schwer zu finden. Dennoch möchte ich hier auf ein weiteres Pack hinweisen. Diese Social Media Icons liegen nämlich nicht, wie gewohnt, im AI-, EPS-, GIF- oder PNG-Format vor, sondern als Schrift. Für Social Media Icons habe ich das so noch nicht gesehen. Alles, was du tun musst, ist die Schrift herunterzuladen und in deinem System verfügbar zu machen. Dann steht sie in Illustrator, Photoshop oder auch in deiner Textverarbeitung zur Verfügung. [Weiterlesen…]
Tags:
Icons,
Social Media
Webfonts sind eine schöne Alternative zu den Standard-Schriftarten, die nur Clientseitig unterstützt werden. Und, wenn wir mal ehrlich sind, hat man diese Standards a là Verdana oder Arial im Web doch auch ein wenig satt. Manch ein Blogger möchte daher vielleicht die verwendete Schrift seines Blogs gegen Webfonts austauschen; Codegefummel ist aber zu aufwendig oder nicht immer einfach am Theme umzusetzen. Mittlerweile gibt es eine Reihe von WordPress-Plugins, die dies auf einfache Weise ermöglichen. [Weiterlesen…]
Tags:
Fonts,
Plugins,
WordPress
Designer und Grafiker erstellen sie selbst. Entwickler und Webworker möchten lieber schnell zu Ergebnissen kommen. Sucht man im Internet nach Generatoren für Buttons, ist die Auswahl der Ergebnisse riesig. Einige Tools können sich von der Masse abheben. So gibt es beispielsweise die Möglichkeit, den Code eines komplett mit CSS generierten Buttons zu erhalten. Oder aber man benötigt eine Grafik. Dann liefern diese Tools meist PNGs oder GIFs. In den meisten Fällen lassen sich so die meisten Bedürfnisse abdecken. [Weiterlesen…]
Tags:
Buttons,
Generator,
Tools
Ich starte kopf-strom.de nun als neues kleines Projekt. Komplett umgebaut. Keine alten Artikel und Postings. Wenig Schnickschnack. Auf das Wesentliche reduziert. Ressourcen und Fundstücke für Webworker, Designer und Entwickler wird es hier geben. Was man halt so braucht oder was es wert ist, darüber zu bloggen. Viel Spaß!
Tags:
Blog
