Finn Dorby Webapplikationen http://finndorby.com code is poetry Mon, 11 Mar 2013 14:49:35 +0000 de-DE hourly 1 http://wordpress.org/?v=3.5.1 Mobile Webseite: Weiche oder Stylesheet? http://finndorby.com/?p=314 http://finndorby.com/?p=314#comments Mon, 11 Mar 2013 14:48:54 +0000 Finn Dorby http://finndorby.com/?p=314 Mehr]]> Bei der Erstellung einer mobilen Webseite stellt sich häufig die Frage, wie man diese realisieren soll.
Es gibt grundsätzlich 2 Möglichkeiten, bei einer bestehenden Webseite vorzugehen.
Die einfachere ist häufig ein Stylesheet einzufügen, daß Style-Anweisungen für mobile Geräte überschreibt.
Die zweite Möglichkeit besteht darin unter einer subdomain eine eigene Seite zu realisieren, wie z.B. m.finndorby.com oder mobil.finndorby.com.

Hier mal die Vorteile gegenüber gestellt:

Stylesheet:

  • Weniger Pflegeaufwand: Inhalt wird i.d.R. Zentral gepflegt und nur einmal veröffentlicht.
  • kein doppelter Inhalt und Verteilung des Pageranks auf mehrere Domains
  • Höhere “Trefferquote” und zukunftssicherer: Die Unterscheidung des Geräts geschieht auf der Client-Seite, normalerweise über javascript (touchstart)

    Weiche:

  • Deutlich geringere Ladezeiten, da keine Elemente geladen werden, die über display:none ausgeblendet werden.
  • Mehr Flexibilität: eine ausschließlich für Mobilgeräte entwickelte Seite muss keine Desktop-Rechner berücksichtigen.

    Fazit
    bei kleineren Projekten empfiehlt es sich eher auf ein mobiles Stylesheet zu setzen, da hier die Vorteile des geringeren Pflegeaufwands überwiegen.
    Bei größeren und Pflegeintensiveren Projekten sollte eine eigene mobile Webseite erstellt werden, da hier die Vorteile der geringene Ladezeiten überwiegen.

    ]]> http://finndorby.com/?feed=rss2&p=314 0 Launch schoenermoebeln.de http://finndorby.com/?p=301 http://finndorby.com/?p=301#comments Tue, 25 Sep 2012 20:33:03 +0000 Finn Dorby http://finndorby.com/?p=301 schoenermoebeln.de produziert und verkauft Möbeltattoos / Möbelsticker für die IKEA-Serien LACK®, BILLY®, EXPEDIT®, MALM® und andere. Mehr]]> schoenermoebeln.de produziert und verkauft Möbeltattoos / Möbelsticker für die IKEA-Serien LACK®, BILLY®, EXPEDIT®, MALM® und andere. Sie sind aus hochwertigem selbstklebendem PVC-Material hergestellt, das zusätzlich mit einer Oberflächenversiegelung versehen ist.

    Eingesetzte Techniken:
    Wordpress
    Woocommerce
    jQuery
    imagemagick

    Der Shop ist erst einmal mit einem kleinen Sortiment gestartet.
    Für die nahe Zukunft sind unter anderem geplant:
    Affiliate-Programm
    Web2Print-Lösung für User-Motive
    Anbindung an Preissuchmaschinen

    ]]>     http://finndorby.com/?feed=rss2&p=301 0     Relaunch einkaufstrolley.de http://finndorby.com/?p=277 http://finndorby.com/?p=277#comments Mon, 14 May 2012 16:00:49 +0000 Finn Dorby http://finndorby.com/?p=277 einkaufstrolley.deMehr]]>
    Mein eigener Onlineshop ist jetzt technisch wieder auf dem neuesten Stand. Die letzte große Aktulisierung erfolgte 2008, es war also an der Zeit ein paar Neuerungen zu implementieren:

  • Neues Layout
  • CSS3 Elemente eingebunden
  • Tabellen als Layout-Elemente restlos entfernt
  • Schnittstellen zu den Lieferanten verbessert
  • Neue Marken und neue Modelle eingefügt
  • Einbindung jQueryUI
  • Ajax-Suche nach Artikeln
  • jQuery + Caroussel
  • google+, facebook und twitter eingebunden
  • Modal Windows für Detailbilder
  • Zoom-Funktion für Produktbilder mit Cloud-Zoom
  • Serverseitige Thumbnail-Generierung in 3 Größen und als transparentes .png

    • und vieles, vieles mehr.

    Aber keine Zeit sich auszuruhen, es stehen noch einige Neuerungen an, wie z.B. 360° Fotos der Bestseller.

    einkaufstrolley.de

    ]]>     http://finndorby.com/?feed=rss2&p=277 1     WordPress Webseite und Schulung für 890 Euro http://finndorby.com/?p=252 http://finndorby.com/?p=252#comments Sat, 25 Feb 2012 10:13:51 +0000 Finn Dorby http://finndorby.com/?p=252 Mehr]]>

    Das Konzept

    Wir erarbeiten die WordPress-Webseite gemeinsam, indem ich alles nötige vorbereite und mit Ihnen im Rahmen der 3-stündigen Schulung fertigstelle. Ich werde vorbereitend die aktuellste WordPress-Version auf vorgegebenem Webspace installieren und ggfs. schon ein Wunschtemplate einfügen und Anpassungen vornehmen.

    Meine Leistungen

    WordPress-Installation
    Anpassung des Wunschtemplates an Ihr CI
    Erstellen der Menüstruktur
    Einbinden der Inhalte
    Erstellen einer Kontaktseite

    3-Stündige Schulung für eine oder zwei Personen in den Räumen des Medienzentrums Hamburg
    Anschließend 1 Monat kostenlosen Support per Email & Telefon

    Schulungsinhalte

    WordPress Einstellungen
    Konfiguration von Template, Menü & Widges
    Erstellen und bearbeiten von Pages
    Benutzerkontrolle
    Installation von Plugins
    Einführung in die Gestaltung mittels CSS

    Voraussetzungen

  • Vorhandener Webspace mit PHP5-Unterstützung und mind.einer mySQL-Datenbank. Falls kein Webspace vorhanden ist, helfe ich Ihnen gerne bei der Auswahl eines Providers.
  • Texte, Bilder und grundlegende Menüstruktur sollten Sie mitbringen. Achten Sie bitte darauf, daß Sie über ausreichende Rechte an den Texten und Bildern verfügen, beziehungsweise, daß diese Lizenzfrei sind.

    • Interesse?

    Hier geht es zum Kontaktformular

    ]]>     http://finndorby.com/?feed=rss2&p=252 0     jquery-wikipedia-tooltip @ github http://finndorby.com/?p=238 http://finndorby.com/?p=238#comments Sat, 18 Feb 2012 13:35:14 +0000 Finn Dorby http://finndorby.com/?p=238 github.com.Mehr]]> My recently created jQuery-plugin is now available and open for
    contributions at github.com.

    Repository:
    https://github.com/fido-hh/jquery-wikipedia-tooltip
    Git:
    https://fido-hh@github.com/fido-hh/jquery-wikipedia-tooltip.git
    Zip:
    https://github.com/fido-hh/jquery-wikipedia-tooltip/zipball/master

    ]]>     http://finndorby.com/?feed=rss2&p=238 0     HTML5? HTML5! be ready! http://finndorby.com/?p=233 http://finndorby.com/?p=233#comments Fri, 17 Feb 2012 14:39:39 +0000 Finn Dorby http://finndorby.com/?p=233 HTML5 kommt! Was es bringt, wer es nutzen kann, für welche Geräte und Seite sich eine HTML5-Optimierung anbietet kann ich Ihnen gerne zeigen.Mehr]]> HTML5 kommt! Was es bringt, wer es nutzen kann, für welche Geräte und Seite sich eine HTML5-Optimierung anbietet kann ich Ihnen gerne zeigen.

    Hier ein paar Beispiele für interessante HTML5 Canvas-Anwendungen:

    Canvas:
    http://andrew-hoyer.com/experiments/cloth/
    http://seb.ly/demos/GravityParticles/ParticlesForces3D.html
    http://html5demos.com/canvas-grad

    ]]>     http://finndorby.com/?feed=rss2&p=233 0     Wikipedia-tooltip for jQuery http://finndorby.com/?p=184 http://finndorby.com/?p=184#comments Mon, 13 Feb 2012 16:45:49 +0000 Finn Dorby http://finndorby.com/?p=184 Mehr]]>

    jQuery plugin: Wikipedia-tooltip

    Current version: 0.1 (very early release, use at own risk!)
    License: MIT/GPL

    Dependencies:
    jQuery (tested with version 1.7.1)
    Wikipedia-Api

    Download:
    wikipedia-tooltip.0.1

    Demo:
    mySQL (hover over me)

    Albert Einstein (hover over me)

    Code

    <head>
