Webstandard & Webdesign - CSS, HTML

 

Gewinnspiel mit 3 kostenlosen Jahresabos von Pixhunter im Wert von über 350€

Die Fertigstellung eines Web- oder Printprojektes beinhaltet vor allem in der Entwurfsphase, die Recherche von Bildmaterial. Wenn der Kunde ganz genaue Vorstellung hat kann dies auf der einen Seite hilfreich sein für den weiteren Verlauf eines Projektes, andererseits kann die Recherche diesbezüglich etwas zeitraubend werden. Wenn dann noch aufgrund von Corporate Identity eine starke Eingrenzung möglicher Motive hinzu kommt, ist die Suche nach dem richtigen Material trotz gut angelegtem Archiv bei tausenden von Bilddateien sehr zeitaufwändig. Es geht aber auch wesentlich effektiver! An diesem Punkt setzt unser heutiges Gewinnspiel an. Pixhunter eine neue B2B Online-Plattform für Recherche von werblicher und redaktioneller Fotografie bietet eine Alternative zur klassischen, stichwortbasierten Bildsuche. Auf Pixhunter.com haben Bildsucher aus Werbeagenturen oder Verlagen die Möglichkeit, ein gewünschtes Motiv auszuschreiben. Dadurch können Fotografen und Bildagenturen aus aller Welt das eigene Material dem Suchenden aktiv präsentieren.

 (weiter)

Webstandardblog in den Top 100 der deutschen Blogcharts + Gewinnspiel

Aufgrund eines Referrers haben wir so eben eher zufällig erfahren, dass der Webstandardblog in die deutschen Blogcharts aufgenommen wurde. Und das als "höchster Neueinsteiger"! Aller Content ist aber nichts ohne seine Leser, Kommentatoren und Verlinkungen. Daher bedanken wir uns bei Euch für dieses Vertrauen und haben uns spontan dazu entschlossen, einen unserer noch freien Werbeplätze in einem Gewinnspiel für 4 Wochen, an einen unserer Leser zu vergeben. Einzige Bedingung ist, in einem kurzen Artikel auf einen Artikel unseres Blogs zu verlinken, den ihr als interessant und besonderst lesenswert erachtet. Die Aktion läuft bis 6.10.2008 ( 13Uhr ). Der Gewinner des Werbeplatzes wird wie üblich, via Zufallsgenerator ermittelt.

Update 01.10.2008: Dritte Woche in den Blogcharts und weiter auf dem Vormarsch von 94 auf 78 und nun auf Platz 71!

Update 06.10.08: Das Gewinnspiel ist beendet und gewonnen hat der Beitrag des Blogs - Mediensache!

Update 17.12.08: Nach mittlerweile 13 Wochen in den deutschen Blogcharts, haben wir unseren Vormarsch fortgesetzt und haben mit Eurer Hilfe diese Woche mit Platz 48 die Top-50 erreicht!

Top Photoshop, CSS + JavaScript Tutorials

Sie geben oftmals den entscheidenden Anstoß für ein Design oder eine Idee zur Umsetzung eines besonderen Effektes. Gemeint sind Inspirationen. Im Laufe der letzten Wochen sind uns immer wieder interessante und vor allem nützliche Links in Sachen "Inspiration" untergekommen, die wir Euch selbstverständlich nicht vorenthalten wollen. Ob Photoshop-Tutorials zur Erstellung eines Posters im Grunge-Style oder eine Liste mit über 300 Navigationsvarianten, die folgende Liste enthält wirklich eine Menge sehenswertes.

300 jquery, css, mootools and javascript navigation menus

 (weiter)

Werben im Webstandardblog

Aufgrund steigender Anfragen in letzter Zeit, haben wir uns dazu entschlossen im Webstandardblog über den Weg der Direktvermarktung, Werbung zu schalten. Um Interessierten die Entscheidung etwas zu erleichtern, bieten wir den ersten 3 Werbepartnern für die Marginalspalte einen Rabatt von 33% an. Die dortigen Werbebanner sind auf allen Seiten des Blogs sichtbar und kosten nach Abzug des Rabattes für 4 Wochen 20 Euro. Die Zahlung für einen Banner kann aber auch in Form eines Gutscheins erfolgen (bspw. Amazon), um die Einnahmen auf diesem Wege in Form von Büchern, Software oder ähnlichem, wieder an die Leser zurück geben zu können. Die Seite hat aufgrund der thematischen Ausrichtung ( Webstandards, Webdesign, Web2.0, Inspiration, Usability, SEO, Technik, etc.) eine feste Zielgruppe, die ein steigendes Interesse an den o.g. Themen zeigt und mittlerweile eine akzeptable und mit über 23.000 auch eine stark ansteigende Anzahl an Leser verzeichnet, die in den letzten 4 Wochen zu 43.000 Pageviews führten.

 (weiter)

