Ramschkasten

Viele kostenlose Wordpress Themes lassen sich im Internet finden, aber meistens wünscht man sich doch das eigene persönliche Theme. Beispiele wie sich Themes gestalten lassen gibt es viele, nunmehr auch Eines, welches sich detailiert mit der Templategestaltung auseinandersetzt. Dabei wird neben der Gestaltung ebenso auf die Erstellung der Einzelnen Templateseiten eingegangen. In drei Kapiteln wird man von Seitenaufteilung, Gestaltung über Kodierung und Vorbereitung bis zur Wordpressimplementierung begleitet.

Super für die Jenigen die sich noch nie an die eigene Gestaltung bzw. Erstellung herangetraut haben und auch nicht  schlecht für die Erfahrenen die schauen können, ob Ihrer eigene Erstellung dem entspricht.
Find ich echt gut! Allerdings alles in Englisch.

(gelesen im Photoshop Weblog)

Bei Wufoo gibt jetzt eine wunderbare Galerie für alle Webentwickler. Vorlagen zu verschiedenen Webseitenthemes gibts wie Sand am Meer doch Vorlagen für Formulare findet man in dieser komprimierten Form nicht alle Tage. Das Gute daran ist, man kann sich selbst überprüfen ob man an alle notwendige Eingabefelder gedacht hat, die zum Beispiel für ein Formular der Userregistrierung, T-Shirtbestellung oder Newslettergenerierung notwendig sind. Ein sehr schickes AdOn sind auch noch die Farbvorlagen, die man in einer extra Überischt auswählen und downloaden kann. Bookmark-Befehl!

Ein wundervolles Hallo den Besuchern die uns von Netzfrühling aus entdeckten. Seid heut Mittag gehen die Besucherzahlen kontinuierlich außer der Reihe in die Höhe. Der Grund ist, dass der Netzfrühling diese Seiten in seine Gallerie aufgenommen hat. Vielen Dank für die Blumen!

Heut sind auf der Startseite des Netzfrühlings, zweite reihe links der Ramschkasten zu sehen und dazu in der erste Reihe rechts neben fukkle bin jerry die 63k.de Seiten ein kleines Seitenbauprojekt meinerseits.

Füttere mich, würd ich sagen. Die lesbaren und sehenswerten Feeds des Tages aus meinem Feedreader.

• Simple CSS Tabs
  Tutorial für eine Tabbasierende Navigation in CSS ohne Inhalte der Seite neu laden zu müssen
• CSS Browser Selector
  Tipps wie man entsprechend des Browser die CSS-Styles zuordnen kann, mit einfachen Einsatz von css und javscript
• Liquid layouts the easy way
  “This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts.”
• Bilder aufpeppen
  Mit wenigen Mittel können “platte” Bilder aufgepeppt werden. In dem Docma Workshop zu Ebenenarbeit, lernt man Bilder etwas mehr Tiefe und Raum zu geben kann.
• Datumsdarstellungen mit CSS
  kleines Tutorial wie man Datumsangaben in Blockeinträge schön in CSS umsetzen kann.

Das Verhältniss der Größenangaben von Schriften im CSS File über die Angaben von pt, em und px kann im Detail über eine Tabelle bei ReedDesign nachgesehen werden. Unbeding ausdrucken!

Ein sehr funktionales Tool um Schriftgrößen mit Pixelangaben in das variable em Format umzurechnen gibt es von Piotr Petrus. Sein Em-Calculator gibt eingegebene px-Größen in em-Format aus. Zusätzlich können bezüglich der Vererbung die entsprechenden em Größen der Kinder Elemente berechnet werden. Ein nützliches ImmerDabeiTool.

Von Pixelpusher gibt es interessanten Ansatz wie man die unterschiedliche Interpretation der verschiedenen Browser des CSS Style border: dotted angeht.

Man packt das Bild in einen Container, definiert einen Background mit einem Hintergundbild und gibt dem Container ein padding von 1px oder mehr. gerade wie man es braucht.

Sein Beispiel überzeugt:

Dinge die das Leben Arbeiten eines WebEntwicklers/Designers leichter machen gibt es reichlich im Netz. Jetzt verfing sich ein Hinweis über die Verwendung von Fonts in Webseiten und deren CrossBrowserCompalität in Bezug auf Mac/Windows Plattformen. Auf der Webseite gibt es eine “easy2use” kompakte Übersicht der Standardfonts und Ihrer Bezeichnungen. Ein InformationsMuss vor allem auch für “nur Designer” die sich keine Gedanken um die Verwendung von Fonts in Webseiten machen und mit Ihren fancy Styles und schicken Designs den Entwickler der dies umsetzen muss regelmäßig zum verzweifeln bringen. Die zeitraubenden Diskussionen kann man so verkürzen oder ganz adAkta legen. Vielen Dank!

Unbedingt Ausdrucken!

Ein nützlichen Tipp gibt es bei Garret Dimon um die verwendeten Farben im CSS File übersichtlich und schnell zugreifbar zu visualisieren. Einfach alle Farben am Anfang der Datei in einem Kommentarblock beschreiben, gruppieren und so auf einem Blick anzeigen. Manche Dinge sind so einfach… . Hier nachlesen.

Das schicke und leichte Script vom moo.fx, welches auch im neuen Design von praegnanz Anwendung findet, wurde jetzt mit einen kleinen Tutorial von Avinash Vora versehen um es auch wirklich allen begreifbar zu machen.

Anders als bei F-LOG-GE bemerkt, kann man es sehr wohl ausdrucken. Einfach alle Container ausklappen und drucken. Sieht zwar nicht sehr hübsch aus aber die Informationen sind da.

Link zum Tutorial: http://www.avinashv.net/tutorials/moofx/
Und ein pdf für alle bei denen das Drucken nicht funktioniert. hier: moo.fx tutorial