Tak, wiem, wiele obiecałem. Głównie sobie. Moim zadaniem jest wrócić, bo się zgubiłem.

Pierwszym wpisem jaki będzie od ostatniego wpisu (czyli pierwszego), będzie wiadomość o genialnym wręcz narzędziu. Oczywiście genialnym dla pewnej grupy niszowej. Dla kodujących w (X)HTMLu i CCS.

Może już wiadomo tobie coś o Zen Coding?

Spotkałem się z tym genialnym wręcz narzędziem na stronie Smashing Magazine.

Tak szacując narzędzie pozwala przyspieszyć pisanie kodu o jakieś 70%. Sporo, no nie ?

A o co chodzi?

Programiści z Rosji – właściwie jeden – wpadł na pomysł (na bazie innego, no zainspirował się nim), by ułatwić i przyspieszyć pisanie kodu (X)HTML, za pomocą specjalnej składni. Możesz wykrzyczeć: “Mam znowu się uczyć czegoś nowego?!”. No tak, czegoś nowego. Prawie . Zen Coding bardzo przypomina jakby połączenie pisania kodu (X)HTML z CSS. Taki mały przykładzik:

Kod Zen Coding:

div#header>h1+ul#main_menu>li.item-$*5>a

A wygenerowany kod wygląda tak:

Poniżej prezentacja możliwości Zen Coding:

A na stronie Smashing Magazine możesz nieco więcej przeczytać o tym geniuszu przyspieszającym prace kodera !

Die BÄKO-Zentrale Süddeutschland eG ist ab sofort mit einer neuen Corporate Website online. Die Netzbewegung hat die Zentralgenossenschaft von 25 Bäcker- und Konditorengenossenschaften beim Relaunch betreut und die neue Website vollständig realisiert.

Nach der Neugestaltung fallen zuerst die großformatigen Hintergrundbilder mit ansprechenden Food-Motiven ins Auge. Die Grafiken sind voll skalierbar und passen sich so dynamisch an die individuelle Größe des Browserfensters an.

Neben dem Layout konnte die Netzbewegung auch die Usability der Website optimieren. Der Content ist nun noch übersichtlicher in zwei Spalten angeordnet, die Navigationsstruktur wurde an die Klickwege der User angepasst. Exemplarisch für die verbesserte Nutzbarkeit ist unter anderem der optimierte Prozess zur Reservierung von Präsentationsmaterialien. Die „echte“ Mehrsprachigkeit der www.baekosued.de Website erlaubt den Wechsel der Sprachversion auf allen Unterseiten mit einem einzigen Klick. Für mehr Frische auf dem umgestalteten BÄKO-Portal sorgt tagesaktueller Content. Dafür werden unter anderem redaktionelle Inhalte vom Auftritt der B2B-Publikation „BÄKO-magazin“ über eine RSS-Schnittstelle eingebunden.

Link zur Webseite: http://www.baekosued.de

Netzbewegung – Agentur für interaktive Markenerlebniswelten:

Die Internet-Agentur Netzbewegung entwickelt interaktive Anwendungen und Markenerlebnisse, die durch kreative Ideen, hochwertiges Design und zukunftsweisende technische Lösungen begeistern. Sie betreut bekannte Marken und Unternehmen wie Haribo, Griesson – de Beukelaer, Maoam, Sun Rice, Gubor, FruchtZwerge, Actimel, Capri-Sonne, Prinzen, Babybel, Kiri, UHU, Bruder, WAS IST WAS und Merck Selbstmedikation.

Die Agentur wurde 2000 gegründet und beschäftigt heute 32 feste Mitarbeiter. Das Leistungsportfolio der Agentur umfasst die Realisierung von interaktiven Marken-Erlebniswelten, Corporate-Websites, Online-Promotions, Online-Games, Communities, E-Shops, Online-Kampagnen, Multimediapräsentationen und Content Management Lösungen.

Pressekontakt:

Alwin Roppert
Netzbewegung GmbH
Pforzheimer Str. 132
76275 Ettlingen

Tel.: 07243/2159-0
Fax: 07243/2159-79

Email: roppert@netzbewegung.com
Web: http://www.netzbewegung.com

Für den Keks- und Gebäckhersteller aus Polch hat die Netzbewegung einen neue Internetpräsenz geschaffen, die appetitliche Frische und Natürlichkeit ausstrahlt. Werte, die zum Erfolgsrezept von Griesson – de Beukelaer zählen. Das Erfolgsrezept der Website lautet: Eine raffinierte Kombination aus PHP und JavaScript als Basis, abgeschmeckt mit ein wenig Ajax und einer guten Prise Flash.

