medani web & design wien Logo
 

Tag "News"

Aktuelle Neuigkeiten aus der Welt des Internet, rund um Webdesign, Programmierung oder Suchmaschinenoptimierung. News gibt es aber auch rund um medani webdesign. Welche neuen Kunden hat medani? Welche Projekte wurden kürzlich abgeschlossen? Welche neuen Dienstleistungen und Produkte bietet medani an?

Webselling – Presseartikel

18. Januar 2012

Neuer Presseartikel zum Thema Online-Shop Trends 2012 in der aktuellen Ausgabe des Fachjournals Webselling.

Einige interessante Trends zum Thema Online-Shop lassen sich für das Jahr 2012 aus diesem spannenden Artikel ableiten.

Dabei wurden die Experten von medani webdesign ebenso zu Rate gezogen, wie auch einige andere Experten aus den Bereichen Online-Shops, Webdesign, Webprogrammierung und Usability Design.

Den ganzen Artikel zum Thema Online-Shop Trends finden Sie natürlich untenstehend als PDF mit Klick auf das Bild

 

Webmaking – Presseartikel

20. Dezember 2011

Neuer Presseartikel zum Thema Webdesign Trends 2012 in der aktuellen Ausgabe des Fachjournals Webmaking.

Dabei wurden die Experten von medani webdesign ebenso zu Rate gezogen, wie auch einige andere Experten aus den Bereichen Webdesign, Webprogrammierung und Usability Design.

Den ganzen Artikel finden Sie natürlich untenstehend als PDF mit Klick auf das Bild!

Webmaking - Webdesign Trends 2012 Fachartikel

Webdesign Wien für Jesmond – Bio Kill


jesmond screenshot webdesign
screenshot webdesign jesmond
mobiles webdesign - Jesmond screenshot



Jesmond – Bio Kill hat von medani webdesign wien ein modernes Webdesign erhalten. So wurde ein modernes Webdesign erstellt und als WordPress Template in die Seite integriert. Zusätzlich wurde ein eigenständiges mobiles Webdesign realisiert.
Dabei werden mobile Geräte vollständig automatisiert erkannt und auf die mobile Version weitergeleitet. Zum Einsatz kommt dabei das von Gerhard Waschier entwickelte mobile Switch Plugin

Der Kunde hatte zudem den Wunsch die Inhalte und Artikel jederzeit selbst aktualisieren zu können. Dies ist durch das von medani webdesign verwendete Content Management System einfach und schnell möglich.

 

Kunde:
Website:
Leistungen:
Umsetzung:

Webdesign Wien für DJ Andy Karo

18. Oktober 2011

Screenshot mobile DJ Webdesign
Webdesign Screenshot mobile DJ
Webdesign Screenshot3 mobile DJ



Koch Andreas – alias DJ Andy Karo (vor allem bekannt als Moderator von Radio Wien) hat von medani webdesign wien ein modernes Webdesign erhalten. So wurde ein modernes WordPress Template in die Seite integriert.

Der Kunde hatte zudem den Wunsch die Inhalte und Artikel jederzeit selbst aktualisieren zu können. Dies ist durch das von medani webdesign verwendete Content Management System einfach und schnell möglich.

Kunde:
Website:
Leistungen:
Umsetzung:

WordPress Theme Framework

9. September 2011


medani webdesign theme framework
medani webdesign wordpress theme framework font settings
medani webdesign wordpress theme framework slider



Um unseren Kunden eine noch professionellere und schnellere Entwicklung von Webseiten anbieten zu können, hat medani webdesign wien ein eigenes WordPress Theme-Framework entwickelt. Ziel des sehr speziellen WordPress Templates / WordPress Theme Frameworks ist die schnellere Bearbeitung von individuellen Webdesigns auf Basis des neuen WordPress Themes.


Neben verschiedenen Settings zur Positionierung des Inhaltes in der Webseite können auch per Klick verschiedene Schriften gewählt werden.

Highlights des medanitwo WordPress Theme Frameworks:

  • Homepageslider – großer Slider mit Beschriftung und verschiedenen Slide-Effekten
  • Farbschema – wählen Sie zwischen verschiedenen Farbschemata aus (Beispiel: hell/dunkel)
  • Layout – wählen Sie zwischen verschiedenen Modulpositionen
  • Font-Size – Schriftgrößen frei wählbar
  • Font-Color – Schriftfarbe frei wählbar
  • Link-Color – Linkfarbe frei wählbar
  • Logo – Logo schnell tauschbar
  • Favicon – Favicon schnell tauschbar
  • Mail-Encryption – codieren von Mail-Adressen im Footer
  • Analytics – automatisches Einbinden von Google-Analytics und Piwik möglich

