Archiv für die Kategorie ‘Webdesign’

Screenshots erstellen

Dienstag, 27. Oktober 2009

Nicht nur für jeden Webdesigner ist es überlebenswichtig das CSS in unterschiedlichen Browsern und auf unterschiedlichen Betriebssystemen oder Rechnern zu testen. Will man oder muss man es sogar sehr gewissenhaft machen, dann können mitunter unzählige Test-Kombinationen entstehen (wenn z.B. die Bildschirmauflösung als ein zusätzliches Kriterium dazu kommt). Es gibt da allerdings ein kostenloses Online-Tool, mit dessen Hilfe solchen Testing Screenshots erstellen lassen kann. Und das mit wesentlich mehr Auswahlmöglichkeiten. Achtung, die Seite ist extrem mit Werbung beladen, dafür bietet sie aber einen sehr nützliche Funktionen.

(mehr…)

Flash Design Awards

Sonntag, 31. Mai 2009

Für das richtig gute Design im Flash braucht vermutlich jeder Designer von Zeit zur Zeit hochkarätige Inspirationsquellen. Diese kann man zugenüge bei diesen sehr guten Flash Design Awards Seiten vorfinden. Tauchen Sie in die aktuellsten Beispiele des Flash und CSS Designs im Web:

Website-Awards-www thefwa com

Favourite Website Awards – Web awards at the cutting edge
www.thefwa.com

(mehr…)

Rapid Webdesign Development

Montag, 01. Dezember 2008

Nach dem das Rapid Development die Entwicklerszene im Sturm erobert hat, ist es Zeit gekommen auch das Webdesign auf die Hochgeschwindigkeit zu bringen. Natürlich geht es nur wie auch in allen anderen Fällen mit dem strengen Einhalten der vorgegebener Richtlinien, bzw. Frameworks. Im Fall von “960 Grid System” bedeutet es eisernes Durchhalten von 12 oder 16 Spalten und maximaler Breite von 960 Pixeln. Das ganze kann man als Framework für Rapid Web Development verstehen, angefangen bei den Skizzen zur neuen Webseiten und beendet bei einer sehr aufgefeilten CSS-Vorlage, die bereits alle möglichen Kombinationen von Boxen und DIVs beinhaltet. (mehr…)

Code Schnipsel speichern und weitergeben

Montag, 01. Dezember 2008
Programmiercode speichern, weitergeben und veröffentlichen bei pastie.org

Programmiercode speichern, weitergeben und veröffentlichen bei pastie.org

Jeder, der sich ernsthaft mit Webdesign und Development beschäftigt hat, dürfte dieses Problem kennen: man schickt jemanden einen Code-Schnipsel weiter, damit der gute Freund oder auch Unbekannte aus dem Netz ihn ausprobieren, verbessern oder einfach debuggen sollte, doch die Formatierung des Codes kommt total verfremdet und zerschossen an. Genau für diese Problemlösung gibt es einen kostenlosen Dienst namens pastie.org. Man trägt einfach den Programmiercode in ein Fenster ein, wählt neben der Optik der Darstellung auch die Art der Programmiersprache aus und nach dem Speichern ensteht eine MIni-Content Webseite mit dem Code zum Weitergeben. Immer im schön sauber formatierten und farbig gehighlightetem Zustand. Zu erreichen bleibt dieser Schnipsel immer unter dieser URL und man erhält sogar einen javascript code zum embedden des Source Codes auf eigener Seite oder in Foren. Sehr praktisch!

Zur Übersicht aller neu eingestellten Codes: http://pastie.org/pastes

Neuen Code schreiben und veröffentlichen: http://pastie.org/pastes/new

Zur Zeit unterstützte Formate:

  • C/C++
  • CSS
  • Diff
  • HTML (ERB / Rails)
  • HTML / XML
  • Java
  • Javascript
  • Objective C/C++
  • Pascal
  • Perl
  • PHP
  • Plain text
  • Python
  • Ruby
  • Ruby (on Rails)
  • Shell Script (Bash)
  • SQL
  • YAML