Zentrales Element des neuen Webauftritts ist das so genannte „Rich-Media-Modul“, das unterschiedliche Inhalte aufnimmt – von Fotos über Animationen bis hin zu Videoclips. Der entscheidende Vorteil des Moduls: verschiedene Inhalte lassen sich ohne Reload der Seite direkt per Ajax-Request aufrufen. Besonders gut ist das im Bereich Geschichte zu sehen.

Ein weiteres Highlight der Seite ist der Keksfinder, der gemeinsam mit den Experten von Griesson entwickelt wurde. Mit ihm findet jeder das passende Gebäck, entweder durch gezielte Selektion oder als Empfehlung für die aktuelle Kekslaune. Sie haben Lust auf Gebäck bekommen? Dann probieren Sie den Keksfinder am besten gleich aus.

Inhaltlich wendet sich der Webauftritt nach dem Relaunch mit noch mehr Informationen an unterschiedliche Usergruppen. Endverbraucher erfahren alles über das Traditionsunternehmen und sein Sortiment mit acht Marken (unter anderem DeBeukelaer, Leicht&Cross, Prinzen, Tekrum, TUC) und mehr als 90 verschiedenen Produkten. Medienvertretern und Handelspartnern steht ein umfangreicher Bereich mit relevanten Downloads zur Verfügung. Und Stellensuchende finden aktuelle Jobs und Informationen im Bereich Karriere. Abgerundet wird der Auftritt durch kleine aber feine Infografiken, die eigens für den Auftritt neu kreiert wurden.

Auf ausdrücklichen Kundenwunsch wurde die neue Seite entsprechend den Anforderungen für barrierefreies Webdesign gestaltet. So zeigt Griesson – de Beukelaer mit seinen hohen Standards auch in dieser Hinsicht Verantwortung und Vorbildfunktion.

Link zur Webseite:  http://www.griesson.de

Netzbewegung – Agentur für interaktive Markenerlebniswelten:

Die Internet-Agentur Netzbewegung entwickelt interaktive Anwendungen und Markenerlebnisse, die durch kreative Ideen, hochwertiges Design und zukunftsweisende technische Lösungen begeistern. Sie betreut bekannte Marken und Unternehmen wie Haribo, Griesson – de Beukelaer, Maoam, Sun Rice, Gubor, FruchtZwerge, Actimel, Capri-Sonne, Prinzen, Babybel, Kiri, UHU, Bruder, WAS IST WAS und Merck Selbstmedikation.

Die Agentur wurde 2000 gegründet und beschäftigt heute 32 feste Mitarbeiter. Das Leistungsportfolio der Agentur umfasst die Realisierung von interaktiven Marken-Erlebniswelten, Corporate-Websites, Online-Promotions, Online-Games, Communities, E-Shops, Online-Kampagnen, Multimediapräsentationen und Content Management Lösungen.

Pressekontakt:

Alwin Roppert
Netzbewegung GmbH
Pforzheimer Str. 132
76275 Ettlingen

Tel.: 07243/2159-0
Fax: 07243/2159-79
Email: roppert@netzbewegung.com
Web: http://www.netzbewegung.com

Today we Experimented with Explosives and what we call Snow in OE-cake We also tried to find out what properties the A key gave random materials and we found out how to make a slush to make an avalanche tomorrow.

He was blinking. HA!

Lesson 4 of Flash done.

Lesson 3 of Flash. Went well.

Lesson 2. Wasn’t that hard. Lets get to some real animation, like gamemaker.

Here’s my completed Flash Movie for Webmastering:

Okazało się dzisiaj, że na FF2 nie działa

display:inline-block;

Wystarczyło, przed tą linią w css dodać:

display:-moz-inline-stack;

U mnie działa

Simply put, a blog is a website maintained by a person or a group of people who post commentary, links to other websites, video, pictures, or other media on a regular basis. Most blogs also have a section where people who read it can post their comments. Blogs started out as mostly “online diaries,” where the blogger would post mainly about their day-to-day life, and over time, they have transformed into sites where people post anything that interests them or that they think other people will also find interesting. Blogs have grown in popularity in the last decade, to where they now occupy a position of great influence on our culture.