Das WordPress Theme-Framework von medani webdesign wien wird laufend weiter entwickelt um unseren Kunden weiter professionelle Webseiten am Puls der Zeit zu bieten. Sie haben interesse am WordPress Theme-Framework oder einer individuellen Webprogrammierung? Dann kontaktieren Sie unsere Experten für Programmierung (Gerhard Waschier, dipl. Mediendesigner) und Webdesign (Florian Felber, BA).


Webdesign Wien für FFP-Film Productions

28. Juli 2011

Für FFP hat medani webdesign ein individuelles Design entworfen, das der Webseite einen sehr persönlichen Charakter verleiht. Eingebunden sind sowohl ein Image-Slider und eine Youtube-ähnliche Slideshow, als auch ein Vimeo-player. Dabei werden eingebettete Videos von Vimeo automatisiert als Video in der Slideshow eingebettet und abgespielt.



Das Ziel war ein individuelles Webdesign mit einigen besonderen Features. Die meisten Features sind allerdings im Backend versteckt und dienen der Usability, die medani webdesign auf die speziellen Wünsche des Kunden abgestimmt hat. Zusätzlich kommen im Frontend der Webseite einige jQuery Techniken zum Einsatz, welche die Webseite zu einem absoluten “Hingucker” machen.

 

Als Basis diente das Content Management System WordPress in der aktuellen Version (WordPress 3.1), in welchem der Kunde sehr einfach neue Inhalte und neue Videos posten kann.



Details zu diesem Web-Projekt finden Sie auf der Referenzseite.

medani sucht Webentwickler & Templatingprofi (m/w)

4. Juli 2011

Zur Verstärkung unseres Teams sucht medani webdesign einen vielseitigen Entwickler und Templatingprofi (m/w), der ausgezeichnete Kenntnisse und praktische Erfahrung in html, CSS, php und Templating hat. Weiters sollte der Bewerber Erfahrung mit den Content Management Systemen WordPress und Joomla besitzen. Erfahrungen im Bereich VirtueMart-, Prestasop- und Magento-Templating wären wünschenswert. Der ausgeschriebene Job ist vorerst als Teilzeitjob konzipiert.

Stellenausschreibung Webentwickler & Templateprofi im pdf-Format

WordPress 3.1.3 veröffentlicht

26. Mai 2011

WordPress hat Version 3.1.3 veröffentlicht. Bei der Version 3.1.3 handelt es sich nur um ein Sicherheitsupdate für alle voran gegangenen WordPress Versionen. Vermutlich handelt es sich dabei um die letzte Version vor dem großen Update auf die neue Version (WordPress 3.2).  Dabei wurden einige gravierende Probleme und Fehler behoben:

  • Änderungen zur Erhöhung der Sicherheit
  • Taxonometrie-Verbesserungen
  • Verhinderung von ungewünschten Zugang zu Daten wie Nutzernamen
  • Sicherheitsverbesserungen im Media-Bereich
  • WordPress Import-Datein bereinigen
  • „Clickjacking“-Schutz für moderne Browser auf den Admin- und Loginseiten.

Webdesign mit jQuery

13. Mai 2011

Wie bereits berichtet, wurde Anfang Mai die neue Version von jQuery (Version 1.6) veröffentlich. Dabei wurden weitgehend alle Funktionen verbessert. jQuery 1.6 ist dabei vor allem schneller und mit einem neu geschriebenen Attributmodul veröffentlicht worden.


Doch was genau bringt uns das im Webdesign? Ganz einfach. Webseiten mit der neuen jQuery Version werden deutlich schneller. Das .attr(“wert”) wird zum Beispiel (je nach Browser) bis zu 5x schneller ausgeführt. Dadurch werden Seiten spürbar beschleunigt. Neue Webprojekte können dadurch noch schneller geladen werden oder noch mehr Funktionen aufnehmen. Alte Webdesigns können ebenfalls durch ein Update auf die aktuelle jQuery Version einen Geschwindigkeitsschub erhalten.


Aber Vorsicht. Webseiten, die mit der alten jQuery Version 1.5 arbeiten, sollten nicht einfach updaten. Durch die neu geschriebenen Attributmodule kann es zu Komplikationen kommen. Seiten, in denen Funktionen für jQuery 1.5 geschrieben wurden, könnten mit der neuen Bibliothek durchaus Probleme bereiten, da die alten Codes nicht mehr korrekt ausgeführt werden.

WordPress 3.2 Aussichten

5. Mai 2011

Erste Aussichten auf das nächste WordPress Release gibt es bereits jetzt. medani webdesign hat sich den kommenden Release angesehen und informiert bereits jetzt über die Neuigkeiten der WordPress Version 3.2!

