Webstandard & Webdesign - CSS, HTML

 

Edge of Links no.6 - Thema: CSS, JavaScript

• How To Develop For The iPhone
• CSS3 HSL & HSLA
• Smile Designer Smile
• Rotate images with Canvas jQuery plugin
• Build a Tabbed Box with CSS and jQuery
• Resizeable Background Image
• Easy Slider
• interactive Map with jQuery
• SitePoint Reference
• mehr zum Thema gibt es in unserer Kategorie JavaScript-Frameworks

Best of SEO Browser-Extensions

Extensions erleichtern nicht nur Entwicklern den Umgang mit Webanwendungen, sondern sind auch im Bereich SEO von "unschätzbarem Wert". Analysen zum Thema Suchmaschinenoptimierung sind somit oft nur einen Klick entfernt und können dem Anwender neben dem Zeitaufwand, vor allem auch umfangreiche Analysen, wie bspw. bei der Suche nach den idealen Keywords, ersparen. Da die Auswahl an Erweiterungen für Browser so vielfältig sind wie die Betätigsungsfelder selbst, haben wir in der folgenden Liste 8 hilfreiche Extensions für euch zusammengefasst, in der Hoffnung, das diese Euch den Arbeitsalltag erleichtern können. Die Angebotspalette ist vielfältig und reicht von der Keyword-Recherche und -Analyse, über das Ermitteln der Linkpopularität oder das Ermitteln der Keywords von Adwords-Anzeigen.

 (weiter)

Webstandardblog goes Twitter, follow me!

Viele tun es bereits seit geraumer Zeit und nun haben auch wir uns zu diesem Schritt entschlossen. Twittern! Kurze prägnante Infos erhalten, lesen und versenden. Dank TwitterFox direkt im Browser. Die jenigen die Interesse daran haben sollten, uns auf Twitter ( Username: Webstandard ) zu folgen, klicken einfach auf das von Mirjami Manninen entworfene Logo rechts in Marginalspalte oder den hier angegebenen Nutzernamen. Wir würden uns freuen, dort den ein oder anderen unserer Leser begrüßen zu können.

Wieviel Weiterbildung braucht man um konkurrenzfähig zu bleiben?

In dem was man macht wirklich gut zu sein, setzt neben einer entsprechenden Qualifikation eines voraus, wofür sich nicht jeder Arbeitnehmer die notwendige Zeit nimmt oder sie aufgrund entsprechender Auslastung einfach nicht hat. Weiterbildung! In kaum einer Berufssparte ist das Tempo in dem man sich weiterbilden muss höher, als im Bereich IT. Aber auch das relativ umfangreiche Leistungsspektrum sorgt dafür, dass man sich kontinuierlich weiterbilden muss. Ob die Weiterentwicklung und Umsetzung neuer Webstandards, die Anwendung von Softwareprodukten, aber auch Aspekte wie Barrierefreiheit und Usability dürfen in der alltäglichen Arbeit nicht unter den Tisch fallen. Aber wieviel Zeit muss man dafür aufwenden? In einer Studie des VDI, ermittelte man 10-12 Tage, was ca. 5% der Arbeitszeit im Jahr entsprechen würde. Wie sind eure (Ein)Schätzungen diesbezüglich? Sind 2 Wochen Weiterbildung pro Jahr genug, um auf hohem Niveau konkurrenzfähig zu bleiben?

 (weiter)

Edge of Links no.5 - Thema: SEO

• Linkbildung mit linktauschen.net
• Das Thesis-Theme aus SEO-Sicht
• Sieben SEO Tugenden
• Google's SITE-Befehl und seine Verwendung
• Twitter und SEO
• Gelöschte Domains - was bringen sie - was beachten - wie finden
• Womit Blackhats Ihr Geld verdienen - Teil 1
• Absturz: Was tun, wenn die SEO-Agentur das Ranking zerstört
• Wie lange braucht eine neue Website, um viele Besucher zu ziehen?
• mehr zum Thema gibt es in unserer Kategorie SEO