Preise fürs Webdesign

Montag, 15. September 2008

Eine interaktive Preistabelle für das Webdesign eines kompletten Internetauftrittes wurde auf www.webkalkulator.de umgesetzt. Es bietet eine sehr große Orientierungshilfe an, in welchen Preisklassen man sich ungefähr bewegt, denn die gesamte Kalkulation bleibt einfach untransparent. Doch die Bedienung ist sehr einfach und für jeden verständlich aufgebaut: Der gesamte Prozeß der Webseitenerstellung ist in 7 Hauptbereiche wie “Struktuelles”, “Ziele”, “Informationsgewinn” usw. untergliedert mit vielen Punkten wie “Logo”, “Corporate Identity”, “Steigerung des Images” usw. Die Preisbestimmung findet über 4 Optionsfelder neben jedem Punkt statt. Folgende Auswahlmöglichkeiten gibt es: “Bestand”, “Ja”, “Nein” und “Später”. Insgesamt macht es dann doch Spaß die unterschiedlichen Kombinationen auszuprobieren, wobei der Preis bei beiden Optionen “Ja” und “Später” immer der gleiche blebt, damit könnte man diese Auswahl auch ruhig auslassen können.

Flash für Suchmaschinen optimiert

Dienstag, 01. Juli 2008

Es gab in der vergangener Zeit immer zwei große Hauptargumente gegen Verwendung von Flash:

1. Verbreitung der Flashplayers: Durch viele unterschiedliche Versionen des Flash Plugins konnte man nie von einer wirklich sehr großen Masse an Usern sprechen, die man erreichen könnte. Die enorme Popularität der Videoportal hat allerdings durch automatische Updates des Plugins und sogut wie die ausschließliche Verwendung der Flashsoftware dafür gesorgt, dass tatsächlich über 90% aller Webnutzter erreichbar sind.

2. Suchmaschinen: Tatsächlich die größte Schwäche von Flash, die Inhalte waren für Suchmaschinen schlichtweg unzugänglich. Nun kann man wirklich von einer dramatischen Verbesserung sprechen – Adobe hat einen Kommunikationsprotokoll für Google und Yahoo entwickelt, mit dessen Hilfe alle dynamischen Inhalte für die Suchmaschinen zugänglich sein werden. Und das beste daran, man braucht dafür keine neuster .swf Version der Dateien hochladen, sondern es funktioniert rückwirkend für ALLE älterenen Dateien!

“Adobe hat Google und Yahoo die Technik bereitgestellt, mit denen diese auf bisher nicht erschließbare Inhalte in Flash-Dateien zugreifen können. Bisher konnten Suchmaschinen in SWF-Dateien nur statische Texte und Verweise aufspüren und bei Suchanfragen berücksichtigen; dynamische Inhalte blieben ihnen verborgen. Google hat bereits mit dem Einbau der Adobe-Technik in seine Suche begonnen; Yahoo will mit einem zukünftigen Suchmaschinen-Update nachziehen. Mit einer auf der Homepage veröffentlichten Spezifikation sollen auch andere Entwickler besser auf Inhalte zugreifen können, die sich in Flash-Dateien befinden.”

FAQ von Adobe zum Thema Flash für Suchmaschinen

Online Skizzen erstellen

Donnerstag, 19. Juni 2008

Eine sehr einfache und kostenlose Möglichkeit Skizzen online zu erstellen, gibt es auf www.tinyimage.de. Es steht zwar ein kleines Feld zur Verfügung, jedoch kann man alle grundlegenden Funktionen fürs Zeichnen verwenden. Anschließend ist es möglich nicht nur das Bild per Email an einen Freund zu verschicken, sondern es auch online jederzeit unter einer bestimmten URL abzurufen oder sogar mit einem Codeschnipsel in die eigene Webseite oder Blog einzubinden.

Online Skizzen erstellen

Micro Blogging mit twitter