Ein neuer Punkt bei der bevorstehenden WordPress Version wird vor allem das überarbeitete Template sein. Das erst seit kurzem in Verwendung gekommene WordPress Theme TwentyTen wird gegen das neue TwentyEleven ausgetauscht. Dieses Theme wird einige Verbesserungen für die Usability bringen. Dabei können auch verschiedene Vorlagen individuell für jede Webseite verwendet werden. (2spaltig, 3spaltig etc.)

Ein leidiges Thema für WordPress wird endlich in Angriff genommen: Die Geschwindigkeit! WordPress 3.2 soll gegenüber den Vorgängerversionen deutlich an Geschwindigkeit gewinnen. Dabei werden viele alte Funktionen von Bord genommen, um das System vor allem schlanker zu machen. Neue Funktionen werden keine dazukommen.

Ebenfalls in Angriff wurde ein eigener Editor genommen. Der alte Editor von TinyMCE soll gegen einen WordPress eigenen Editor getauscht werden und den Workflow erheblich verbessern. Updates des Content Management Systems sollen schneller erfolgen. Dabei werden in zukünftigen Versionen nicht mehr alle Dateien getauscht und upgedatet, sondern nur noch Dateien, in denen Änderungen vorgenommen wurden. Auch Akismet soll dabei nicht mehr automatisch mit einem Update versorgt werden.

Um WordPress konkurrenzfähig zu halten und weiter am Puls der Zeit zu bleiben, wird ab WordPress 3.2 endlich die Mindestanforderung für den Server hochgeschraubt. Dabei wird mindestens PHP 5.2.4 und MySQL5 vorausgesetzt. Ebenfalls wird der Support und die Unterstützung für den Internet Explorer 6 eingestellt. Dadurch wird vor allem das Backend unter dem IE6 nicht mehr funktionieren. Auch bei medani webdesign wird diese Entwicklung begrüßt, da ein standardisiertes Coding der Webseiten und einheitliche Darstellung des Webdesigns in allen Browsern weiter verbessert wird.

Microsoft lässt IE6 sterben!

3. Mai 2011

Nach vielen Jahren lässt Microsoft den Internet Explorer 6 endlich endgültig fallen. Das Microsoft sich das wünscht, ist keine neue Nachricht. Schon seit einigen Jahren ist der Browser für moderne Webseiten und Webdesigns nicht nur eine kleines Ärgernis, sondern ein echtes Hindernis. Um das Webdesign und Webapplikationen weiter zu verbessern, versucht Microsoft schon seit geraumer Zeit den alten IE6 sterben zu lassen.

Eine neue Bestrebung von Microsoft, um den Internet Explorer 6 endlich seiner wohlverdienten Ruhe zuzuführen, ist die Webseite “Internet Explorer 6 Countdown“. Diese bietet einen Überblick über aktuelle Userzahlen des Browsers. Zusätzlich stellt Microsoft auf der Seite ein Banner zur Verfügung. Dieser kann einfach in den Quellcode einer Webseite eingebunden werden, um User des IE6 auf den alten Browser hinzuweisen und zu einem Upgrade auf einen aktuelleren Browser zu bewegen.


Auch medani webdesign unterstützt und begrüßt diese Initiative, um moderne und attraktives Webdesign am Puls der Zeit weiter zu ermöglichen.

Webdesign Wien für Installateur Dorner

19. April 2011
Webdesign für Installateur Dorner 3Webdesign für Dorner Installateur 2Webdesign für Dorner Installateur


Für das renommierte Unternehmen Installateur Dorner hat medani webdesign ein individuelles Design entworfen, das der Webseite einen sehr persönlichen Charakter verleiht. Auf der Startseite wird ein Image-Slider eingebunden. Um vor allem das Corporate Design des Unternehmens zu unterstreichen wird als Hintergrundbild der Wassertropfen (Logo) des Unternehmens verwendet. Dieses Hintergrundbild wird mit Hilfe einer kleinen JavaScript Funktion automatisch auf die passende Bildschirmgröße gebracht und wird auf jedem Bildschirm ideal groß dargestellt.


Das Ziel war ein individuelles Webdesign mit einer reduzierten und schlichten Oberfläche, die vor allem das Unternehmensbild wiederspiegelt. 
Zusätzlich kommen im Frontend der Webseite einige jQuery Techniken zum Einsatz, welche die Webseite zu einem absoluten “Hingucker” machen. Auf das aktuelle WordPress System setzt ein individuelles Webtemplate auf Basis des von medani webdesign entwickelten WordPress Templates auf. Das Template wird laufend erweitert und an die Bedürfnisse der Kunden als auch an die technischen Neuerungen angepasst.


Als Basis diente das Content Management System WordPress in der aktuellen Version (WordPress 3.1.1), in welchem der Kunde sehr einfach neue Inhalte und neue Videos posten kann.

 