<script type='text/javascript'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript' src='js/wikipedia-tooltip.0.1.js'></script>
<link rel="stylesheet" type="text/css" media="all" href="js/wikipedia-tooltip.0.1.css" />

<script type="text/javascript">
  $(document).ready(function(){
  $('.wikihover').wiki_tooltip({wiki_lang : 'de'}); 
  });
  </script>
</head>

<body>
<abbr class="wikihover" rel="jQuery">jQuery</abbr><br />
</body>

    Planned for future versions:
    Preloading / Caching as parameter
    Better positioning
    More styling options

    Documentation and more examples will follow soon…

    A final word on the wikipedia-API:
    I dont know any other way to get an article-summery than to parse the first 1-2 paragraphs grabbed as json-object till now. I hope wikipedia will improve their API and introduce a method to get a summery soon. This would not just improve loading-/parse-time but would make wikipedia-tooltip more resistant against bad written articles (sometimes the first one or two paragraphs are just empty).

    ]]>     http://finndorby.com/?feed=rss2&p=184 0     jQuery & Cloud Carousel http://finndorby.com/?p=97 http://finndorby.com/?p=97#comments Thu, 09 Feb 2012 17:46:21 +0000 Finn Dorby http://finndorby.com/?p=97 Mehr]]> Cloud Carousel ist eine meiner Lieblingserweiterungen für jQuery.
    Hier eine kleine Änderung des plugins, die es erlaubt, Opacity für die nach hinten rotierenden Objekte als Parameter zu übergeben.
    Mit “Fade”-Effekt:

    Playmarket GO 3 Malibu
    Playmarket GO 3 Anthrazit
    Playmarket Go 3
    Playmarket Go 3 Citron
    Playmarket GO 3 Rot

    Ohne “Fade”-Effekt:

    Playmarket GO 3 Malibu
    Playmarket GO 3 Anthrazit
    Playmarket Go 3
    Playmarket Go 3 Citron
    Playmarket GO 3 Rot

    Hier ein Beispiel-Aufruf:

     
<script>
	$(document).ready(function(){
	$("#carousel").CloudCarousel(
		{
		showOpacity: true,
		xPos: 128,
		yPos: 32,
		}
	);
	});
</script>

    Download cloud_carousel_modified

    Weiter Infos zu dem Script und Einbau-Anleitungen gibt es bei Professor Cloud

    ]]>     http://finndorby.com/?feed=rss2&p=97 0