1. php-regex: Regular Expressions Tutorial
2. weblogtoolscollection: Regular Expressions Tutorial
    

Hier ist noch ein nützlicher Link: Powerfull onliner – PHP leere Zeilen entfernen (RegEX in der Praxis)

• 25+ Useful Javascript Tab Navigation Scripts
• Yettii Yet (E)Another JavaScript Tab Interface Implementation.

Nachdem unter den Treffern schon 25 Treffer über eine Tabnavigation-Sammlung in einem Blog ist und unter den Suchtreffern auch noch andere die Liste wiederholen, konnte ich schon nach der ersten Ergebnisseite aufhören zu suchen.

Zwei aus der Liste mit den 25 Varianten gibt es zwei die mich besonders beeindruckt haben. Zum Einsatz ziehe ich für meinen Fall aber nur eines in Betracht.

Nodetraveller hat unter Module Tabs eine beeindruckende Funktionalität der Tabs aber ohne Javascript zickte die Seite bei mir und war so gar nicht unobtrusive.

Einfach, übersichtlich, valide, funktional und vor allem unobtrusive erwies sich DOMTab – Navigation tabs with CSS and DOMscripting auf Onlinetools.org

Das hier noch aufgeführte Tab-Menu YETTII fehlt in der Liste der 25, wurd in Smashing Magazin unter 75 really useful Javascript techniques gefeatured, weil es von der Funktionalität ebenfall durchaus beeindruckt, aber wie auch schon die Tabnavigation von Nodetraveller nicht wirklich auf sein Javascript verzichten kann und fällt damit bei meinen strengen Vorgaben durch.

Ebenfalls beeindruckend, um seine Navigation rassig und nützlich (weil informativ) aufzumotzen fand ich übrigens das Beispiel von Dynamic Drive unter DD Tab Menu (5 styles) Das zublenden von Linkerläuterungen ohne die Informationen in die Linkliste reinzupressen macht es für die meisten CMS-Tools leicht integrierbar.

Nachtrag: Seufz – nehmen wir noch die Liste mit den 37+ Great Ajax, CSS Tab-Based Interfaces hier auf … auch wenn sich der eine oder andere Link natürlich wiederholt und dann lass ich es aber besser gut sein und implementiere die DOMTABs in mein 11-sprachiges SPRD-Design-Publikations-Monstrum.

Nachtrag 2: Manche nachteile zeigen sich erst, wenn man die Demo im echten Leben umsetzen will, so verschluckt das DOMtab nested DIVs. DAs ist natürlich ein böses nogo. Aktuell arbeite ich wenig erfolgreich daran, das “getElmenetByID(DIV)” mit der Funktion getElementByClassName(el,class) (Fundstelle: Your Favourite getElementsByClassName) im Script zu ersetzen. um nur noch DIVs auszublenden, die eine entsprechende Klasse mitführen. Das Ergebnis stelle ich dann hier vor. Natürlich könnte man auch im Netz eine fertige Lösung suchen, aber hey … ein Skript überarbeiten schult ungemein. Da will ich mich ein wenig mit Javascript quälen, zwischen all den anderen Aufgaben, die meine Zeitplanung aktuell bestimmen.

Nachtrag 3: Planänderung: nachdem ich mich erst wieder in objektorientiertes Javascript einarbeiten müsste und das Netz nicht selten irgendwo, Probleme längst gelöst hat, habe ich mich dann doch noch einmal umgesehen und wurde fündig. Unbtrusive und eine Klasse bestimmt was zum Inhalt der Registerkarte zählt. Auch wenn ich noch nicht den Test gemacht habe. Der erste Eindruck ist jedenfalls beeindruckend und einen Linktipp wert:
  … and the winner is …

 
Standalone Unobtrusive Tabs Script: SimpleTabs By Komrade.
 

öps … öh … dieser Winner muss auch überarbeitet werden. Siehe Kritik im nachfolgenden Artikel “Unobtrusive JavaScript Rules”. Jajajaja ….

Nachtrag: Das sollte ich hier wohl auch noch dazu packen, obwohl ich es dann noch weniger als Shorthand erkannte und auch als relative Unvollständig empfinde. Schließlich wurde auf “.=” nicht eingegangen: PHP Shorthand Reference

jajaja … alle vergessen die Hälfte und unter PHP Shortcuts findet sich noch dieser Links: These Things I Know, PHP Tips