Nähere Informationen zum Webdesign Projekt finden Sie auf der Referenzseite.

WordPress mobile Switch

5. April 2011

Mobile Webseiten werden jetzt mit dem WordPress Plugin “GWX Mobile Switch” noch besser unterstützt. Das von medani webdesign wien entwickelte WordPress Plugin bietet dabei großen Komfort bei der Erstellung von mobilen Lösungen. Mobile Geräte, Smartphones und Tablets werden dabei automatisch erkannt.


Wird ein mobiles Gerät entdeckt, kann der User auf ein eigenes mobiles Design weitergeleitet werden. Das Design kann dabei bequem im Backend vom User ausgewählt werden.  Mittels Umschalter kann zusätzlich zwischen der mobilen Version und der Vollversion hin- und her gewechselt werden. Momentan werden sämtliche aktuellen mobilen Geräte unterstützt inkl. iPhone, iPad, iPod, Android Phones, Windows Mobile 6.5, Windows Phone 7, Opera Mobile, Firefox Mobile, Blackberry, Nokia und viele andere mehr. Das Plugin wird laufend um die neuesten mobilen Browser erweitert.


Entwickelt wurde das Plugin für die aktuelle WordPress Version 3.1 und ist damit auf dem neuesten Stand der Technik.

Momentan setzt medani webdesign das Plugin exklusiv bei seinen Kunden mit mobilem Webdesign ein. Einen kleinen Vorgeschmack auf die Arbeitsweise des interessanten Plugins bekommen Sie unter www.bma-law.com. Dazu nur schnell die Adresse in Ihrem Smartphone aufrufen und das Ergebnis ansehen.

Gerhard Waschier, dipl. Mediendesigner (Anfrage)

Firefox 4 ist da!

23. März 2011

Endlich ist es so weit! Die lang erwartete neue Version des Firefox ist da. Die aktuelle Version “Firefox 4″ bringt dabei einige Neuerungen mit sich. Dabei hat sich sowohl grafisch als auch bei der Leistung einiges getan.


Webseiten werden von Firefox noch schneller geladen. Die Performance insgesamt wurde stark weiter verbessert und neue Features wie verbesserte Unterstützung von HTML5 oder WebGL um 3dGrafiken einbetten zu können. Interessant ist auch das Plugins ab der neuen Version in einem extra Prozess laufen. So wird bei Absturz oder hängenbleiben eines einzelnen Plugins nicht mehr der ganze Browser geschlossen, sondern nur das Plugin.


Die neue JavaScript Engine Jägermonkey sorgt für deutliche Geschwindigkeitszuwächse. JavaScript und AJAX gesteuerte Webseiten und Webapplikationen werden dadurch stabiler, präziser und eindeutig schneller ausgeführt.


Das Userinterface wurde in der aktuellen Version komplett neu gestaltet. Die grafische Aufarbeitung des Firefox 4 ist dabei auf das wesentliche Reduziert worden und bietet eine moderne aufgeräumte Arbeitsoberfläche.
Interessant vor allem für Entwickler dürfte auch die Webkonsole sein. Diese soll vor allem das Debugging unterstützen um Webapplikationen einfacher zu entwickeln.

Screenshot Firefox 4

Neues Webportal – Webtrends

9. März 2011

medani webdesign wien hat für das Portal “web-trends.at”  ein individuelles Webdesign entworfen, das der Webseite einen sehr persönlichen Charakter verleiht. Das Portal wird in Zukunft Neuigkeiten und Trends rund um die Themen WordPress, Content Management Systeme, Templates, HTML, Webdesign, Suchmaschinenoptimierung, Suchmaschinenmarketing, Ajax und jQuery liefern und eine wichtige Anlaufstelle sein, um bei diesen Themen up-to-date zu bleiben.


Als Basis diente das Content Management System WordPress.


Details zu diesem Web-Projekt finden Sie unter http://www.web-trends.at.

WordPress 3.1

24. Februar 2011

Heute wurde die lang ersehnte WordPress Version 3.1 veröffentlicht. Mit der neuen Version präsentiert sich WordPress als System mit steigenden Content Management System – Qualitäten.


Um einiges später als geplant wurde die neue Version von den WordPress Entwicklern zum Download freigegeben. Ursprünglich war das Release für Mitte Dezember 2010 geplant. Maßgeblich Schuld an der Verzögerung hatten einerseits die neuen Funktionen, die die Usability verbessern sollten, als auch Sicherheitslücken, die geschlossen werden mussten. Die großen Sicherheitslücken wurden zwischenzeitlich mit den Versionen 3.04 und 3.05 geschlossen. medani webdesign empfiehlt allen Kunden, die WordPress im Einsatz haben, ein Update auf die aktuelle Version. Bei Abonnierung des medani Security Pack um nur € 10 pro Monat, erledigen wir das Update Ihres WordPress-Systems völlig eigenständig. Das Paket bietet aber auch noch viele weitere Dienstleistungen, die Sie dem Link entnehmen können.

 


