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 (neue) schöne Welt des CCS3 und ihre (fast) unendlichen Möglichkeiten bei der Gestaltung von Webseiten…
Einige Browser unterstützen dabei alle CCS3-Eigenschaften, andere zum Teil und manch ältere Browser werden hierdurch völlig überfordert. Welcher Browser in welcher Version die bei CSS 3.0 Maker generierten Eigenschaften verarbeiten kann, wird angezeigt. Selbst der alte Internet Explorer in der Version 6 kann zumindest mit @Font-Face umgehen. Wobei CSS-Animationen derzeit nur für die neusten Chrome- und Safari-Versionen vorgesehen sind.

Das wichtigste ist aber sicherlich der sofort verwendbare CSS-Code, dessen Eigenschaften mit Schiebereglern und Auswahltboxen in sekundenschnelle den eigenen Bedürfnissen angepasst werden können.

weitere Infos »

www.css3maker.com

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

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

Liebevoll gestalteter, englischsprachiger Blog, der inhaltlich die Themen Design- und Web-Trends, Layout- und Gestaltungs-Inspirationen sowie CSS und Photoshop-Tutorials aufgreift. Diese befassen sich zum überwiegenden Teil mit Techniken für Fortgeschrittene Anwender. Neben einer vernünftigen Auswahl der Howtos und einer übersichtlichen Erläuterung der einzelnen Schritte, steht oft auch eine zusätzliche Vorschau sowie ein Download der Beispiele zur Verfügung.

Die Kategorie Design Trends stellt Projekte und Ideen vor und im Bereich Allgemeines lassen sich News, Downloads, Technologien, Fonts und vieles mehr entdecken.

weitere Infos »

www.webdesignerwall.com

Der englischsprachige Blog befasst sich hauptsächlich mit kostenlosen Templates, (Vektor-)Grafiken, Tutorials und Werkzeugen für Webdesigner. Es werden einige Plugins (Filter, Brushes) für Photoshop vorgestellt, ausgewählte Icon-Sets und Template-Designs vorgestellt sowie interessante Tutorials angesprochen. In der Kategorie Tools werden unterschiedlichste Werkzeuge kurz vorgestellt – das reicht von Online-Generatoren, über Design-Hilfen bis hin zu einem für mich im Augenblick recht nützlichen aber mir noch unbekanntem AAA-Logo-Creator.

weitere Infos »

garcya.us/blog

Das englischsprachige Online-Magazin der Macher von Dr. Web stellt, genau wie sein deutsches Pendant, reichlich Informationen für Webdesigner und Layouter zur Verfügung. Hierbei wird jedoch nicht einfach eine Zweitverwertung der deutschen Inhalte geboten, sondern reichlich neues zu den Themen Grafik, Layout, Fonts, CSS, Templates, Webnews, Web 2.0 und noch vielen interessanten Neuigkeiten aus der Welt der Webworker.
Im "Best of the Month" wird, wie der Name schon verspricht, auf die Highlights des jeweiligen Monats eingegangen und vermittelt so einen komprimierten Überblick.

weitere Infos »

www.smashingmagazine.com