Edge of Links no.4 - Thema: CSS

• Scrolling trick with background images
• Top 5 of CSS-Ressources
• Aardvark CSS-Framework
• CSS-Sticky-Footer
• CSS Resources: The Ultimate Collection
• Better Image Caching with CSS
• CSS tips that every beginning developer should know about
• CSS 3 Features 5 Techniques to Acquaint You With CSS 3
• mehr zum Thema gibt es in unserer Kategorie CSS

Mister-Wong steigt auf nofollow Verlinkungen um

Dank einem Artikel von Stefan Johne, bin ich heute früh mal wieder auf ein Vorkommnis gestossen, welches in den nächsten Tagen sicherlich einige Wellen schlagen wird. Das große, wenn nicht gar größte deutsche Social Bookmarking Portal "Mister-Wong", rüstet ganz still und heimlich auf nofollow um! Als erstes dachte ich mir, wie bitte? Ein Bookmarking-Portal setzt alle Links auf nofollow? Welches Sinn soll das denn machen? Wenn sich das mal nicht zu einem klassischen Eigentor für den Betreiber entwickeln wird. Die externen Links zu den zahlreichen Beiträgen der Mitglieder, die Mister Wong erst zu dem gemacht haben was sie sind, werden mit nofollow versehen, die internen Verlinkungen natürlich nicht. Eine Aktion die mehr als einen faden Beigeschmack hinterlässt und das nicht nur aus reiner SEO-Sicht. Was haltet ihr von dieser Aktion?

Lass dich inspirieren. Es kann so einfach sein!

Inspiration zu begegnen und diese dann auch als Ansatz für etwas Neues, wie einem Screendesign für eine neue Webseite nutzen zu können, ist eigentlich nicht schwer. Dennnoch werden wir ab und zu von Lesern kontaktiert und gefragt, wie man eine solche Quelle der Inspiration denn auch wirklich nutzen und in eine Idee umsetzen kann. Auf desiretoinspire gibt es regelmäßig Bilder zu den Themen Innenarchitektur & -einrichtung. Die dort gezeigten Bilder dürften so ziemlich für jeden inspirierend sein. Aber wie kann man eine Idee aus solch einer Fotografie für sich aufgreifen und umsetzen? Die folgenden Schritte, dürften interessierten Lesern bei der Beantwortung dieser Fragen behilflich sein.

 (weiter)

Flash Development - Professional Flash Components, inkl. Gewinnspiel

Möglichkeiten eine Webanwendung interaktiv zu gestalten, gibt es nicht nur dank der zahrleichen JavaScript-Frameworks, sondern auch mittels Flash. Thorsten Haak von Flash Development hat es sich daher zur Aufgabe gemacht innovative Flash-Komponenten für kreative und professionelle Internetauftritte zu entwickeln. Es somit nicht mehr zwingend notwendig eigene Flash-Ressourcen in Form von Mitarbeitern im Haus zu haben, sondern man kann auf vorhandene Komponenten zurückgreifen. Wer zum Beispiel die Dynamic 3D Wall Gallery V3.00 für sein Portfolio oder den neuen Webshop benötigt, erspart sich selbst mittels dieser Flash-Komponenten Planungs- und Entwicklungsphasen und Geld, welches dann für den Erwerb dieser Flash-Komponenten genutzt werden kann.Wer Interesse an solchen Komponenten hat ( die im übrigen auch nach persönlichen und individuellen Wünschen angefertigt werden ), sollte einen Besuch auf www.flashdevelopment.de nicht weiter hinaus zögern oder aber ihr lest weiter und nutzt die Chance eine solche Komponente hier gewinnen zu können.

 (weiter)

Edge of Links no.3 - Thema: jQuery, Mootools

