Dies sind meine Linktipps aus der Woche vom 30. August – 5. September 2010.

Inhalt: 3 Seiten, 2 Artikel, 1 Video

Seiten

Raphaël – Version 1.5 wurde veröffentlicht.

elRTE – WYSIWYG-Editor in jQuery mit Dateimanager.

Cached Commons – CDN für JavaScript und CSS.

Artikel

Stephan Elter auf PHP hates me: “10 Gründe warum ich PHP mag”.

Creating a Web Poll with PHP.

Videos

What you May Not Know About JavaScript’s Logical AND Operator:

Kategorie: Linkhubs | Tags: @-Operator, AND, Cached Commons, CDN, Dateimanager, Editor, elRTE, jQuery, PHP hates me, Raphaël, Web Poll, WYSIWYG

zum Artikel | keine Kommentare

Dies sind meine Linktipps aus der Woche vom 23.– 29. August 2010.

Inhalt: 2 Seiten, 3 Artikel

Hinweis: Ich hatte die letzten Tage Probleme mit meiner Internet-Verbindung. Deshalb gibt es den etwas abgespeckten Linkhub erst heute.

Webentwicklung

Getting to work with CSS3 Power Tools.

Glimmer – Editor für jQuery Animationen.

Adobe Web Fonts.

jQuery Html5form – Cross-Browser HTML5 Form Validation

Sonstiges

Entri – Free & Simple Collaborative Document Sharing Tool

Kategorie: Linkhubs | Tags: Adobe, Animationen, Collaboration, CSS3, Editor, Entri, font, Formulare, Glimmer, HTML5, jQuery, Tool, Validierung

zum Artikel | keine Kommentare

Wenn man bisher eine Website bei den Google Webmaster Tools angemeldet hat, musste man diese noch verifizieren. Einerseits gab es die Möglichkeit eine Datei auf den eigenen Webspace zu laden, oder man hat einen speziellen Meta-Tag auf die Seite eingefügt. Als dritte Möglichkeit stand noch zur Auswahl, dass man der Domain einen bestimmten DNS-Eintrag hinzufügt. Jetzt hat Google den Prozess etwas vereinfacht.

Verifikation durch Google Analytics

Falls man gleichzeitig Google Analytics auf der Website einsetzt, ist keine Verifikation mehr nötig. Google erkennt automatisch den Tracking-Code – es muss jedoch die asynchrone Version des Snippets sein.

Google Webmaster Tools (Verifikation)

Das Analytics Konto sollte hierbei mit dem Webmaster Tools Konto verbunden sein.

Ich finde die neue Variante klasse gelöst und frage mich, warum das erst jetzt kommt. Die bisherigen Methoden waren zwar nicht sonderlich kompliziert, aber dennoch nervig. Schön, dass man sich den Schritt jetzt sparen kann (sofern man Google Analytics einsetzt ).

Quelle: GoogleWatchBlog

Kategorie: News | Tags: asynchron, DNS, Domain, Google Analytics, Google Webmaster Tools, Konto, Meta-Tag, Snippet, Tracking-Code, Verifikation, Webspace

zum Artikel | keine Kommentare

Da die Google Blogsuche bei mir leider nicht alle eingehenden Links erfasst, habe ich mich dazu entschieden die eingehenden Links von IceRocket anzuzeigen. Dafür sind nur zwei kleine Schritte nötig, die in ein bis zwei Minuten bewältigt sind.

Schritt 1: Eingehende Links bei IceRocket suchen

Geht auf die IceRocket Website und sucht nach “link:example.com” (ohne Anführungszeichen). Natürlich müsst ihr example.com mit der Domain eures Blogs ersetzen.

http://www.icerocket.com/search?q=link:example.com

Unten Links auf der Ergebnisseite befindet sich der Link zum RSS-Feed der Ergebnisse.

IceRocket Ergebnisse abonnieren

Diesen Link kopiert ihr euch in die Zwischenablage.

http://www.icerocket.com/search?q=link:example.com&rss=1

Schritt 2: WordPress Dashboard-Widget konfigurieren

Jetzt müsst ihr euch ins Backend von WordPress einloggen und das Widget “Eingehende Links” auf eurem Dashboard bearbeiten, indem ihr im Widget auf “konfigurieren” klickt.