Gute Linktipps zum Thema Shorthand, Shortcuts zur Ergänzung der Linktipps hier werden gerne in den Kommentaren entgegengenommen.

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.

1. 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.)
2. Die Populärsten CSS-Tricks
3. Linkbait-Titel Kurzzeit- und Langzeit-Strategien
4. Semantifiy the WEb

Anmerkung am Rande und offtopic: Mit leichter Verspätung. Ich war etwas eingespannt in Bezug auf etwas, von dem ich glaubte es in einer 1/2 Stunde erledigt zu haben und dann beschäftigte es mich über Gebühr und wird mich wohl noch die nächsten Monate mit meiner Zeiteinteilung hadern lassen. Das mit den Prioritäten ist so eine Sache. Manchmal muss man einfach eine Idee beim Schopf packen und hat man sie beim Schopf gepackt, dann nimmt sie einen hier und da einfach mit. Dazu später mehr …

1. Gleiche Zwischenabstände mit CSS
2. Kleine Linkliste zu Websites-Karusells
3. Font-Viewer (Ein Helfer wie man ihn nicht missen möchte)
   Keine umständliche Installation, einfach ein Doppelklick auf die Exe. Ordner mit Schriften wählen, durchblättern und temporär für die Arbeit verfügbar machen. Kein Installieren, Programm Neustarten, Arbeiten, Programm deinstallieren. Absolut Cool und herrlich unkompliziert nützlich.
4. Tabellen gestalten, Spalten hervorheben

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 diese Osterdekoration natürlich auch eingebunden werden, wenn es sich dabei nicht um das WP-Theme dKret3 handelt

Ich versichere, dass ich diese Banner gestaltet habe und ich stelle diese unter der Lizenz Creative Commons 2.0 by nc, wobei ich die Verwendung für den Eigenbedarf auf kommerziellen Seiten ausdrücklich gestatte. Ungemütlich werde ich, wenn diese Banner ungefragt in Sammlungen auftauchen oder gar verkauft werden. In Bezug auf anderen Sammlugnen: Fragen kostet nichts, es gibt einige Projekte, die meine Zustimmung bekämen.

Und wer wissen möchte, wie man ein Cartoon mit Papier, Bleistift einem schwarzen Stift , einem Scanner und Photoshop zeichnet, für den gibt es in der Spielwiese zum Banner auch noch ein Tutorial.

Es ist etwas früh für Ostern aber dann … die Seiten müssen ja schließlich dekoriert werden.

• 100+ nützliche PHP-Codeschnipsel
• 40 Tipps seine PHP-Skripte zu optimieren
• 20+ PHP-Ressourcen (Aus der mashable PHP-Toolbox)
• 25 PHP template engines mit Kurzbeschreibung
• 6 Anlaufstellen für werdende PHP-Programmierer
• Der PHP Sicherheitslotse vom PHP Security Consortium

So und damit ist mit der Reihe 1001 Linktipp-Overload für heute erst mal Schluss

Einen hab ich noch, einen hab ich noch: 5 Coole Sachen machen mit Windows und PHP

Javascript

• Crossbrowser scripten via feature-detection (… mehr von jener Quelle / Google-group: comp.lang.javascript, Autor Richard Comford)

Ressourcen:

• Der Top-Link: comp.lang.javascript FAQ
• Wo sind all die Referenzlisten zu Javascript?
  Da kann man nachschlagen: Crockfords Javascript-Liste
• Eloquent Javascript
• Yahoo Developer Center Javascript
• Mit halben Auge die Google.Group comp.lang.javascript verfolgen per Feed kann nicht schaden
• 40 freie Ajax- und Javascript-Scripts
• Noupés bestOf-Liste in DHMTL, AJAX und Javascript (Teil 1)
• 5 Wege Javascript zu beschleunigen
• 7 Regeln zu barrierearmes Javascript

Für Fortgeschrittene vermutlich interessant (mir derzeit schlicht noch zu komplex und ~iziert): Curried Javascript

• Shopping Carts
• 70 beeindruckende Headergrafiken

Techniktricks:

• htaccess: Do thy bidding oder wie man dem Server seinen Willen aufzwingt
• 7 Webmastertools vom Seo getestet und empfohlen

Weitere Links werden folgen, wenn diese mir über den Weg laufen.