• jQuery sIFR Plugin
• jQuery Puzzle
• The Sexy Curls jQuery Plugin!
• jQuery Tip: Quick and Easy Font Resizing
• Ultra versatile slider for websites
• Creating accessible charts using canvas and jQuery
• 5 Advanced Techniques for MooTools
• Kwicks for jQuery
• mehr zum Thema gibt es in unserer Kategorie JavaScript-Frameworks

Edge of Links no.2 - Thema: Usability

• Landingpages – Logos richtig einsetzen und verlinken!
• Eigene Website durch andere Augen sehen
• Vom Handy überfordert
• Der Usability Monitor 2008: Von Google bis zur Antragsstrecke
• 10 Usability Tips for Web Designers
• 10 Most Common Misconceptions About User Experience Design
• Usability Schnelltests, lecker Fastfood
• mehr zum Thema gibt es in unserer Kategorie Usability

Edge of Links no.1 - Thema: SEO

• eBooklet: Mobile Suchmaschinenoptimierung
• Das optimale SEO-Portfolio
• 301 Weiterleitung - SEO und Recht
• SEO zum Festpreis
• 7 elementare SEO-Tipps für Onlineshop-Betreiber
• 9 wichtige Regeln beim Linkaufbau!
• SEO: Gestaltung von Satellitenseiten
• Das Gehirn eines weiblichen SEOs
• mehr zum Thema gibt es in unserer Kategorie SEO

Budget vs. Engagement

Darf ein (geringes) Budget Alibi für wenig(er) Kreativität und Engagement sein? Leider kommt es immer noch vor, dass bei einem Projekt und deren Umsetzung, dass Budget als Alibi dafür herhalten muss, dass die Webseite bspw. nicht den Standards entsprechend umgesetzt wurde und (aus welchen Gründen auch immer) für die Umsetzung eines Layouts auf Layout-Tabellen zurückgegriffen wurde. Mangelndes Know-How bspw. wie bspw. bei einem Einsteiger möglich, würde ich persönlich vielleicht noch akzeptieren. Schließlich ist bisher noch kein Meister vom Himmel gefallen. Aber von einem Profi oder einer professionellen Agentur? Sry, aber das ist einfach nur unprofessionell. Wir sind der Meinung, dass die Einhaltung von Standards mit entsprechender Berücksichtigung der Aspekte Accessibility und Usability, bei entsprechend vorhandenem Know-How, nicht zwangsläufig zeitaufwendiger sein muss. Verdient ein Kunde mit einem großen Budget, mehr Professionalität und Engagement, als der mit einem kleinen Geldbeutel?

 (weiter)

Seid ihr kreativ?

Euer Interesse und die Kommentare in den entsprechenden Kategorien dieses Blogs, lassen eindeutig darauf schliessen das große Teile der Leserschaft einen Hang zur Kreativität besitzen. Daher stellen wir Euch mal wieder eine Frage und hoffen diesbezüglich auf eure tatkräftige Unterstützung, denn wir sind auf der Suche nach der Bezeichnung für eine neue Kategorie hier im Blog. In dieser Kategorie werden euch in regelmäßigen Abständen Auflistungen von Links zu aktuellen und interessanten Artikeln präsentiert, die sich inhaltlich an unseren Kategorien (bspw. CSS, Usability, SEO, Inspiration) ausrichten. Wir hoffen euch über diesem Weg, einen gewissen Mehrwert bieten zu können, so dass ihr zu den Kategorien und den bisherig darin enthaltenen Beitragen, zusätzlich themenrelevante Links vorfinden könnt. Alles in allem sollte es eine Bezeichnung sein, die einprägsam und verständlich ist. Die bisherigen "Leistungen" einiger Freunde und Kollegen sind, u.a. Vorschläge wie "Edge of links" oder "Links of interest".

 (weiter)

Google bietet Snippets in den SERPs mehr Platz

