Web Frontend Development by Google

Da kann man sich gut mal eine Scheibe von abschneiden:

  1. Material Design Lite:
    • Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible.
    • Material Design Lite (MDL) is a library of components for web developers based on Google’s Material Design Philosophy: „A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science.“
    • www.getmdl.io
  2. Web Starter Kit:
  3. Web Fundamentals

Google Analytics with multiple accounts

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-123456-7']);
_gaq.push(['_trackPageview']);
_gaq.push(['t2._setAccount', 'UA-98765-4']);
_gaq.push(['t2._setCookiePath', '/c2/']);
_gaq.push(['t2._trackPageview']);
(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
})();
</script>

Google Wave HowTo

Mit „The Complete Guide to Google Wave“ ist nun ein kostenloses Handbuch zum Thema „Google Wave“ verfügbar. In 8 Kapiteln werden Themen von der Installation über Bedienung und Anpassung bis zur Erweiterung des Funktionsumfangs beantwortet.
Das Buch ist im Web kostenlos verfügbar oder kann über den Fachhandel bezogen werden. Neue Versionen sollen weiterhin kostenlos im web publiziert werden.

Web Performance Best Practices

Nachdem Golem.de heute einen Artikel namens „Google Page Speed soll Webseiten schneller machen“ veröffentlicht hat, und das Thema ohnehin gerade auf meinem Schreibtisch liegt, folgen hier die passenden Links:

Piwik – open source web analytics software

Piwik is a downloadable, open source (GPL licensed) web analytics software program. It provides you with detailed reports on your website visitors: the search engines and keywords they used, the language they speak, your popular pages… and so much more.

Piwik aims to be an open source alternative to Google Analytics.

Piwik is a PHP MySQL software program that you download and install on your own webserver. At the end of the five minute installation process you will be given a JavaScript tag. Simply copy and paste this tag on websites you wish to track (or use an existing plugin to do it automatically for you).

URL: piwik.org

Search engine friendly rewrite rule

In case of you want to map multiple domains to one web site, or you changed your domain, and you wand to avoid Google indexing issues, you need to permanent redirect with HTTP 301 code.

RewriteEngine on
RewriteCond %{HTTP_HOST} ^www.old-domain.de$ [NC]
RewriteRule ^.*$ http://www.new-domain.de%{REQUEST_URI} [R=301,L]

Rewriting URL’s without a leading „www“ to the same URL with www-prefix is possible on the same way:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^my-domain.de$ [NC]
RewriteRule ^.*$ http://www.my-domain.de%{REQUEST_URI} [R=301,L]

Note: mod_rewrite must be enabled to make this code work.

Google Maps fährt U-Bahn

Google beginnt nun, auf seinen Maps öffentliche Verkehrsmittel anzuzeigen. Die Darstellung ist genau so rudimentär wie unvollständig und fehlerhaft. Schön ist aber, dass Google Maps die Linien in den gleichen Farben wie auf den lokalen Netzplänen darstellt. In den nächsten Wochen wird sich sicher noch etwas tun.
U- und S-Bahnen in Hamburg:
http://maps.google.de/maps/

OpenStreetMap ist da schon etwas weiter: http://www.öpnvkarte.de