Im CSS3 Adventskalender 2011 des Webstandard-Blogs wurde die Weihnachtszeit mit ganz vielen Informationen rund um spannende CSS3-Techniken versüßt. Ein Adventskalender endet üblicher­weise am Tag 24 mit einem kleinen Highlight.
Im Webstandard-Blog ist dies Das große Weihnachtsgewinnspiel, bei dem eine ganze Reihe Bücher vom Galileo-Verlag, vom Verlag Addison-Wesley sowie von O’Reilly unter’s Volk gebarcht werden. Außerdem warten 3 Jahresabonemments der Websiteboosting auf ihre Gewinner.

weitere Infos »

webstandard.kulando.de

Die Technikwürze meldet sich nach längerer Pause mit einer "Total-Sendung" zurück. Im Studio von David Maciejewski hatten sich Nina Gerling und Peter Müller eingefunden und einen 2 Stunden 41 Minuten langen Podcast zum Thema Contao produziert. Ein unterhaltsamer Querschnitt über das CMS machen Lust auf das unmittelbare Ausprobieren und man möchte eigentlich sofort ein Projekt umsetzen.

Nina Gerling ist Webdesignerin im Berliner-Brandenburger Raum und begeisterte Mitstreiterin im Contao-Team. Sie administriert die Contao-Community und ist Autorin des Buchs Contao für Redakteure. Peter Müller war nicht zum ersten Mal in der Technikwürze und ist sicher durch seine Buchreihe Little Boxes vielen Webdesignern ein Begriff. Sein neues Buch Websites erstellen mit Contao (mit Hardcover und Lesebändchen) wird im Podcast vorgestellt und Peter lässt es sich nicht nehmen, den Titelsong der Technikwürze auf seiner Gitarre zu präsentieren.

weitere Infos »

technikwuerze.de

Das HTML-Image-Tag kann durch eine ganze Reihe Attribute (width, border, longdesc usw.) erweitert werden. Laut SelfHTML sind 2 davon Pflicht: Das Attribut src (Source / Quelle der Bilddatei) und das Attribut alt (alternative Textanzeige, wenn das Bild nicht ausgegeben wird). Das der Internet Explorer diesen alternativen Text als Tool-Tipp ausgibt, ist einfach nur ein Fehler in diesem Browser – nicht mehr!
Die alternative Ausgabe des im alt-Attribut hinterlegten Textes erfolgt immer dann, wenn keine Anzeige der Grafik erfolgt. So bei einer im Browser deaktivierten Anzeige von Bildern, wenn die Datei aus irgend einem Grund nicht geladen werden kann, bei Text-basierenden Browsern – wie ihn u.a. sehbehinderte Benutzer einsetzen – und auch Suchmaschinen-Robots nutzen diesen als eine Referenz zur Ermittlung des Bildinhalts.

weitere Infos »

Wer erinnert sich nicht gern an Chemie zurück ;-) Das Periodensystem der Elemente gibt es nun auch für HTML5, und das nicht einfach nur als eine kleine spaßige Webanwendung, sondern mit wirklichem Nutzen. Beim Klick auf eines der 104 HTML5-Elemente wird in wenigen Worten der Einsatz dieses Elements kurz beschrieben, was ich allerdings fast schon als zu oberflächlich empfinde; es ist eben wirklich nur ein ganz kurzer Stichpunkt. Gut ist allerdings die jeweils passende Verlinkung zum W3C gelöst, die somit auch die eventuell nötigen erklärenden Informationen liefert.

Die Möglichkeit zur Eingabe einer URL – deren Ergebnis eine Auflistung der verwendeten HTML(5)-Elemente sowie deren Häufigkeit auf der eingegebenen Webseite präsentiert – verschafft einen netten Überblick.

Schickes kleines Tool, was man mal gesehen haben sollte und vielleicht die Wahl der einzusetzenden HTML-Elemente vereinfacht.

joshduck.com/periodic-table.html

Ein großer Freund von Blog-Beiträgen wie "Die besten 10 dies" oder "100 unverzichtbare das" gehören eigentlich nicht zu meinen favorisierten Feed-Links, die mich zum Klicken animieren. Heute stieß ich allerdings auf über 55 Online-Generatoren für Webdesigner, die mir nicht alle unbekannt, aber so zusammengefasst noch nicht unter gekommen sind. Vorgestellt werden mehrere Generatoren für Webseiten-Hintergründe, Ajax-Ladebalken und Web 2.0-Badges. Button- und Logo-Maker, Chart- und Favicon-Generatoren sowie eine große Auswahl an Farbwählern und Farbpaletten. CSS-Menüs, CSS-Code-Generatoren und einige Formular-Ersteller runden das umfangreiche Verzeichnis ab.

Der Balkhis-Weblog informiert seine Leserschaft zu den Themengebieten WordPress-Templates, SEO, Twitter und vielem mehr. Den englischsprachigen Blog von Syed Balkhi werde ich nun sicher häufiger Besuchen und seine Webdesign-Ressource näher unter die Lupe nehmen.

weitere Infos »

www.balkhis.com

Die t3n ruft zur Wahl der Blogstars: Webentwicklung Vol. 1 und da mach’ ich natürlich mit. Es gibt sogar etwas zu gewinnen! Keine Traumreise, kein Auto und auch keine 2-stelligen .de-Domains, sondern (nur) ein paar Kleinigkeiten aus der OpenSource-Szene. Die Preise sind sicherlich nebensächlich, vielleicht auch die ganze Wahl – aber ich freu’ mich immer ein paar neue Empfehlungen zu bekommen… Ich habe meinen Feed-Reader danach befragt, was ich am häufigsten besuche bzw. was mir spontan als als meine Blog-Favoriten in den Sinn kam.