Verbessert wurde neben der Sicherheit von WordPress vor allem die Usability. So gibt es jetzt eine Admin-Bar, über die man im Frontend bequem auf die wichtigsten Funktionen im Backend zugreifen kann. Neu ist auch die verbesserte Artikel- und Seitensortierung im Backend. Neben Sortierung der einzelnen Seiten und Artikeln nach Autor, Datum und Titel, ist auch das Paging verbessert worden. So gibt es jetzt Buttons, um auf die erste und auf die letzte Seite springen zu können. Außerdem können Seiten jetzt einzeln und direkt durch Angabe der Seitennummer aufgerufen werden.

Suchmaschinenoptimierung – Tool (Advanced Web Ranking)

7. Februar 2011

Suchmaschinenoptimierung und Arbeiten an der Webseite sind Grundvoraussetzung, um in Suchmaschinen gefunden zu werden und das Ranking zu verbessern. Bevor allerdings mit den Arbeiten zur Suchmaschinenoptimierung (SEO = Search Engine Optimization) begonnen werden kann, muss die zu optimierende Seite analysiert werden.
Im Artikel “Seotool” hat medani webdesign eine OpenSource Analytics-Lösung vorgestellt.


Google Analytics und andere Tools überwachen dabei den direkten Trafic auf der Webseite. Wenn man von einer Seite zusätzlich das Ranking in Suchmaschinen wissen möchte, kann man entweder direkt über Google suchen um den aktuellen Rang und alle zusätzlichen Infos die man benötigt, festzustellen. Oder man benutzt ein professionelles Tool, über das die Webseite mit fix vergebenen Keywords überprüft werden kann. Täglich werden dann die neuen Daten von Google geholt und das aktuelle Ranking festgestellt.


Eine Möglichkeit zur laufenden Überwachung und Analyse des Ranking von Webseiten ist die kostenpflichtige Software Advanced Web-Ranking. Mit diesem Tool ist es möglich beliebig viele Webseiten mit beliebig vielen Keywords zu überwachen und auszuwerten. Das Keyword research Tool bietet dabei die Möglichkeit weitere relevante Keywords zu finden. Nebenbei kann man auch verschiedene Auswertungen über frei zu wählende Zeiträume ansehen.


Ein großer Pluspunkt der SEO Software ist die Ansicht von einzelnen Keywords. Die gewählten Keywords werden nicht nur mit dem aktuellen Rang in der Suchmaschine gezeigt. Standardmäßig werden neben “Position” (site ranking), Vorher, Bester Rang, Änderung etc. auch die jeweiligen Seiten gelistet.


Die Ergebnisse der Software können sehr übersichtlich verglichen und analysiert werden. Dank der Sichtbarkeit der Änderungen in Plus- und Minuswerten kann zusätzlich ein Trend herausgelesen werden, was die weitere Suchmaschinenoptimierung beeinflusst. Um die Keywords leichter aufzufinden, können diese in Kategorien gelegt werden.


Selbstverständlich bietet das Tool neben dieser noch sehr einfachen Analyse noch viele weitere Funktionen.


Verschiedene Suchmaschinen inklusive Google.com, Google.at, Google Adwords, Bing, Yahoo, Alexa und andere können für die Analyse für jedes einzelne Projekt frei konfiguriert werden. Um wichtige Keywords besser hervorzuheben und leichter zu finden können diese farblich verändert werden.


Um die Daten übersichtlich für Präsentationen oder zu weiteren Analysezwecken darzustellen, können verschiedene Berichte generiert und exportiert werden. Das Layout des Reports kann dabei über die Einstellungen verändert und angepasst werden. Neben FTP-Profilen können ebenfalls Kundendaten in einem integrierten Adressbuch verwaltet werden.


Unter den Einstellungen können auch verschiedene Browser eingestellt und verwaltet werden. Über diese Browser wird die Suchmaschinenanalyse durchgeführt.
Eine Diagrammansicht, als auch ein direkter Konkurrenzvergleich sind ebenfalls in das Tool integriert.


Eine der interessantesten Analysemöglichkeiten ist die “Suchbegriff-Analyse”. Über diese können einzelne Suchbegriffe auf Vorkommen, Dichte und Prominenz untersucht werden. Ausgelesen werden dabei Titel, Links, Alt-Attribute von Bildern, Meta Keywords, Meta Description und natürlich der Header. Allgemeine Informationen wie die URL, Domain, IP-Adresse, Google Page Rank, Alexa Traffic Rang und die Seitengröße werden dabei ebenfalls ausgelesen.