Dank eines SEO-Beitrags von Markus ( www.tekka.de ), bin ich heute auf ein interessantes, mir bisher noch zumindest nicht bewusstes Verhalten der SERPs von Google gestossen. Da der Webstandardblog häufig über Queries mit mehreren Keywords gefunden wird, ergab auch gleich der erste Test mit den Keywords "grafik transparenz mit javascript gif png" zahlreiche Treffer. Bisher bestand ein Suchergebnis meistens aus der Überschrift ( 1.Zeile ), der URL ( letzte Zeile(n) ) und dem dazwischen befindlichen Textauszug aus der gefunden Webseite, dem sogenannten Snippet. Dessen Inhalte stammen aus der Meta-Beschreibung oder dem eigentlichen Content der Seite und waren bisher, wie bei unserem Ergebnis, immer 1- bzw. 2-zeilig. Die Ergebnisse darunter besitzen nun 3 bzw. 4 Zeilen.

 (weiter)

Top Photoshop Tutorials - Part 3

Photoshop-Tutorials. Quelle der Inspiration, aber auch eine Möglichkeit viele interessante Techniken und Herangehensweisen im Umgang mit der Adobe-Software kennen zu lernen. Aus diesen genannten Gründen und aufgrund der Erfolge der bisherigen Artikel zum Thema "Photoshop Tutorials", präsentieren wir Euch auch im neuen Jahr wieder ein paar dieser Step-by-Step Tutorials zu den verschiensten Techniken. Ob von "Jungbrunnen", einem Tutorial welches die Restauration eines alten Bildes aufzeigt, bishin zu Erstellung einer Visitenkarte im Grunge-Stil, auch diesmal dürfte für (fast) jeden etwas dabei sein.

 (weiter)

Projektmanagement mit Projectplace Free

Dies ist ein durch hallimash vermittelter, honorierter Eintrag - Das ein effizientes Projektmanagement ein Schlüssel zum Erfolg einer erfolgreichen Teamarbeit ist und somit den Weg für ein erfolgreiches Projekt ebnen kann, ist kein Geheimnis. Vor allem bei Projekten, bei denen das Projekt-Team geografisch gesehen über mehrere Standorte verteilt ist und diese zeitgleich an diesem Projekt arbeiten, ist eine professionelle Planung unabdingbar. Eine onlinebasierte Projekt-Management-Lösung, deren Anwendung und Funktionsvielfalt Inhalt dieses Artikels sein wird, ist Projectplace. Ob Dokumenten- oder Projektverwaltung oder auch der Organisation von Online-Meetings. Der Funktionsumfang von Projectplace ist, wie der weitere Verlauf des Beitrags aufzeigen wird, riesig.

 (weiter)

Gewinnspiel zum Buch: Microsoft Expression Web 2

Microsoft Expression Web 2 ist das neue professionelle Werkzeug für Webdesigner und Webentwickler aus Redmond, um standardkonforme Websites auf Basis aktueller Standards zu erstellen und zu pflegen. Da ein solches Software-Paket, welches wir ausgiebig testen konnten, mit einem dermaßen großen Funktionsumfang, kaum ohne "Einarbeitung" auskommen kann, bieten wir heute interessierten Lesern die Möglichkeit, dass dafür ideale Nachschlagewerk gewinnen zu können. Genauer gesagt, Microsoft Expression Web 2: Das umfassende Handbuch von Helmut Vonhoegen. Wer mehr zu dem 850 Seiten starken Buch erfahren möchte, kann auf den Seiten des Galileo-Verlages seinen Wissensdurst diesbezüglich stillen. Um dieses Buch inklusive dazugehöriger DVD im Wert von 39,90Euro gewinnen zu können, müsst ihr lediglich bis zum 22.01.2009 hier einen Kommentar hinterlassen, in dem ihr einen Blogartikel eurer Wahl vorstellt und verlinkt, den ihr als besonders empfehlenswert erachtet und der sich an den hier im Webstandardblog enthalten Kategorien (bspw. CSS, Usability, SEO, Inspiration) orientiert.

 (weiter)