Werbekampagnen die man nicht so leicht vergisst!

Von Hewlett Packard, über den VW GTI, bis hin zur Kampagne von Video-Telefonie, der heutige Beitrag in Sachen "Werbung die begeistert" enthält wieder kreative Ergüsse vom Feinsten. Wie in den Kampagnen zur Kamera der Firma Leica und dem Zoom-fähigen Fernglas von Olympus, ist die kreativste und oft ansprechenste Idee zu einer Werbekampagne, sprichwörtlich weniger fern als man denkt.

 (weiter)

Best of Typo-Blogs

Typografie beinhaltet auf ein Minimum reduziert, die Lehre von Form & Gestaltung der Schriftzeichen. Das sich dieses Fachgebiet nicht nur auf das Printmedium beschränkt, sondern auch im Designen von Webseiten eine nicht unerhebliche Rolle spielt, sollte hinlänglich bekannt sein. Wer regelmäßigen Bedarf an Input zu diesem Thema verspürt, dürfte mit den folgenden 10 Typo-Blogs sicherlich immer up-to-date sein.

 (weiter)

Google Chrome, viel Aufregung um nichts?

Anfang September wurde die Blogospähre von einem Thema schier beherrscht. Google Chrome. Mittlerweile ist es, auch bei uns, diesbezüglich wesentlich ruhiger geworden. Das hat aber nicht nur mit dem zeitlichen Abstand seit der Veröffentlichung des Browsers zu tun, sondern insbesondere mit dem gesunkenen Interesse an dem Browser-Neuling. Ein kleiner Ausblick in die Statistiken des Webstandardblogs zeigt, wie stark die Besuche mit diesem Browser zurückgingen. An den ersten Tagen nach der Veröffentlichung, schnellte der Anteil des Browsers auf fast 11%, um sich mittlerweile für den bisherigen Zeitraum des Septembers, bei 4.66% einzupendeln. Womit der Google-Browser, nach der ersten Testwelle seitens interessierter User, in unseren Statistiken wieder hinter Opera auf Platz 5 der Browser-Charts zurück gefallen ist. Auch wenn es den Browser dank den Jungs von CodeWeavers nun für Mac und Linux gibt, wird die sinkende Tendenz trotz der neuen Version, wohl annähernd gleich bleiben.

Verzeichnen Eure Statistiken ähnlich deutliche Rückgänge?

 (weiter)

Best 10 Photoshop-Brush Ressources

Brushes, zu deutsch Pinselstriche, sind zur Erstellung zahlreicher Effekte in Photoshop nahezu unerlässlich und aufgrund der steigenden Beliebtheit der Brushes, werden auch die Quellen dieser immer zahlreicher. Allerdings sind nicht alle Quellen immer sonderlich ergiebig, daher haben wir für Euch 10 Seiten zusammengestellt, deren Vielfalt an Pinselstrichen sich mehr als sehen lassen kann.

NaldzGraphics - Photoshop Resources & Tutorials

 (weiter)

Kostenloses Probeexemplar des Open Source und Web-Magazins t3n

Nach der Vorstellung der Top-5 der Webdesigner Magazine und dem regen Interesse Eurerseits an Print-Magazinen, wollen wir euch heute auf das kostenlose Angebot * des t3n Magazins aufmerksam machen. Füllt folgendes Formular aus und ihr bekommt eine ca.150 Seiten umfassende Ausgabe im Wert von 9,80 Euro, frei Haus geliefert. Zur Auswahl stehen hierbei die Ausgaben 9-11. Es entstehen für Euch keine Kosten! Das t3n Magazin ist das erste Printmagazin zum Thema Open Source, Webentwicklung und TYPO3. Es widmet sich neben aktuellen Themen rund um Webentwicklung und das Open-Source CMS TYPO3 auch interessanten Projekten aus dem Open-Source-Umfeld. Zudem wird in dem Magazin über aktuelle Entwicklungen im Web-Umfeld wie Web 2.0, Ajax, Ruby on Rails oder Webstandards wie CSS3 berichtet, zudem stellt es für Administratoren und Entscheider relevante Open-Source-Projekte und -Lösungen vor, womit für jeden etwas dabei sein sollte.