A blog is used for someone to have a voice on the Internet. It is basically an online Journal used to talk about random things of interest to them… and hopefully others. There are many different kinds of blogs ranging many different topics from video games to cooking to possibly world domination. Blogs are a way to get your voice heard by a wide range of people. You could just use it as an online journal that no one else can see and you don’t have to waste paper to do it so they are a good thing.

The problem

You have a website running Google Analytics (with the latest tracking code). You are selling widgets using a 3^rd party online store provided by FastSpring.

You would like to open Google Analytics, display a list of all your sales, and be able to see where your paying customers are coming from. You want to know what websites they are being referred from, what search keywords they are using to find your site, and which pages on your site they are landing on. You also want to know which keywords (organic or paid) and which landing pages are earning you the most money.

The non-solution

FastSpring boasts easy Google Analytics integration, so getting your e-commerce transactions to show up in your Analytics reports is a piece of cake. Pretty much all you need to do is enter your Analytics profile number in the FastSpring management panel and set “E-commerce website” to “Yes” in your profile settings, if you haven’t done so already.

You can now see all your sales in Analytics. However, when you start looking at the referrals and keywords that led to the sales, you will get a nasty surprise: All your sales appear as though they were referred from your site! Instead of “cheap widgets”, or whatever keywords your customers use to find your site, you’ll see “(direct)”. Instead of Google, you’ll see “yourwidgetsite.com”, or whatever you called your silly widget site. This will not stand!

Here’s why Analytics loses track of the referral information: The Google Analytics code on your website’s pages recognizes visitors by a cookie which stores a unique visitor ID. However, this cookie is assigned to your domain (yourwidgetsite.com). When a visitor leaves your site and enters your FastSpring store (at sites.fastspring.com), the Google Analytics code FastSpring added to your store pages does not have access to that cookie. So what it does is create a brand-new tracking cookie. And the only information it has is the referring page on yourwidgetsite.com, which is why the transaction will be shown as having been referred from yourwidgetsite.com.

The proper solution

1.

First, change the Google Analytics code on all your pages to:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-XXXXXX-1");
pageTracker._setAllowHash(false);
pageTracker._setAllowLinker(true);
pageTracker._trackPageview();
</script>

Of course, you should replace “UA-XXXXXX-1″ with your actual profile ID. If your website consists of multiple subdomains that you want to track under a single Analytics profile, you should also add this line:

pageTracker._setDomainName("yourwidgetsite.com");

This line will ensure that GA will use only one cookie (for yourwidgetsite.com) rather than a separate cookie for each subdomain.

It is critical that you use the exact same code on all your pages. Google Analytics is very sensitive and will set a new cookie when it detects the slightest change in the tracking code from one page to another. When this happens, you lose information on what your customer was doing before.

Google’s official help tells you to use pageTracker._setDomainName(“none”) instead of pageTracker._setAllowHash(false), but this solution is not recommended by the gurus at the Analytics Help forum. Caleb Whitmore says:

setDomainName(“none”) will make GA set the cookies to the full, EXPLICIT domain of the current hostname.  Thus, if someone is on “mysite.com” and then clicks to a page on “www.mysite.com” they’ll get new cookies on the “www” domain, or vice-versa.”

2.

Add the exact same code (with the exception of the _setDomainName line) to your FastSpring store pages. First, you need to disable Google Analytics tracking in the FastSpring management panel. FastSpring does not let you customize the tracking code and they use a very old version of the code anyway (from back when Google Analytics was known as Urchin).

You will need to insert the proper GA code into your store page template. In the FastSpring panel, go to “Styles” and create a new style (if you haven’t created one before). You will need a ZIP file with your current style files. You can get this file if you e-mail FastSpring. Unzip the file, then open a file named “window.xhtml”. Add the tracking code described above (with the exception of the _setDomainName line) right after the <body> tag.

3.

Change all the links from yourwidgetsite.com to your store at FastSpring to look like this:

<a href="https://sites.fastspring.com/..."
onClick="pageTracker._link(this.href, true); return false;">Buy my widget</a>

This code will take all the information stored in the GA tracking cookie for yourwidgetsite.com and append it to the URL query string used to navigate to your online store. The GA tracking code on the target store page will retrieve all this data from the query string and put it into the new cookie (assigned to sites.fastspring.com) that it will create. That way, all the information about your visitor’s previous activities will be preserved.

Remember that for the new cookie to get this information, every single link to your store must look as shown above.

4.