CSS Selektoren und ihre Unterstützung durch aktuelle Browser(versionen)

CSS Selektoren und Pseudo-Selektoren sind Möglichkeiten, ohne zusätzlichen (X)HTML-Code, Elementen einer Webseite Gestaltungsmerkmale vergeben zu können. Nur finden diese ( leider ) noch nicht häufig Anwendung. Nur warum nicht? Eine Frage, die bisher mit dem Support der Browser in Bezug auf CSS Selektoren & Pseudo-Selektoren leicht beantwortet werden konnte. Denn der IE war bisher zu großen Teilen nicht in der Lage diese korrekt zu interpretieren. Kim Blim Johannesen ist diesem Problem vor geraumer Zeit nachgegangen und hat dazu im Laufe der Zeit eine sehr ansehnliche CSS-Übersicht geschaffen, in der er versucht die aktuellsten Versionen der gängigen Browser ( IE8b, FF3, etc. ) auf ihren Support in Sachen Selektoren und Pseudo-Selektoren hin miteinander zu vergleichen. Und eines macht auch dieser Vergleich deutlich, der IE besitzt diesbezüglich immer noch die größten Mängel, ist aber deutlich auf dem Weg der "Besserung". Am besten bei diesem Vergleich, schneiden nicht wirklich überraschend Safari 3, Konqueror 3.5.5 und Chrome 0.2 ab.

 (weiter)

Google besitzt ein neues Favicon

Ein etwas verwunderter Blick in unser Statistik-Tool, hat mich heute früh kurz etwas stutzen lassen. Das hier auf in den Abbildungen zu erkennende Favicon ( Flock, Safari, Opera - von oben nach unten ), war mir bisher vollkommen unbekannt. Und das gleich nahezu alle Suchenden von dieser Suchmaschine stammen, war noch viel verwunderlicher. Als ich dann nach dieser ersten Reaktion, etwas genauer hinschaute war klar warum. Google hat ein neues Favicon! Im Dr.Web-Blog wurden die Leser bezüglich der Veränderung gefragt, ob ihnen das neue Favicon gefällt oder eher nicht. Die Tendenz dort ist leicht positiv. Wie sieht es bei Euch aus? Hat Google diesbezüglich gute oder eher weniger Arbeit geleistet? Uns wirkt dieses Favicon ein wenig zu verspielt.

Google schickt den IE6 in die Wüste

Die Forderungen den "IE6 zu beerdigen" sind so alt wie diese Browserversion selbst. Die allerdings diesmal ins Rollen gebrachte Forderung kommt nicht wie üblich von Bloggern, sondern von wie bspw. der GoogleWatchBlog berichtet wird, von Google selbst. Warum diese Forderung gestellt wird, wird mit folgender von Google getätigten Aussage deutlich - "Get faster Gmail with a faster browser". Man will schlicht und einfach eine seiner zahlreichen Anwendungen effektiver und schneller von den Usern genutzt sehen. Aber wird diese Frage auch zu Recht gestellt? In Sachen Unterstützung bezüglich Standards ist die Frage schnell beantwortet. Ja! Aber wie sieht es eigentlich mit einem weiteren nicht zu vernachlässigendem Argument aus - der Verbreitung des IE6. Ein Rückblick auf das vergangene Jahr führte, wie die Abbildung weiter unten deutlich macht, dazu das der IE weiter an Boden verlor und die 6er Version bei uns noch nicht einmal die 5%-Hürde nehmen würde.

 (weiter)

Was interessiert Euch an CSS?