• 8 Design-Fehler der Entwicker
• 10 Prinzipien für effektives Webdesign
• Unverrückbare Gesetze in Webdesign und ~Entwicklung
• 11 Dinge, die man über das sematisches Web wissen sollte
• SEO-Grundlagen
• 8 grobe Schnitzer aus dem Bereich Usabiltiy
• 11 Wege als Designer aufzufallen

Ressourcen, Give aways, Freebies

• 20 Ressourcen für Freelancer
• Design Patterns
• Nützliche Cheats Sheets auf scottklarr.com gelistet per Google-Suche statt Linksammlung für Cheat Sheets für PHP, CSS, Javascript … etc usw auf der Seite von scottklarr.com
• 8.000 freie Schriften (laut Noupé high quality … ob’s stimmt? Egal. Wer braucht 8.000 Schriften. Zum kruschteln und Stöbern dennoch einen link wert.)
• 8 Vektorgrafik-Silhouetten: Menschen^{!!!Ups: Go to …}
• 69 Werkzeuge der Website-Analyse
• Auf der Suche nach dem richtigen Domainnamen? Tools die helfen …
• 54 Quellen zum Thema Typography
• 89 Communities für Webmaster

1. 70 Expert Ideas For Better CSS Coding
2. 53 CSS-Techniques You Couldn’t Live Without vom letzten Jahr
3. Und 50 Powerful CSS-Techniques For Effective Coding in diesem Jahr
4. Chic Chic, 32 Tipps zur Gestaltung von Tabellen
5. 25 Linktipps: CSS für Formulare

Mit bester Empfehlung des Smashing Magazins.

[Nachtrag]

1. Teil: 101 CSS techniques of all times
2. Teil: 101 CSS techniques of all times

Nun kann man sich frage wer von wem … baer generell gilt, dass diese Links im Netz schwirrenudn wer seine Bookmarks einmal leert wird vermutlich ähnliche Listen zusammenstellen können. Einiges ist definitiv doppelt, das bleibt nicht aus. Ein Dankeschön geht also auch an Noupe.com für die Zusammenstellung.

[/Nachtrag]

Was den @import ./. link des Stylesheets anbelangt, so ist das Argument der alten Browser reichlich hinfällig. Wo in der freien Netzwelt wird der Netscape 4 noch verwendet? Allenfalls die Möglichkeit ältere CSS-Versionen vorrätig zu halten, wie z.B. Saisonale Stylesheets , und für alle HMTL-Template diese an einer Stelle auszutauschen überzeugen mich vom @import, wobei es auch ein umtaufen der Stylesheets täte …

In Bezug auf den @import url(style.css) ist die Liste @import-Hacks sicher von Interesse.

Generell gilt, je weniger Hacks, desto besser.

via Vandelay Design Weekly Links

Nachtrag: Hacks:

• Die 10 besten CSS-Hacks
• 7 CSS Hacks die man verwenden sollte

Wenn man meint es zu brauchen … ich persönlich verzichte lieber auf Hacks und suche alternative Lösungen ohne Hack. Nur manchmal … manchmal eben

Excessiv: Übersicht der Methoden für runde Ecken … (Bestandteil der Liste oben. Aber gesondert erwahnenswert, wei ich finde.)

Ich ich bin noch am Ordnen und Sortieren meiner Feeds und der extrem vielen Tipps darin. Es sind so viele, dass ich primär hier einen Washout mache. Es folgen in Kürze weitere Listen nach Themen sortiert. Nicht verzweifeln … ich habe sie auch nur grob gescannt und was mir nützlich erschien auf die Platte gezogen und vermutlich wandert es unsortiert auf eine CD. Ich muss dringend meine Spielwiese auf Vordermann bringen, denn nur so werde ich die vielen, vielen Techniken und Tipps auch abrufbar haben. Aber immerhin ich habe es gesehen und wenn es CSS ist, dann wird mir dieser Beitrag helfen, es wieder zu finden. Sind ja nur rund 150 Links Um eine kleine Vorstellung zu haben: Ich hatte heute ca. 200 Fenster offen und zuletzt im Feedreader 150 Beiträge auf “Keep new” ohne ansurfen … Ich nenn das den totalen Overload und ich erinnere mich, warum ich den Feedreader zuletzt nur noch selten aufgesucht habe. Ich fühlte mich von der Menge schlicht erschlagen. Nicht mangelnde Güte der Beiträge machte mir zu schaffen, sondern die Beiträge so für mich zu verarbeiten, dass ich mit der Info noch etwas anfangen kann. Leiden wie gemeinsam.