* Ihr geht keine Verpflichtung bei dieser Bestellung ein. Ihr bekommt das kostenlose Heft zugeschickt und das war es. Kein Abo, keine Abbestellung!Die Aktion ist im übrigen auf 200 Freiexemplare begrenzt. Frei nach dem Motto: "Wer zu erst kommt, ... "

HTML/CSS-Profi & Einsteiger gesucht

Die Berliner Internet-Agentur Mediaworx bietet Interessierten die Chance zum Berufseinstieg als Frontend-Entwickler (u.a. HTML, CSS). Gesucht werden motivierte Menschen, die bereits erste Erfahrungen und Kenntnisse mit HTML und CSS erworben haben, Spaß an der Sache gefunden haben und den Berufseinstieg suchen. In Teamarbeit vertiefen Sie Ihre Kenntnisse und bekommen so die Möglichkeit, an interessanten Projekten großer Kunden mitzuarbeiten.

 (weiter)

Top-5 der Webdesigner Magazine

Webdesign-Magazine lesen. Eine Art der Weiterbildung, die einem, je nach Qualität der Inhalte eines Magazines, offline mehr Vergnügen bereitet als online. Nur, was soll man lesen? Wer sich diese Frage stellt und sich somit noch auf dem Wege der Beantwortung dieser Frage befindet, wird in diesem Artikel 5 Vorschläge von Magazinen erhalten, die für jeden Web- & Screendesigner interessante, nützliche und vor allem inspirierende Artikel bereithalten. Hauptaugenmerk wurde hierbei insbesondere auf die Bereich Webdesign und Frontend-Entwicklung gelegt. Bis vor einiger Zeit wäre vielleicht auch noch die c't in dieser Auflistung erschienen, aber die Inhalte der letzten Monate, haben uns zu dem Entschluss kommen lassen dieses Magazin nicht mit in die Top-5 aufzunehmen.

 (weiter)

Visitenkarten - Kleine Inspirationsquellen, ganz gross! Teil 2

Jeder kennt sie und beinahe hat welche. Die Rede ist von Visitenkarten. Üblicherweise werden sie meist zur Aufbewahrung einer meist dienstlichen Anschrift und den damit verbundenen Kontaktmöglichkeiten genutzt. Was aber, wenn man mehr damit erreichen möchte? Wenn man potentiellen Partner oder Kunden einen Ausblick auf seine fachliche Fähigkeiten gewähren möchte, um somit Interesse zu wecken, welches vielleicht in einer Kooperation oder einem Auftrag endet? In solchen Fällen dürftet ihr dann Inspirationsquellen, wie die folgenden in den Händen halten.

 (weiter)

Best of jQuery-Tutorials

Anwendungen zum JavaScript-Framework jQuery gibt es zahlreiche, aber nicht alle erfüllen unbedingt die Prädikate "nützlich & praktikabel". Aus diesem Grund wurden für Euch ein paar jQuery-Plugins & jQuery-Tutorials aus den verschiedensten Einsatzgebieten zusammengetragen. Von verschiedensten Navigationsvarianten, über Zoom-Funktionen, bis hin zur dekorativen Bilder-Galerie. Mehr jQuery-Tutorials und Plugins gibt es in Teil 2 und Teil 3 der Serie "Best of jQuery-Tutorials".

jQuery-Plugin - Tab-Navigation

 (weiter)

jQuery und jParallax, bringen Bewegung ins Web