Die Vielfalt mit der man mittels CascadingStyleSheets Webseiten gestalten kann, ist so umfangreich, dass man fast jeden Tag über etwas neues diesbezüglich stolpert. Aber was findet ihr, die Leser des Webstandardblogs, in Sachen CSS interessant? Welche Möglichkeiten die durch CSS und andere Standards entstehen können, führen bei Euch dazu sie ausprobieren zu "müssen"? Sind es Formulare und deren Gestaltungsmöglichkeiten inklusive entsprechender Validierung. Oder die vielleicht etwas andere Darstellung tabellarische Daten, eine Bilder-Galerie die zum durchblättern der Bilder einlädt und nicht aussieht wie jede andere. Oder ist es vielleicht eine Navigation, die selbst chinesischen Schriftzeichen "widersteht" und bezüglich des Layouts stabil bleibt? Oder sind es Ausblicke auf und mit CSS3 und den damit verbundenen zukünftigen Möglichkeiten für eure Webseiten und Webanwendungen?

 (weiter)

Womit lest ihr Eure RSS-Feeds?

Bei Auswertungen unserer Feed-Statistiken sind wir immer wieder überrascht, wie vielfältig die Möglichkeiten sind einen Feed zu abonnieren und zu lesen. Daher wollen wir Euch über diesem Wege mal ganz direkt danach fragen - Mit welchen Anwendungen lest ihr Eure Feeds? Mit Bloglines, Netvibes, dem Google-Reader oder nutzt ihr Erweiterung für andere Anwendungen, wie bspw. RSS-Owl fürr Eclipse? Da wir von Natur aus neugierig sind, würde uns auch interessieren, wie oft ihr in etwa diese entsprechende Anwendung aufruft?

 (weiter)

Bee5 - mit Empfehlungen Geld verdienen

Trigami-Review - Affiliate-Programme gibt es mittlerweile wie Sand am Meer, was unter anderem dazu führt, dass es vor allem für Einsteiger in dieser Thematik immer schwieriger wird, den optimalen Partner zu finden. Einen etwas anderen, wenn auch nicht revolutionären neuen Ansatz, bietet Bee5. Bee5 ist ein im Herbst letzten Jahres gestartetes Bonus- und Empfehlungsprogramm, welches auf erfolgsorientierter Vermittlung von Online-Angeboten basiert. Hierbei kann man bei eigenen Einkäufen oder persönlichen Empfehlungen an Freunde und Bekannte Geld verdienen. Wie einfach mit dem eigenen Blog oder Shop die Umsätze dank Bee5 angekurbelt werden können und auch User ohne eigene Homepage Geld verdienen können, wird im Verlaufe des Beitrages beschrieben.

 (weiter)

CSSGlobe mit Re-Design ins neue Jahr

cssglobe.com eine der Quellen in Sachen CSS, hat getreu dem Motto neues Jahr neues Design, seine Seite einem Re-Design unterzogen. Alan Grakalic der Mann hinter dem Projekt, hat hierbei unserer Meinung nach wirklich gute Arbeit geleistet. Auch wenn die Seite nicht revolutionäres enthält, liegt der Fokus des neuen Design immer noch deutlich auf dem was die Seite ausmacht - NEWS. Und diese Ausrichtung scheint bei den Lesern bzw. Abonnenten des cssglobe-Feeds gut anzukommen. Innerhalb des Jahres hat er seine Anzahl an Abonnenten von ca.700 auf über 7000 steigern können. Respekt, Alan! Eine Steigerungsrate, von der fast alle Blogs nur träumen können. Die zwei folgenden Screenshots von Oktober 2007 und Januar 2009 sollen vor allem denjenigen die diese Seite noch nicht kennen, verdeutlichen wie sich cssglobe.com entwickelt hat.

 (weiter)

Pagerank-Update von Google an Silvester

Wie bei Sistrix zu lesen ist, hat Google am letzten Tag des Jahres 2008 ein Pagerank-Update durchgeführt. Überraschenderweise haben wir erfreulicherweise feststellen können, dass sich der Pagerank des Webstandardblogs von 5 auf 6 verändert hat. Ob und in wie fern unsere Arbeiten in Sachen SEO in den letzten Monaten dazu beigetragen haben, wird in den nächsten Tagen zu verifizieren sein. Überprüft bei Sistrix mal Eure ULR, vielleicht sich dort ja auch was getan.