http://blog.templaterie.de Webdesign, Layout, Templates, Beispiele Wed, 14 Apr 2010 19:55:44 +0000 http://backend.userland.com/rss092 en Ich programmiere noch für den kleinen Hausgebrauch und was da so zusammenkommt, das kann man teilweise hier zum gefälligen Gebrauch oder Nichtbeachtung wiederfinden. ES dient auch mir als Erinnerungstütze. z.B. sollte ich nicht vergessen die Methode <form action="?" method="post"> anzugeben. Wenn ich auf $_SERVER[php_self] von wegen dem XSS-Exploit das heutzutage nicht ... http://blog.templaterie.de/1060/mailinhalte-fischen-mit-php-und-javascript/ Yessss! Endlich habe ich eine Seite gefunden mit einem guten Cheatsheet für regular Expression. Hier zwei Links die einem wirklich weiterhelfen mit diesen Ungetümen, wobei der erste Link mir einen Tick mehr zusagt als der Zweite: php-regex: Regular Expressions Tutorial weblogtoolscollection: Regular Expressions Tutorial  Hier ist noch ein nützlicher Link: Powerfull onliner - ... http://blog.templaterie.de/1055/link-tipp-php-regular-expression/ Einen lesenswerten Artikel zu unobtrusive Javascript ist mir hier begegnet: The seven rules of Unobtrusive JavaScript Diesen Artikel sollten sich einige Javscript-Coder zu Gemüte führen, die zwar die Funktionalität aus ihrem HTML raushalten, aber via CSS Inhalte unerreichbar setzen, die nur mit aktivem Javascript zugänglich werden — und das ist alles andere ... http://blog.templaterie.de/1041/linktipp-unobtrusive-javascript-rules/ Manchmal will man auf der Seite aufräumen, z.B. wenn man per iFrame sich bereits sehr komplexe zwei Seiten gegenüberstellt, wie google-Transation und ein Formular das in diversen Sprachen ausgefüllt werden soll. In meinem Fall waren das dann 22 iFrames jeweils 11 Mal gegenübergestellt. Also habe ich nach Tab-Navigation im Netz ... http://blog.templaterie.de/1034/aufraeumen-mit-tabs-und-javascript/ Noch ist nicht raus, wie sich die Site entwickelt. Das vernachlässigte Stiefkind dümpelte ohne Pflege nun schon eine viel zu lange Zeit vor sich hin. Editland erhalten Sie natürlich immer noch. Wenden Sie sich hierzu bitte an Quattronet, wenn Sie sich für das kleine MiniCMS für Business-Web-Visitenkarten interessieren. Auf der Templaterie ... http://blog.templaterie.de/1030/manche-aenderungen-sind-ueberfaellig-die-templaterie-wird-sich-veraendern/ Für alle die das schon immer wissen wollten: Ein mittel bekanntes Blog verliert, wenn man ein Jahr pausiert, rund 70% seiner Besucher Wer also seine Besucherstamm nicht verlieren sondern mehren will, sollte darauf schauen, wenigstens 14-tägig sich Zeit für seine Site zu nehmen. :D Achso, ich war natürlich nicht untätig. Mein Fokus ... http://blog.templaterie.de/1025/fuer-neugierige-besucherverlust-bei-1-jahr-pause/ Nicht alles was ich da sah, erkannte ich als Shorthand, denn ich dachte, das sei die ganz normale Syntax, aber immerhin hier ist für den Anfänger ein kleiner Einblick der wichtigsten Shorthand-Syntax-Beispiele: PHP Shorthand Syntax Nachtrag: Das sollte ich hier wohl auch noch dazu packen, obwohl ich es dann noch weniger ... http://blog.templaterie.de/1019/php-shorthand-ein-ueberblick-linktipp/ Eigentlich bin ich ja ein absoluter Verfechter der Trennung von strukturiertem Inhalt, Aussehen und Benimm einer Website, aber in der Administration eines CMS ist es manchmal dann doch praktischer, wenn man mit dem alten onmouseover="" onmouseout="" im HTML-<TAG> arbeitet. Ein netter Tooltip an einer kryptischen Schaltfläche hilft dem Nutzer, der ... http://blog.templaterie.de/954/tooltip-mit-boesem-inline-javascript/ "AddThis Makes Sharing Easy" heißt es auf der Site von Addthis und sich in den Social-Media-Diensten bekannt zu machen, ist ein wichtiges Marketing-Instrument. Damit man sich den populären Dienst auf die Editland-Site holen kann, gibt es hier das Plugin für das CMS. Das Script und Methode für den folgenden Button ... http://blog.templaterie.de/936/addthis-fuer-editland-sites/ Eine Liste, die wie das Inhaltsverzeichnis in einem Buch aussieht, kann man immer gebrauchen. Das ist schon einen Linktipp wert. CSS: Menu List Design, ein tutorial von Webdesignerwall.com Have, fun. http://blog.templaterie.de/933/css-liste-wie-ein-buchindex/ Dank der Hilfe von Michael von Reichweite.de, konnte nun das Problem gelöst werden und ich weiß wieder, warum ich selbst nur in ganz kleinem Maß schon für Kunden PHP anfasse, und hier lieber Fachmänner ins Boot hole. Aber es kommt, Leute es kommt. Ich werde peut a peut besser. Danke ... http://blog.templaterie.de/931/step1-zur-archiv-thumbgalerie-via-custom-fields-marke-eigenbau/ Nachdem ich vor einigen Tagen meine erste eigene Wordpress.PHP-Erweiterung für die Sidebar zusammengefriggelt hatte, ging ich munter daran, diesen netten praktischen Code-Schnipsel in eine Seite einzubinden und parallel die ganze Angelelgenheit ein wenig auszubauen. Doch was relativ schnell und einfach in die Sidebar einzubauen ging, erweist sich in der Seite ... http://blog.templaterie.de/930/ein-archiv-mit-thumbs-via-custom-fields-fuer-wordpress/ Nach fünf Jahren erfahre ich nun, dass Editland via strk+k es erlaubt die Links zu bearbeiten. Ich habe es in der Dokumentation ergänzt. Da frag ich mich doch, was ich sonst noch wissen sollte, das nicht in der Doku steht und nicht wie die Sache mit dem Quelltext ein nützlicher ... http://blog.templaterie.de/929/wow-ein-starkes-stueck/ Nach ein wenig try&error und mit der Hilfe einer Vorlage habe ich nun auf Franchie.de eine kleine Galerie in der Sidebar, die die jüngsten sechs Motive, genauer die jüngsten sieben T-Shirtmotive auf der Startseite. Das allerneuste Motiv ist in der rechte Spalte unter dem Feature, die weiteren sechs Motive erscheinen ... http://blog.templaterie.de/928/mini-thumbgalerie-in-wordpress-via-custom-fields/ Editland zählt zu den Innovationsprodukten 2008 Editland hat sich der Konkurrenz gestellt und das praktische, benutzerfreundliche CMS für kleine und mittlere KMU-Webseiten beim Innovationswettbewerb der Initiative Mittelstand eingereicht. Editland wurde in die ersten 16 innovativsten Produkte aufgenommen von 1600 Einreichungen in fünf verschiedenen Sparten. Das ist ein stolzes Ergebnis, über das ... http://blog.templaterie.de/924/editland-kam-unter-die-ersten-16-beim-mittelstands-innovationsprodukt-2008/ In Silkester.de verwende ich das Plugin "Technorati Tags", das den Loop von Wordpress verwendet. Intern in Wordpress habe ich "tag" durch "Stichwort" ersetzt, was im Deutschen durchaus Sinn macht, dabei aber nicht bedacht, dass das Plugin nun die Link-Struktur für Silkester auf Technorati anwendet und damit in einem 404 bei ... http://blog.templaterie.de/923/die-krux-mit-dem-eindeutschen/ Und eine neue Woche eine neue Liste. Wie es scheint komme ich nur noch zum lesen und Linklisten posten .. tststs! Das Geheimnis des Grunge-Designs(Es ist einer von Smashingdesigns Monster-Einträgen, wenn der Rechner/Browser ohnehin schon am Limit läuft, besser nicht ansurfen.) Die Populärsten CSS-Tricks Linkbait-Titel Kurzzeit- und Langzeit-Strategien Semantifiy the WEb Anmerkung am Rande und ... http://blog.templaterie.de/922/linktipps-kw12-2008/ Und auch am Ende dieser Woche gibt es, was ich so in meinem Feedreader an guten Beiträgen vorfand oder bei Recherchen im Netz. Da ich noch am Aufarbeiten bin von sehr vielen Beiträgen, heißt das nicht, dass diese Tipps brandaktuell sind. Doch was bedeutet schon brandaktuell, wenn die Botschaft zeitungebunden ... http://blog.templaterie.de/898/linktipps-kw11-2008/ Bei diesem Entwurf macht es Sinn die Headergrafik in Ebene zu unterteilen. Zum einen die Hochhäuser als Endloskachel und zum anderen die dynamischen diagonalen Streifen. Der Rest ist ziemlich streight forward. Nichts aufregendes. Sozusagen ein safe bet. Schlicht, durch den harten Kontrast ein wenig rassig, durch die sanften Blautöne ein ... http://blog.templaterie.de/919/website-entwurf-mit-grossstadt-silhouette/ Das ist wohl dann ein echtes Ätschbätsch. Hatte ich mich vor ein paar Tagen mit einem Beitrag dafür stark gemacht, dass der MSIE 8 gefälligst sich wie ein 8er benehmen solle: Das tut er jetzt (nach dem großen Rauschen im Bloggerwald) auch und zwar wie ein _echter Browser des Hauses Microsoft_ ... http://blog.templaterie.de/918/autsch-msie-8-mag-mein-design-nicht/ Browsershot.org ist mehr und mehr verstopft mit Anfragen für den IE8. Logisch, man will ja wissen, ob man wieder Hand anlegen muss, oder die Welt noch in Ordnung ist. Auch ich habe gleich Mal meine Url eingegeben. Parallel schaute ich mich nach ersten Lösungen zu Parallel-Installationen um. Schließlich wer vertraut ... http://blog.templaterie.de/915/und-da-geht-das-standalone-heckmeck-wieder-los/ Es gibt noch einmal einen Satz Headergrafiken für das WP-Theme dKret3: Achtung, an dieser Stelle sind die Banner verkleinert, die Originale gibt es auch dieses Mal im Weblog auf PG4ME. Die Banner sind mit dem Beitrag zu den Headergrafiken verlinkt. Dort steht, wie man diese Herunterladen kann. Wo es passt, kann ... http://blog.templaterie.de/902/ostern-naht-freie-headergrafiken-fuer-das-wp-theme-dkret3/ Dies ist der Entwurf für die Galerie auf meiner Spielwiese: Update folgt, sobald ich vom Entwurf zur Umsetzung gekommen bin. Mit den Farbwerten werde ich ggf. noch etwas spielen. Auch überlege ich, ob das "Schild" BIldergalerie per Javascript schwingen lasse. Nicht dass ich schon wüsste wie das geht und ein wenig ... http://blog.templaterie.de/903/der-entwurf-einer-bildergalerie/ Um keine falschen Vorstellungen aufkommen zu lassen, angesichts der letzten beiden Photoshop-Dateien, die so weit von jedem Trend sind und einen rebellisch gruseligen Touch haben, hier noch ein klassischer Slimplicity (Slim + Simple). Einfach, total im Trend mit allen aktuellen Klischees und stylish: Übrigens wer nun annimmt in dem Design wären ... http://blog.templaterie.de/899/website-entwurf-trendy-stylish-simple/ Photoshop-Tutorials: Lichteinfall und Schatteneffekte Wie man ein Tutorial gestaltet (Ich weiß, ... meine Tutorials gehen davon aus, dass man das Netz konsultiert, wenn man mit den Angaben nicht zurecht kommt. Ich schrieb eher für die, die schon das eine oder andere mit Photoshop gemacht haben.) Grafik-Template für Visa-artige Schaltflächen Vandelay: 45 Photoshop Tutorials for ... http://blog.templaterie.de/885/linktipps-kw10-2008/