Parallax Scrolling, ein Effekt der es ermöglicht lediglich mit CSS und HTML, ein wenig Bewegung in Eure Webseiten zu bringen, erfährt nun einen Ausbau. jParallax, ein jQuery-Plugin ermöglicht es nun Bewegung in die Tiefe des Raumes zu bringen und vermittelt damit einen, nennen wir es mal, Pseudo 3-D Effekt. Im Vergleich zum Parallax-Scrolling, was auf die Veränderung der Größe des Viewports reagiert, reagiert jParallax auf die veränderte Position des Cursors. Grafiken die via CSS entsprechend positioniert werden, erzeugen hierdurch ein Gefühl der Bewegung. So könnten bspw. in einem Webshop, Produkte innerhalb eines Regals in Bewegung versetzt werden und somit in den Fokus des Betrachters gerückt werden. Was sich erst links oder rechts des Betrachtungsfokus eines Users befand, kann somit ins Blickzentrum gerückt werden, wie in diesem, allerdings auf Flash basierten, Auftritt. Das in Version 0.6 und im Beta-Stadium befindliche Plugin, ist ganze 12KB groß und bietet interessante Möglichkeiten der Anwendung.

Bleeper, das bessere Twitter?

Bleeper ist ein auf Laconica basierter und im Juli diesen Jahres gestarteter deutscher Micro-Blogging-Service. Hauptmerkmal dieses von Alexa Wagner gestarteten Social-Networking Dienstes ist der OpenSource-Gedanke. Bei Bleeper wird auf freie Software und die Verfügbarkeit der Daten, unter der Creative Commons Attribution 3.0 Lizenz gesetzt. Zudem unterstützt die Software dank Laconica, dass OpenMicroBlogging Protokoll, d.h. man kann sich auch mit Nutzern anderer Mikro-Blogging-Dienste verbinden. Das Ziel dieser Service ist Autonomie & Unabhängigkeit. Wem der Service auf bleeper.de nicht gefallen sollte, kann die dort verwendeten Daten einfach auf einen anderen Dienst übertragen. Bleeper.de zu nutzen (sogenanntes "bleepen") ist wie von anderen Services gewohnt, schnell und einfach zu handhaben: Per Web, via Handy oder Programmen wie GoogleTalk, teilt man in 140 Zeichen kurz und knapp seinen Freunden, Bekannten, Kollegen und Bloggern mit, was man gerade macht.

 (weiter)

Die 4.Generation des iPod nano ist da

Spekuliert wurde viel. Nun gibt es Tatsachen. Die neue und damit 4.Generation des iPod nano ist im Vergleich zum Vorgänger-Modell kleiner und leichter, dass Display größer und mit vielen Features wie einem Bewegungssensor versehen. Dieser ermöglich einen per Zufall angelegten Wechsel des Titels, was in der Berliner U-Bahn zu einem dauerhaften Wechsel der Songs führen kann ;o) Eine weitere interessante Funktion ist im wahrsten Sinne des Wortes genial. Die Funktion "Genius" findet Songs in deiner Liste an Songs, die gut zueinander passen und erstellt daraufhin eine "Genius Wiedergabeliste". Angeboten wird der iPod nano mit 8GB für 149EUR und mit 16GB für 199EUR. Da mein altes iPod stark unter der dauerhaften Nutzung und so manchem Sturz gelitten hat, dürfte die silberne Version die Poleposition für einen baldigen Kauf eingenommen haben ;o) Das folgende Video ( via DonRivas ) gibt bereits erste Einblicke in die überarbeitete Benutzeroberfläche des Neulings.

 (weiter)

Kreative und unkonventionelle Werbung die begeistert!

Über herkömmliche Werbung, die ein Produkt oder einen Dienstleistungs-Service anpreist, stolpert man allerorts ( zumindest in Berlin ) und zu jeder Zeit. Kreative und unkonventionelle Werbekampagnen für Produkte wie die folgenden sind seltener, obwohl wesentlich ansehnlicher und unterhaltsamer. Auch haben diese Kampagnen mindestens eines gemeinsam - einen zweiten Blick und damit wesentlich mehr Aufmerksamkeit des Betrachters.

 (weiter)

Pool- und Gartenlandschaften als Quelle der Inspiration für kreatives Webdesign