Now the GA code on your store pages has access to all the interesting information on search keywords, landing pages, etc. The only remaining problem is that no transactions are being recorded, since you disabled FastSpring’s built-in Analytics support in step 2. We will fix that now.

In the FastSpring management panel, go to “External Tracking”. This is where you previously disabled Google Analytics tracking. Now you are going to turn the tracking back on, but with the updated Analytics code.

Click “Add Custom Tracking Method”. Name it something like “Google Analytics (new code)”. Choose “Free-form XHTML Fragment”. Paste the following code into the text box:

<script type="text/javascript">
try {
pageTracker._addTrans(
"#{order.reference}",          // Order ID
"",                        // Affiliation
"#{order.subTotal.textValue}", // Total
"#{order.tax.textValue}",      // Tax
"",                            // Shipping
"#{order.address.city}",       // City
"#{order.address.region}",     // State
"#{order.address.country}"     // Country
);

<repeat var="item" value="#{order.allItems}">
pageTracker._addItem(
"#{order.reference}",     // Order ID
"#{item.productName}",   // SKU
"#{item.productName}",    // Product Name
"",                      // Category
"#{item.priceTotal.textValue}",   // Price
"#{item.quantity}"        // Quantity
);
</repeat>

pageTracker._trackTrans();
} catch(err) { }
</script>

Whereas the code you added to window.xhtml (your store Style) is inserted into every page of your FastSpring store, the above code appears only on the order confirmation page (near the bottom). It sends some basic transaction data to Analytics, then it takes each order item and sends information about it to Analytics as well (the <repeat> loop).

A few comments are in order:

• FastSpring has no SKU’s or product ID’s, but Analytics needs this parameter — otherwise it does not record all the line items in an order correctly. So the best solution is to pass the product name as the SKU.
• #{order.subTotal.textValue} is passed as the “Total”, because the order amount before taxes and shipping is probably what you are interested in. If you’d rather see the total amount paid by the customer in your Analytics reports, you can change it to #{order.total.textValue}.
• “Shipping” is left empty because FastSpring does not provide that variable.

Neither the above variables nor the <repeat> construct are documented anywhere in the manuals that FastSpring provides to sellers. I got this information from Ryan Dewell, the VP of Software Development at FastSpring. He has mentioned to me that FastSpring will be updating its Google Analytics support, so it is possible that full Analytics integration will eventually be possible without all the hacking described here.

Im Zuge des Marken Relaunches wurde der Webauftritt des Feinwaschmittels aus dem Hause Henkel von der Kreativagentur Netzbewegung komplett überarbeitet.

Die Netzbewegung übernahm diese Aufgabe nach dem Pitchgewinn Ende Mai. Im Mittelpunkt der Seite steht die wertige Produktpräsentation, die die neue Flasche elegant in Szene setzt.

Neben einer optischen Aufwertung wurde auch die inhaltliche Dimension vertieft – ein redaktioneller Magazinteil unterstreicht künftig die Kompetenz der Marke für feine Textilien.

Den Schwerpunkt von Perwoll.de bilden der Ratgeber „Waschen & Pflegen“ sowie die Rubrik „Style & Fashion“ Mit einem Kooperationspartner aus dem Versandhandel werden auf den Seiten künftig aktuelle Fashion-Trends vorgestellt.

Zur Webseite von Perwoll: www.perwoll.de

Netzbewegung – Agentur für interaktive Markenerlebnisse

Die Internet-Agentur Netzbewegung entwickelt interaktive Anwendungen und Markenerlebnisse, die durch kreative Ideen, hochwertiges Design und zukunftsweisende technische Lösungen begeistern. Sie betreut bekannte Marken und Unternehmen wie Haribo, Maoam, Perwoll, Weißer Riese, Sun Rice, Gubor, FruchtZwerge, Actimel, Capri-Sonne, Prinzen, Babybel, Kiri, Bruder, WAS IST WAS und Merck Selbstmedikation.

Die Agentur wurde 2000 gegründet und beschäftigt heute 30 feste Mitarbeiter. Das Leistungsportfolio der Agentur umfasst die Realisierung von interaktiven Marken-Erlebniswelten, Corporate-Websites, Online-Promotions, Online-Games, Communities, E-Shops, Online-Kampagnen, Multimediapräsentationen und Content Management Lösungen.

Pressekontakt:

Alwin Roppert
Netzbewegung GmbH
Pforzheimer Str. 132
76275 Ettlingen

Tel.: 07243/2159-0
Fax: 07243/2159-79

Email: roppert@netzbewegung.com