Eingehende Links Konfigurieren #1

Eingehende Links Konfigurieren #2

Die Einstellungen müsst ihr nur noch speichern und schon werden euch die eingehenden Links – basierend auf den Daten von IceRocket – angezeigt.

Kategorie: Tipps | Tags: Dashboard, eingehende Links, Google Blogsuche, IceRocket, Konfiguration, Links, RSS-Feed, Widget, Zwischenablage

zum Artikel | ein Kommentar

Mobile App-Entwicklung liegt voll im Trend. Doch nicht jeder beherrscht Programmiersprachen wie zum Beispiel Objective-C (iPhone) oder Java (Android), welche für die native App-Entwicklung notwendig sind. Glücklicherweise existieren einige Tools und Frameworks für Webentwickler, die sowohl die native App-Entwicklung als auch die Entwicklung von Web-Apps erleichtern.

Für Websites und Web Apps

» iWebkit

iWebkit ist eine Unterstützung für die Entwicklung von iPod Touch, iPhone und iPad kopatiblen Websites oder Web Apps. Eine Dokumentation auf der Seite ist nicht zu finden, jedoch gibt es neben dem gut besuchten Forum noch ein User Guide im PDF-Format, welchem im Download-Paket enthalten ist.

Website – Download – Demo

» jQTouch

Wie der Name vermuten lässt ist jQTouch ein jQuery-Plugin, welches nach eigenen Aussagen für die mobile  Entwicklung auf iDevices und anderen vorrausschauenden Geräten gedacht ist. Anleitungen & Tutorials sind sowohl bei Google Code als auch auf Github zu finden.

Website – Download – Demo

» jQuery Mobile

jQuery Mobile ist das offizielle Projekt des jQuery-Teams, das bis jetzt aber noch nicht verfügbar ist. Das Framework zielt darauf ab, auf allen Plattformen und Geräten zu funktionieren. Wenn man schon jetzt am Projekt teilhaben will, kann man das über den Blog oder im Wiki.

Website

» Sencha Touch

Sencha Touch rühmt sich damit, das erste HTML5 Mobile App Framework zu sein, dass speziell dafür entwickelt wurde HTML5, CSS3 und JavaScript effektiv einzusetzen. Was man von diesen Werbetexten halten mag, muss jeder selbst entscheiden. Der Download ist mit rund 25 MB recht groß, enthält jedoch jede Menge Beispiele und die Dokumentation.

Website – Demo

Für native Apps

» Appcelerator Titanium

Appcelerator Titanium ist wohl das bekannteste Produkt, um native Apps für iDevices und Android zu erstellen. Neben einem ausführlichen “Getting Started Guide” (PDF) und einer vollständigen Dokumentation gibt es im Developer Center noch Video Tutorials (teilweise kostenpflichtig) und einen Q&A-Bereich für die Community.

Website – Download – Showcase

» PhoneGap

PhoneGap konzentriert sich neben iOS und Android noch auf Blackberry, Symbian und Palm. Ein gut gefülltes Wiki mit zahlreichen Tutorials zu allen Plattformen ist vorhanden. Es ist ein open-source Projekt.

Website – Download

» Rhodes

Rhodes ist ebenfalls open-source und hebt auf der Website hervor, dass es alle Plattformen unterstützt, dem MVC-Muster folgt und ein ORM besitzt. Mit dem kostenpflichtigen RhoHub lassen sich Apps direkt online entwickeln.

Website – Download

Ergänzungen?

Diese Liste ist nach den mir bekannten Tools und Frameworks erstellt worden. Solltet ihr noch gute Ergänzungen parat heben, schreibt sie einfach in die Kommentare. Ich werde die Liste dann vervollständigen.

Kategorie: Mobile Entwicklung | Tags: Android, App, Appcelerator, Beispiel, Blog, Demo, Dokumentation, Forum, Framework, GitHub, Google Code, IDevices, iOS, iPad, iPhone, iPod, iWebKit, Java, jQTouch, jQuery Mobile, Objective-C, open-source, Palm, PDF, PhoneGap, Plattform, Rhodes, Sencha Touch, Symbian, Tool, Wiki