Mittwoch, 18. Juni 2008

Mikro-Blogging, wie es der Online-Dienst Twitter etabliert hat, dürfte dabei nicht nur ein flüchtiger Web-2.0-Trend sein, sondern einen festen Platz in dieser Netzkommunikation einnehmen. Der Online-Dienst Twitter generiert eine sogenannte Micro-Blogging-Seite, auf der User, einmal registriert, mit maximal 140 Zeichen Informationshäppchen publizieren können. Und das nicht nur über diese Webseite, sondern über verschiedene mobile Kanäle. Diese Art Newsticker wird nicht nur bei halbwüchsigen Online-Junkies und in Web-2.0-Zirkeln immer beliebter. In vielen Unternehmen ist Twitter für den täglichen Kommunikationsfluss – insbesondere bei der Projektarbeit – bereits eine ernstzunehmende Alternative zur offiziellen E-Mail. Auch Nachrichten-Sites wie der Welt-Ableger Welt kompakt oder CNN twittern und liefern Informationshäppchen aus der Redaktion in Form eines Micro-Blogs.

“Twitter is a service for friends, family, and co–workers to communicate and stay connected through the exchange of quick, frequent answers to one simple question: What are you doing?”

Ein weiterer Vorteil von Twitter ist die offene Programmierschnittstelle. Damit lässt sich der Online-Dienst leicht in eigene Softwareprojekte integrieren. Darüber hinaus gibt es erste Verknüpfungen mit bestehenden Webdiensten, so haben Facebook und Xing schon diesbezügliche Funktionen in ihre Software integriert.

Das innovative Konzept, gepaart mit der Kritik, dass Twitter zu simpel sei, hat auch schon Mitbewerber ins Leben gerufen. Mit Pownce.com, Jaiku.com oder Friendfeed.com sind ähnliche Dienste entstanden.

HTML 5 – erster Entwurf

Sonntag, 08. Juni 2008

Das W3C hat einen Entwurf von HTML 5 vorgelegt, der nun in den nächsten Monaten diskutiert und überarbeitet werden soll. Bis daraus ein fertiger Webstandard wird, ist es allerdings noch etwas hin — voraussichtlich gegen Ende 2010 soll HTML 5 schließlich zur W3C-Empfehlung werden.

W3C arbeitet an neuem Webstandard von HTML 5
Die neue Version der Auszeichnungssprache bringt zahlreiche neue Elemente zur Strukturierung von Dokumenten mit, um Audio- und Videoinhalte einzubinden. Andere Elemente und Attribute werden erweitert oder gestrichen, weil sie mittlerweile überflüssig sind, oder Probleme verursachen. Frames beispielsweise wird es in der neuen Version von HTML dann überhaupt nicht mehr geben.
www.w3.org

Drupal und Joomla NEU

Sonntag, 08. Juni 2008

joomla logo drupal logo

Mit Joomla und Drupal liegen zwei der populärsten Open-Source-CMS in einer neuen Version vor. Joomla verabschiedet sich mit Version 1.5 größtenteils vom Code des CMS Mambo, aus dem es vor knapp drei Jahren hervorging. Der neue Unterbau, ein objektorientiertes Framework, erleichtert das Entwickeln eigener Erweiterungen über eine neue API und trennt streng zwischen Design und Programmlogik nach dem MVC-Prinzip (Model-View-Controller).

Dazu kommen unzählige weitere Änderungen, die Stabilität, Performance und Handhabung des CMS verbessern sollen. Die Entwickler von Drupal versprechen mit der Version 6 beträchtliche Perormance-Steigerungen, vor allem für Websites mit vielen gleichzeitig eingeloggten Benutzern. Zudem gibt es einen einfacheren Installer und dank Ajax zugänglichere Admintools. Außerdem kann Drupal nun mehrsprachige Websites verwalten und erlaubtes, neue Themes zu erstellen, ohne eine Zeile PHP-Code schreiben zu müssen.

www.joomla.org
www.drupal.org