Seit Menschengedenken lässt sich unsere Spezies von der Natur inspirieren. Ob beim Bau von Autos, bei der Erstellung von Kleidung oder den alltäglichen Gebrauchsgegenständen. Aber auch die Bereiche Screen- & Webdesign können sich, bspw. für ein entsprechendes Farbschema, durch die Vorgaben der Natur inspirieren lassen. Auch wenn die folgenden Abbildungen zugegebenermaßen nicht ganz ohne menschliche Zusatzleistung entstanden sind, haben sie alle eine gewisse Natürlichkeit, die zum Relaxen einlädt. Die wunderschönen Aufnahmen stammen diesmal im übrigen von Landart Landscapes aus Australien.

 (weiter)

Gewinnspiel zum Buch: Fortgeschrittene CSS-Techniken

Tipps und Tricks für CSS auf höchstem Niveau. Genau so könnte eine kurze und prägnante Zusammenfassung des Buches "Fortgeschrittene CSS-Techniken" lauten. Das vom Galileo-Verlag neu auf dem Markt gebrachte Werk, stammt aus der Feder von Ingo Chao und Corina Rudel. Alle die behaupten CSS sei einfach, sollte man dieses brandneue Buch zu lesen geben. Denn Fortgeschrittene CSS-Techniken verdeutlicht auf ganz besondere Weise, dass dieser Webstandard unter Berücksichtigung der jeweiligen Browserfähigkeiten, alles andere als simpel ist. Womit wir auch bei der Zielgruppe für dieses Buch wären. Es wendet sich an Profis und Fortgeschrittene, die über das einfache Verständnis von CSS hinaus wollen. Es richtet sich an diejenigen, die bis ins Detail dieser Spezifikation vordringen wollen. Auf der zum Buch befindlichen DVD finden Sie ausgewählte Video-Lektionen, zum Thema CSS-Frameworks. Insbesondere YAML und YUI-Grids werden hier genauer beleuchtet. Außerdem finden sie sämtliche Lektionen und nützliche Tools für den Umgang rund um CSS. Nun zu unserem Gewinnspiel-Angebot.

 (weiter)

Firefox vs. Google Chrome. The winner is ...

Der Browser-Neuling Google Chrome ist bekannterweise schneller als die meisten Browser auf dem Markt. Als die meisten deshalb, weil Mozilla in Form der neuen Firefox-Version 3.1, zusammen mit dem Just-in-Time-Compiler TraceMonkey zurückschlägt. Der Verlgeich zwischen TraceMonkey (Firefox 3.1) und V8 (Google Chrome) zeigt, dass die unter dem Codenamen "Shiretoko" laufende Version des Firefox zwar nicht in allen, aber in den meisten Bereichen Scheller ist als der Google-Schützling. Ein Ergebnis, was die Mozilla-Entwickler zu folgendem Schluss kommen lässt.

 (weiter)

Google Chrome mischt die Browsercharts auf und ist bald die No.3 auf dem Markt

Wird Google Chrome bereits nach einer Woche der drittgrößte Browser auf dem Markt? Eine zugegebenermaßen lediglich tendenzielle Statistik wird seit Veröffentlichung des Google-Schützlings von Clicky Web Analytics präsentiert. Die Hochrechnung dieser Statistik, basiert auf Daten von 45.000 Anwendern. Opera, Mozilla und der Linux-Browser Konquerer wurden bereits am ersten Tag, nach Erscheinen von Google Chrome, überholt. Die sich ständig ändernde Statistik verdeutlicht, dass fast alle Browser an Substanz im Vergleich zum Google-Browser verlieren. Am Ende der Woche dürfte dann auch Safari überholt worden sein, so dass es Google innerhalb einer Woche geschafft haben dürfte, ihren neuesten Spross auf Platz 3 der Browser-Charts zu positionieren. Auch wenn diese Tendenz keine repräsentative Statistik ist, dürfte sie nicht nur für Datenschützer, sondern auch für die anderen Browserhersteller Besorgnis erregend sein. Der Anteil der gestrigen Besucher auf heise.de, die die Seite die mit dem Google-Browser besuchten, lag immerhin bei 5.7%. Die Statistik dort zeigt zudem deutlich, dass diese Entwicklung inbesondere auf Kosten des Firefox geht. Frage ist nur, bleibt Google Chrome (die im übrigen mit den Datenschutzbestimmungen bereits zurückrudern) bei dem erreichten oder fällt er, nach dem die interessierten Anwender ihn "getestet" haben, wieder im Ranking ab?

 (weiter)

Google Chrome, die Auswertung des Browser-Neulings