zum Artikel | ein Kommentar

Dies sind meine Linktipps aus der Woche vom 16. – 22. August 2010.

Inhalt: 1 Seite, 12 Artikel, 3 Listen,

Webentwicklung

Anleitung: Eine angepasste Facebook Like Box erstellen.

PHP: Das Iterator-Interface erklärt.

HTML5: Quick Learning Guide als kostenlose PDF.

CSS: Image Reflections with CSS.

Framework: Mastering the 960 Grid System.

CSS3.0 Maker – CSS3.0 Generator

WordPress

Absicherung durch Einmalpasswörter (One-Time-Pad).

Sonstiges

Facebook Places wurde veröffentlicht.
(Anleitung zur Deaktivierung »)

Google Webmaster Tools: Verifikation wird vereinfacht.

Die Google Suche zeigt jetzt mehrere Ergebnisse einer Domain an.

Webmaster als Gewerbe: Die Gewerbeanmeldung (Teil 1), Die Steuern (Teil 2)

Listen

• 126 Free Vector Social Media Icons
• Screencasts erstellen
• 10 Great Tips for Writing Better And More Comprehensive CSS

Kategorie: Linkhubs | Tags: 960 Grid System, CSS3, Deaktivierung, Facebook, Facebook Places, Framework, Generator, Gewerbe, Gewerbeanmeldung, Google Webmaster Tools, Guide, HTML5, Icons, Image Reflections, Interface, Iterator, Like Box, PDF, Screencast, Steuern, Verifikation

zum Artikel | keine Kommentare

Heute stand ich mal wieder vor einem kleinen Problem und bin mir bis jetzt nicht sicher, ob ich es optimal gelöst habe. Ich hoffe auf Verbesserungsvorschläge oder Zustimmung von euch. Mein Problem: Die Hintergrundbild-URL eines Divs muss ausgelesen werden…

Das Problem

An sich ist es kein Problem auf bestimmte Style-Werte von Elementen zuzugreifen. Wenn man jedoch die URL eines Hintergrundbildes (style.backgroundImage) abfragt, erhält man – je nach Browser-Engine – unterschiedliche Rückgabewerte:

Gecko (z.B. Firefox)

url("http://pfad.de/zum/bild.png")

Webkit (z.B. Chrome & Safari)