Hier also meine Top 5:

1. Technikwürze
   Hier versuchen die Webkaruts mir Woche für Woche sauberes HTML, Arbeiten nach und mit Webstandards sowie den Umgang mit dem Internet beizubringen. Das beste daran ist, dass ich mir alle Infos einfach via Podcast im Auto anhören kann.
2. Peruns Weblog
   Vladimir Simovic berichtet auf seinem Blog regelmäßig aus dem WordPress-Olymp und hält mich zum Einen WordPress-technisch auf dem Laufenden und zum Anderen liefert er Anregungen für’s Bloggen.
3. Bueltge.de
   Frank Bültge ist sicherlich der Vater meines WordPress-Wirkens und schafft es immer wieder, mir bei vielen Problemen weiter zu helfen und mir aktuelle Hinweise bei meiner Weiterentwicklung zu geben.
4. Selbstaendig-im-Netz
   Ich hätte an dieser Stelle sicherlich auch Peer Wandigers Blogprojekt nennen können. Doch obwohl ich nicht selbständig bin, ziehe ich einen großen Nutzen aus seinen Veröffentlichungen.
5. Texto.de
   Viele kleine und größere Tutorials rund um WordPress haben mich hier auf neue Ideen und Erweiterungen aufmerksam gemacht und schaffen das sicherlich auch in Zukunft.

An dieser Stelle sage ich den genannten einfach mal danke für ihre Arbeit und den veröffentlichten Beiträgen. Sollte ich einen der Preise gewinnen, so nehme ich diesen stellvertretend für euch gern in Empfang ;-)

t3n.de/news

Das Online-Tool Colors Palette Generator extrahiert aus einem hoch geladenen bzw. per Web-URL ausgewähltem Bild, die am häufigsten auftetenden Farben und bildet daraus mehrere Farbpaletten. Diese reichen von einer helleren, über eine mittlere, bis hin zu einer dunklen Farbpalette mit je 7 Farbwerten. Eine Auswahl des vollständigen Farbbereichs wird ebenfalls zur Verfügung gestellt und dient, genau wie die 3 bereits erwähnten, als Grundlage der Gestaltung einer Webseite.

Das Ergebnis lässt sich als CSS- und als ACO-Datei zur weiteren Verarbeitung in Photoshop speichern. Ich finde das Online-Tool äußerst hilfreich bei der Webseiten-Gestaltung, da man hiermit aus einem potentiellen Header-Image oder einem vorgegebenen Logo die passende Farbstruktur einer Webseite erstellt bekommt.

http://www.cssdrive.com/imagepalette

Das Thema WordPress steht bei Dynamic Internet ganz klar im Mittelpunkt. Und da die Arbeit mit WordPress ohne (X)HTML, CSS und etwas PHP nicht funktioniert, wird dies in Form von Tutorials sowie Tipps & Tricks in vielen Beiträgen verständlich beschrieben.
Standardkonformes Webdesign und der Umgang mit dem Framework YAML runden das Weblog inhaltlich ab.

Die selbst erstellten WordPress-Themes YAML-Coffee-Theme und das YAML-Green-Theme dürften vielen bekannt sein und bieten sich nicht nur für Einsteiger in das Geflecht aus YAML und WordPress an. Sehr ausführlich – einschließlich Video – wird auf die Einstellmöglichkeiten eingegangen und einige Tipps mit auf dem Weg gegeben. Die Themes sind unter der CC-A 2.0-Lizenz veröffentlicht und können somit privat und kommerziell verwendet werden.

weitere Infos »

dynamicinternet.eu/blog

Der Titel des Webauftritts sagt eigentlich schon alles. Das Thema Photoshop steht hier im Mittelpunkt und wird durch Beiträge zum Thema Fotografie ergänzt. Auch wenn die Software aus dem Hause Adobe nicht mein Favorit bei der Bildbearbeitung ist, so komme ich doch nicht umher, mir das eine oder andere hier näher an- bzw. ab zugucken. Vieles funktioniert nämlich auch in Gimp oder Ulead Photoimpact bestens…

Die Workshops bieten kurze Informationen sowie eine Vorschau zu den von Dirk Metzmacher gemachten Netz-Fundstücken und stellt natürlich auch den entsprechenden Link zum ausgewählten Tutorial bereit.

weitere Infos »

www.photoshop-weblog.de

Wer verlinkt auf meine Seite? Eine Frage, die man sich immer mal wieder stellt, die aber von Google eben mal nicht allumfassend und vollständig beantwortet wird. Der Backlink-Checker des Internetbarons, wie auch die weiter unten genannten Online-Tools, arbeiten hier genauer. Es werden auch Links aus Unterseiten, nofollow-Links und so weiter gefunden und in einer Liste ausgegeben. Zusätzlich werden die jeweiligen Pageranks der Webseiten angezeigt und es wird eine Berechnung des zu erwartenden Pageranks vorgenommen.

Die verlinkenden Seiten sind aus der Ergebnisliste heraus aufrufbar; eine Zusammenfassung zeigt die Anzahl der gefunden Links, Domains und IP-Adressen. Des weiteren wird eine schöne Tabelle ausgegeben, die die Anzahl der Links zum jeweiligen Pagerank der verlinkenden Webseiten zusammen fasst.

weitere Infos »

www.internetbaron.de/backlink-checker-link-check.html