Google Chrome, der bereits angesprochene noch im Beta-Stadium befindliche Browser des Suchmaschinenbetreibers Google, steht seit gestern zum Download bereit. Derzeit allerdings nur für Windows XP mit Service Pack 2 oder höher und Vista. Versionen für Mac und Linux sind laut Google noch in der Entwicklung. Dieser Artikel soll Euch nun einen kleinen Einblick in die Funktionen und Möglichkeiten im Umgang mit dem neuen Google Schützling geben. Zudem werden die Fähigkeiten in Sachen Webstandards anhand der Acid2 & Acid3-Tests, sowie dem Slickspeed-Test für JavaScript-Frameworks, genauer unter die Lupe genommen.

 (weiter)

Google Chrome, der Browser der Zukunft?

Der heute für Windows-User in über 100 Ländern erscheinende Google-eigene WebBrowser Chrome, ist eines der interessantesten Themen der letzten Tage. Nach Angaben von Google will man den Usern einen Mehrwert im Vergleich zu anderen Browsern bieten. Zusammen mit den zahlreich veröffentlichten Anwendungen der letzten Monate, hätte Google nun sogar einen eigenen Browser in dem diese Anwendungen vorangetrieben werden können. Auch wenn der Browser als OpenSource Projekt laufen wird und auf der Browser-Engine Webkit basieren soll, hinterlässt das ganze irgendwie einen faden Beigeschmack, bezüglich eine weiter steigenden Dominanz von Google. Das Motto des Browsers heißt, sicherer, schneller und unabhängiger. Der heutige Tag wird zeigen, welche Features dieser Browser genau besitzt und wie sicher er im Umgang mit Standards sein wird. Bis diese Fragen eindeutig beantwortet werden können, wollen wir Euch mit ein paar Screens auf das extra zum Erscheinen des Browser erstellte Comic, zur Präsentation der Vorteile, hinweisen.

 (weiter)

Webentwickler, Konzepter und Systemadministrator gesucht

Der IT-Fachverlag yeebase media solutions aus Hannover, u.a. Herausgeber des T3N-Magazins ( Auflage mit über 20.000 Stück ) für Open Source & Web 2.0 und Betreiber des Social-News Portals hype!, hat mit dem Launch seines Job-Portals, dass als Ergänzung zu den Verlagsangeboten gedacht ist, auf die große Nachfrage an Fachkräften in der Branche reagiert. Viele Kunden, die im T3N-Magazin* eine Stellenanzeige geschaltet haben, äußerten den Wunsch nach einer Online-Version, um somit eine noch größere Reichweite ihrer Stellenangebote erreichen zu können. Jedes Stellenangebot von IT-Jobs landet, wie der folgende Ausschnitt einer alten Ausgabe des Magazins zeigt, somit auch als Eintrag in der Printausgabe des Magazins. Diese cross-mediale IT-Stellenbörse ( Online und Print ) IT-Jobs, ist mit den Rubriken Entwicklung, Design, Administration, Management, Sales & Marketing, Redaktion & PR, ausschließlich auf Fachanwender ausgerichtet.

 (weiter)

jQuery.com, Geburt und Tod eines Rock Stars an einem Tag

Die Webseite jquery.com für das gleichnamige JavaScript-Framework, wurde am Wochenende einem Redesign unterzogen. Eigentlich nichts besonderes, wenn Teile des Designs nicht solch einen Aufschrei in Teilen der Community verursacht hätte. Der hier im ersten Absatz abgebildete Entwurf wurde am selben Tag wieder verändert, da er der Community, und hier insbesondere die Illustration samt dem Slogan "Be a JavaScript Rock Star", eine zu gravierende Veränderung darstellte. Die darauf folgende Diskussion und die Entscheidung der Macher der Seite, führten somit zur Geburt und des Todes eines Rock Stars an nur einem einzigen Tag. Die Meinungen bezüglich der "drastischen" Änderung sind breit gefächert und gehen von Bewunderung für das neue Design, über Lob für den Schritt der Veränderung, bis hin zu Bemerkungen wie "schreckliche Seite". Wir sind diesbezüglich anderer Meinung, denn der erste mittlerweile vom Netz genommene Entwurf, war wirklich sehenswert und alles andere als unpassend.

 (weiter)