Natürlich können Daten bei Bedarf auch außerhalb der frei zu wählenden Zeitpläne manuell upgedatet und neu geladen werden. Die Einstellung hier läuft von der Aktualisierung einer einzelnen Webseite über mehrere Webseiten bis hin zu alle Webseiten aktualisieren. Das Aktualisieren aller verwalteten Projekte und Webseiten dauert natürlich je nach Aufwand mehr oder weniger lang.


Advanced Webranking ist eine interessante Software und bietet große Funktionalität für die Analyse von Webseiten. Für professionelle SEO-Agenturen ein absolut starkes Tool, das die Analyse und Überwachung des Google Rankings deutlich vereinfacht. Dank Advanced Webranking können Entscheidungen und die Kontrolle der Erfolge noch effizienter durchgeführt werden. Daher verwendet medani webdesign Advanced Web Ranking seit vielen Jahren, um seinen Kunden gute Ergebnisse liefern zu können.


Screen Visibility

mobile Webseiten – Subdomain mit Redirect

Viele Webseiten bieten nicht nur die Möglichkeit mit mobilen Geräten auf sie zuzugreifen, sondern erkennen automatisch mobile Geräte und schalten auf das mobile Design um.
Bei manchen Seiten findet man sogar einen Schalter zum “Switchen” (Hin- und Herschalten) zwischen den Ansichten.

Dabei gibt es drei Möglichkeiten um Webseiten für mobile Geräte und Smartphones fit zu machen.

Möglichkeit 1:

Die Erstellung und Einbindung einer eigenen CSS Datei für mobile Geräte. Dabei werden meist große Bilder und Teilbereiche der Webseite einfach ausgeblendet, sowie die Größe und das Layout angepasst, um eine verbesserte Darstellung auf mobilen Geräten zu erreichen. Gerade bei umfangreichen Webseiten kann das Styling sehr aufwändig sein. Da die Seite nur generell für mobile Endgeräte und Smartphones optimiert wird, kann es mit verschiedenen Geräten, den verschiedenen (mobilen) Browsern und natürlich durch die unterschiedlichen Auflösungen der Displays immer wieder zu Problemen in der Darstellung kommen.

Das Hauptproblem bei Smartphones, Tablets und mobilen Geräten: Jede Menge verschiedene Auflösungen, verschiedene Browser und Smartphone Betriebssysteme (IE Mobile, Firefox Mobile, iPhone, iPad, Android Systeme, Blackberry, Windows Phone 7, …). Eine Mischung aus diesen Komponenten macht es fast unmöglich eine Webseite für alle Geräte zu optimieren.

Möglichkeit 2:

Die 2te Möglichkeit um etwas ideal auf dem Handy oder Smartphone darzustellen sind Apps. Diese sind nicht unbedingt etwas Neues, da Linux User schon seit Jahren Anwendungen über das Internet installieren. Richtig durchsetzen konnten sich die Apps aber erst richtig mit dem iPhone von Apple. Mittlerweile bieten fast alle Hersteller die Möglichkeit Apps herunterzuladen, zu kaufen und zu installieren.
Die Apps wirken aufgeräumt, sind auf das Wesentliche reduziert und einfach zu bedienen. Daher auch der große Erfolg. Großer Nachteil von Apps: Sie sind nicht anpassungsfähig und können meist nur unter großem Aufwand für ein anderes System verfügbar gemacht werden. iPhone Apps bleiben somit auf dem iPhone, Android Apps bleiben auf Android und Windows Phone Apps bleiben auf dem Windows Phone Betriebssystem. Für spezielle Anwendungen können Apps durchaus Vorteile bieten. Bei Webseiten sind sie aber nicht ideal, da sie nicht auf allen Geräten laufen.


Beide Varianten bieten einige Vor- und Nachteile. Ein eigenes Stylesheet und die Seite bleibt Plattformunabhängig. Jedoch wird die Seite oft nicht ideal dargestellt. Bei Apps erhält man zwar eine ideale Darstellung des Inhalts, allerdings ist man nicht Plattformunabhängig und muss die App extra auf dem Telefon installieren.

Genau an diesem Punkt setzt Möglichkeit 3 an:

Stichwort: mobiles Webdesign und Webapps (Webapplikationen)