url(http://pfad.de/zum/bild.png)

Das haben zumindest meine Tests mit den neusten Versionen der jeweiligen Browser ergeben. Bei Chrome und Safari wird die URL nicht in Anführungszeichen gesetzt. Wenn man sich jetzt als Ziel gesetzt hat, nur die URL des Hintergrundbildes abzufragen, muss man beide Engines beachten.

Die Lösung

Meine Lösung besteht darin, dass ich zunächst die Anführungszeichen aus der Zeichenkette entferne und danach alle Zeichen – bis auf die ersten Vier sowie das Letzte – mittels slice() extrahiere:

1

var url = document.getElementById('foo').style.backgroundImage.replace(/\"/g, '').slice(4, -1);

Der Internet Explorer 8 verhält sich in diesem Fall wie der Firefox. Andere Versionen habe ich nicht getestet. Was haltet ihr von dieser Lösung? Gibt es eine bessere oder einfachere Umsetzung?

Kategorie: JavaScript | Tags: backgroundImage, Element, Engine, Firefox, Gecko, Google Chrome, Hintergrundbild, IE8, Lösung, Problem, Safari, Style, URL, Webkit

zum Artikel | ein Kommentar

Dies sind meine Linktipps aus der Woche vom 9. – 15. August 2010.

Inhalt: 4 Seiten, 18 Artikel, 6 Listen,

Webentwicklung

jQuery.Syntax – Syntax Highlighting in JavaScript.

HTML5: Placeholder-Attribut.

CSS3: Schatten für Text und Boxen (ausführlich erklärt).

HTML5 Boilerplate – Eine professionelle HTML5-Vorlage.

JavaScript: Non-blocking Script.

Sammy.js – RESTful evented JavaScript framework.

Eine neue Webseite entsteht: Webdesign mit Illustrator und Photoshop (Teil3), Das Webdesign-Styling (Teil 4).

Facebook: Anwendungen mit PHP programmieren (Teil 3).

WordPress: Eigenes CDN nutzen.

Mobile Entwicklung

Browser Storage für HTML5 Apps.

Kostenloses E-Book: Programming Windows Phone 7.

Designing Web Apps for the iPad.

Piwik Mobile ist erschienen.

jQuery Mobile wurde veröffentlicht.

Browser

Beta des IE9 erscheint am 15. September 2010.

Neu im Firefox: Tab Candy.

Sonstiges

Twitter führt eigenen Tweet-Button ein.

Tutorial: Regular Expressions – Wiederholungen.

Listen

• Top 10 PHP Frameworks You Should Know About
• Chrome Shows Off Some Fancy HTML5 Tricks
• 5 Tipps zur erfolgreichen Markteinführung von Mobile Apps
• 30 New Free High-Quality Fonts
• Fresh And Useful Extensions For Developers
• 3 Advanced CSS3 Techniques You Should Learn

Kategorie: Linkhubs | Tags: App, Beta, Boilerplate, Brwoser Storage, CDN, CSS3, eBook, Entwickler, Extensions, Facebook, Firefox, Framework, Google Chrome, HTML5, IE9, Illustrator, iPad, jQuery, jQuery Mobile, jQuery.Syntax, kostenlos, non-blocking, Photoshop, Piwik, Piwik Mobile, Placeholder, Regular Expressions, REST, Sammy.js, Schatten, Schriftart, Syntax Highlighting, Tab Candy, Tutorial, Tweet-Button, Twitter

zum Artikel | keine Kommentare

Wahrscheinlich kommt euch oder eurem Feed-Reader diese Headline schon bei den Ohren wieder raus, aber ich möchte mit diesem Artikel auch noch einmal Farbe bekennen. Auf der Seite pro-netzneutralitaet.de könnt ihr bei der Petition Pro Netzneutralität unterzeichnen und somit zur Wahrung der Netzneutralität beitragen.

Was ist Netzneutralität?

Der Vollständigkeit halber folgt hier nochmal die offizielle Erklärung der Petition:

Netzneutralität ist die Grundlage für ein Internet, wie wir es kennen. Wir sind gewohnt, dass Daten ohne Ansicht von Inhalt und Größe – abgesehen von technischen Restriktionen – diskriminierungsfrei transportiert werden. Netzneutralität besagt, dass alle Daten, seien es Emails, Websites oder Musikdateien, gleich zu behandeln sind. Dadurch wird kein Dienst bevorzugt oder benachteiligt. Netzneutralität ist die Voraussetzung für die Gleichberechtigung aller Datenpakete. (weiterlesen », Quelle)

Kategorie: News | Tags: Netzneutralität, Petition

zum Artikel | keine Kommentare

Dies sind meine Linktipps aus der Woche vom 2. – 8. August 2010.

Inhalt: 11 Artikel, 3 Listen

Webentwicklung

Implementierung der Google AJAX Search API.

Ein angepasster HTML5-Player mit CSS3 und jQuery.

Benutzer mit Twitter OAuth authentifizieren.

Eine Website entsteht: Inspiration und Materialsammlung (Teil 1), Layout-Vorlage (Teil 2), …

Mobile Entwicklung

Tutorial: HTML5 iPhone App erstellen.

WordPress

Das an HTML5 angepasste WordPress Theme TwentyTen.

WordPress ist vergleichsweise sicher.

Sonstiges

Google Wave wird eingestellt…

Tutorial – Regular Expressions:  Beliebiges Zeichen suchen, Position einer Zeichenkette

Google Abstrafung: Was tun, wenn man abgestraft wird?

Listen

• 16 Vital Checks Before Releasing a WordPress Theme
• 5 Tipps um die Absprungrate zu senken
• 5 Tools um inaktiven Twitter Usern zu entfolgen

Kategorie: Linkhubs | Tags: Absprungrate, API, CSS3, Google AJAX Search API, Google Penalty, Google Wave, HTML5, Inaktivität, jQuery, OAuth, Player, Regular Expressions, Sicherheit, Theme, TwentyTen, Twitter

zum Artikel | keine Kommentare