Viele große Webseiten wie zum Beispiel Google oder Facebook machen es uns vor. Unter einer Subdomain kann man eine mobile Version der Webseite aufrufen. Idealerweise muss diese nicht extra geklickt werden denn mobile Geräte, Smartphones, Tablets und mobile Browser können automatisiert ausgelesen und erkannt werden. Danach ist eine automatische Weiterleitung auf die mobile Version möglich. So können Sie einfach mit Ihrem Smartphone, iPhone, Tablet, iPad etc. die normale Webseite öffnen und werden auf eine mobile Version geleitet. Ein Umschalter, um auch die Originalversion zu sehen, ist natürlich ebenfalls einfach zu realisieren. Die mobile Version kann dabei flexibel wie eine App gestaltet werden und ist im Layout für mobile Endgeräte optimiert. Durch die Realisierung im Web entfällt dabei allerdings eine lokale Installation und die Seite ist somit Plattformunabhängig und kann auf jedem Gerät betrachtet werden.

Die automatische Weiterleitung funktioniert übrigens nicht nur auf iPhone, iPad und Android Systemen. medani webdesign inkludiert und unterstützt dabei ebenfalls Blackberry, Nokia, Symbian, Windows Mobile, Opera Mini, Mozilla Firefox Mobile (Fennec) und die meisten anderen Systeme. Selbstverständlich kann diese auch in bestehende WordPress Systeme, sowie in Webapplikationen integriert werden.

Lesen Sie mehr über mobiles Webdesign.
Lesen Sie mehr über Webapplikationen.

Webdesign Trends 2011

19. Januar 2011

Gerade im Webdesign gibt es immer wieder Tendenzen zu Neuerungen in Technik und Design. Webseiten von Heute können mit dem Design, das vor 3-5 Jahren modern war eigentlich gar nicht mehr verglichen werden. Neue Begriffe, Ideen und Techniken prägen das Web und heben einerseits die Vernetzung und Kommunikation auf eine andere Stufe. Andererseits werden Designer und Programmierer dabei vor ständig neue Herausforderungen gestellt. Dabei immer die richtigen Trends zu erkennen, ist nicht einfach aber wichtig. Wichtig deshalb, da man nicht viel Energie in neue Technologien stecken möchte, die sich vielleicht nie durchsetzen. Auf den großen Mainstream zu warten ist dabei aber die falsche Methode, da man sonst schnell wieder technisch veraltet ist. medani webdesign erkennt Trends frühzeitig und setzt diese erfolgreich bei seinen Kunden ein. Eine kleine Prognose zu den Webdesign-Trends 2011:

Funktionalität:

2011 wird eindeutig kein Schönheitswettbewerb. Verschnörkelte und extrem verschachtelte Webseiten sind out. Stattdessen wird jetzt wieder mehr Wert auf Funktionalität, Usability und klare Struktur gelegt. Grund dafür sind vor allem die Entwicklungen im mobilen Bereich. Außerdem wollen die User finden wonach gesucht wird. Schwer übersichtliche Seiten werden daher sicher leiden.

Content & Social Web:

Ebenso wird der deutschsprachige Raum mit Content überflutet werden. 100e neue Blogs und Seiten sorgen für viel Diskussionsstoff und viele Meinungen. Dank Facebook weiß jeder über Alles Bescheid. Dabei haben im letzten Jahr auch die Webseiten Facebook für sich entdeckt und viele haben bereits einen eigenen Facebook-Like Button auf der Seite installiert. Die große Frage bei Social Web ist allerdings: Wann und ob ein ernstzunehmender Facebook-Konkurrent ins Rennen geschickt wird. Ein Ansatz dafür wäre zumindest Diaspora. Leider befindet sich das aussichtsreiche Projekt noch im Alpha Stadium. Ein offizieller Release und wann es fehlerfrei funktioniert, ist leider noch nicht ersichtlich. Für Experten mittlerweile ein alter Hut, wird Social Web 2011 jedoch sicher in Unternehmen diskutiert werden und auch hier breitere Unterstützung finden.

HTML5 & CSS3:

Bereits letztes Jahr haben sich einige Techniken aus CSS3 und HTML5 im Webdesign etabliert. Größte Errungenschaften sind dabei sicher Webfonts, Schatten, Transparenzen und Video. Dank Internet Explorer 9 und den neueren Versionen von Firefox, Opera, Safari, Chrome und Co. werden die beiden Techniken sich sicher noch breiter durchsetzen und auf vielen neuen Seiten zum Einsatz kommen. Bereits jetzt gibt es eine große Fülle an Beispielen.

Mobile Webseiten:

Einer der größten Trends für Webdesign, Webapplikationen und Webprogrammierung ist sicher die mobile Verfügbarkeit von Seiten. Smartphones und Co. haben sich 2010 endgültig durchgesetzt. Neu dazugekommen sind Tablets. Diese beiden Geräteklassen machen das Web immer und überall verfügbar. Wir gehen nicht mehr ins Internet, sondern haben es immer griffbereit dabei. Dementsprechend müssen auch Webseiten fähig sein diese Geräte abzudecken und das Design sollte für Touchscreens ausgerichtet sein.

Große Hintergrundbilder:

Dank steigender Übertragungsraten ist auch die Darstellung von großen Hintergrundbildern kein Problem mehr. Dementsprechend werden diese auch im Jahr 2011 verstärkt eingesetzt werden. Slideshows und Animationen mit jQuery gehören hier ebenfalls dazu.

QR – Quick Response:

QR für medani.atWir alle kennen Sie und eigentlich sind sie nichts Neues. Große quadratische Barcodes. Fast auf jeder Eintrittskarte und/oder Bahnticket finden wir einen dieser Codes. Dank mobilen Geräten erhält dieser Code jetzt aber eine neue Bedeutung. Denn Smartphones (egal ob iPhone, Android oder WindowsPhone7 Geräte) können diese Codes mit der Kamera erkennen. Dadurch kann automatisch zum Beispiel ein Produkt erkannt werden, als auch auf Visitenkarten ein passender Link zur Webseite zur Verfügung gestellt werden. Man muss nur auf dem Handy die Kamera aktivieren, auf den Code halten und die Webseite öffnet sich prompt. Eine praktische Sache also!

Thumbnail Browsing

Eine große Freude haben Webdesign-Agenturen mit dem neuen Google-Feature “thumbnail browsing”. Dabei wird in der Google Suche bereits eine Vorschau auf die Seite angeboten. Unübersichtliche Seiten oder Seiten mit schlechtem Design werden von Kunden dabei eher ausgelassen. Flash-Seiten werden in dieser thumbnail-browsing Funktion übrigens nicht angezeigt. Google arbeitet aber angeblich bereits mit Hochdruck daran. Thumbnail Browsing wird sich auch auf das Suchmaschinenranking einiger Seiten auswirken. Welche anderen SEO-Neuheiten uns Google und Co. dieses Jahr noch bescheren wird, bleibt abzuwarten. medani webdesign wird jedenfalls über Neuerungen berichten.



Gerhard Waschier, dipl. Mediendesigner (Anfrage)

Was ist jQuery?

12. Januar 2011

Oft hört man im Web die Begriffe AJAX und jQuery. medani webdesign versucht eine Erklärung der beiden Begriffe in verständlichen Worten.

AJAX

Ajax bedeutet nichts anderes als “Asynchronous JavaScript and XML”. Dabei handelt es sich um ein Konzept, um Daten asynchron zwischen dem Browser und dem Server zu übertragen. Dadurch können Teile der Internetseite geändert werden ohne die komplette Seite neu zu laden. Ziel ist es ein desktopähnliches Verhalten zu erzielen. Die wohl bekannteste Anwendung dabei ist die Google Suche. Ist Ihnen schon einmal aufgefallen, dass Ihnen beim Tippen automatisch Suchvorschläge gebracht werden, die sich mit jedem weiteren Buchstaben verändern und genauer werden? Das ist die Google-Suggest oder auch Autocomplete-Funktion genannt und funktioniert über AJAX.

Außerdem werden mit AJAX weitere  Effekte wie Drag & Drop, sortierbare Tabellen, Animationen ohne Flash, Accordion und viele andere Effekte ermöglicht.

jQuery

jQuery ist eine JavaScript-Bibliothek, welche die Entwicklung von AJAX-Funktionen erleichtert und beschleunigt. So müssen viele Funktionen nicht immer neu programmiert werden, sondern können einfach und komfortabel in den Quellcode eingebunden werden. Die Bibliothek besteht dabei aus einer JavaScript-Datei, die die grundlegenden Ajax-Funktionen und gängigen Effekte enthält.

jQuery ist nicht die einzige JavaScript Bibliothek, aber auf jeden Fall eine der umfangreichsten und verbreitetsten. Zusätzlich zu den Standardfunktionen kann jQuery mit Plugins erweitert werden. Durch eine starke Community im Hintergrund wird jQuery laufend weiterentwickelt. Ein weiterer Versuch die Entwicklung mit jQuery noch weiter zu beschleunigen und noch komfortabler zu gestalten  ist jQueryUI. Dabei werden die wichtigsten und meist benutzten Funktionen wie zum Beispiel Datepicker, Calendar, Autocomplete Funktion etc. zusammengefasst und können noch einfacher eingebunden werden.


- Gerhard Waschier, dipl. Mediendesigner (Anfrage)

  • Walid Awad - ZoZ.at: „Wir haben das neue Design unserer Webseite www.zoz.at von medani webdesign gestalten lassen. Wir waren schon vom ersten Webdesign-Entwurf und von der...
Kundenlogo: Thomaslicht Kundenlogo: K2netsolutions Kundenlogo: Rennverein Kundenlogo: Sozialbau
Facebook Logo Twitter Logo Tupalo Logo
office@medani.at | +43 1 95 787 40