iDOX Magazin

>> Webdesign

3 Alternativen zu WooRank - SEO Optimierung

iDox Magazin

Lange Zeit war Woorank.com eine der beliebtesten SEO-Optimierungsseiten im Netz. Vor kurzem wurde der kostenlose Dienst zur Nutzung eingestellt und ist ab jetzt kostenpflichtig. Wir haben für Euch nach 3 Alternativen für Woorank.com im Netz gesucht und haben sehr gute und gleichwertige SEO-Testseiten gefunden. Wir freuen uns auf Euer Feedback!

 


6 kostenlose Bilddatenbanken

iDox Magazin

Mal wieder auf der Suche nach schönen Bildern? Wir haben 6 Bilderseiten gefunden, auf denen es professionelle Bilder und kostenlose Fotos gibt.  Bitte beachtet die jeweiligen Lizenzrechte der Fotografen.

Freefoto.com

 


65 Kostenlose CSS Menüs

iDox Magazin

Auf cssmenumaker.com haben wir für euch 65 kostenlose CSS-Menüs gefunden. Falls es mal wieder schnell gehen muss, kann man die einfachen CSS-Menüs sofort nutzen. Die CSS Navigationen werden auf der Seite als Drop-Down-, Horizontal- und Vertikal-Version zum Download angeboten.

65 Kostenlose CSS Menüs

 


Adobe Kuler - Farbpaletten nach Wunsch

iDox Magazin

Kuler ist ein nützliches Online Tool aus der Adobe-Schmiede. Mit Kuler hat ein Designer die Möglichkeit, seine individuellen Farbpaletten zu gestalten und im Anschluss für sich zu speichern. Das Ganze funktioniert entweder über eine Farbskala-Auswahl oder über ein hochgeladenes Motiv, aus dem die gewünschten Farbtöne entnommen werden. Adobe Kuler wird auch als kostenlose Desktop Anwendung angeboten.

Adobe Kuler

 


Firebug Extension für Chrome und Firefox

iDox Magazin

Die Firebug Extension wurde anfangs für den Firefox entwickelt und kommt mit einer Vielzahl von Web-Entwicklungs-Tools daher. Es gibt keine wichtigere Extension für die Entwicklung von Webseiten. Als Web-Entwickler können Sie mit dem Firebug editieren, debuggen, den CSS-, HTML- und JavaScript-Code in jeder Webseite kontrollieren, anpassen und verändern.

Die Firebug Toolbar gibt es seit kurzem auch für den Chrome Browser in einer Lite-Version.

Firefox FirebugChrome Firebug Lite

 

 


Die Web Developer Extension

iDox Magazin

Die Web Developer Extension beinhaltet viele hilfreiche Web-Entwickler-Tools die per Klick im jeweiligen Browser aufgerufen und genutzt werden können. Diese Extension ist für den Firefox Browser und den Google Chrome Browser von Chris Pederick aus Californien entwickelt worden. Die Web Developer Toolbar läuft auf den folgenden Betriebssystemen: Windows,

Mac OS X und Linux mit den vorher genannten Browsern. 

Zum Download für Firefox und Chrome

 

 


Die Bildersuchmaschine Ginipic

iDox Magazin

Ginipic ist eine Desktop-Anwendung mit der man Bilder oder Fotos aus mehreren Suchmaschinen und verschiedenen Foto-Sharing-Webseiten finden kann. Ginipic ist bei weitem besser als z.B. die normale Google Bild Suche. (Achtung: Die meisten Bilder sind NICHT für die private oder kommerzielle Verwendung geeignet!)

Download Ginipic

 


Der neue Firefox 7

iDox Magazin

Der neue Firefox 7 Browser wurde unter mozzila.org veröffentlicht. Die neue Firefox Version belegt deutlich weniger Speicher und hat ein vielfaches an Geschwindigkeit zugelegt. Die Entwickler haben vor allem an einer verbesserten Speicherverwaltung gearbeitet um frühere Probleme und ungewollte Abstürze aus den Vorgängerverisonen zu eleminieren.

Download Firefox 7

 


WooRank Webseiten Analyse

iDox Magazin

WooRank ist ein nützliches SEO (Search Engine Optimization) Webseiten Analyse Tool für Entwickler und Webseitenbetreiber. Mit WooRank können neu erstellte oder bereits vorhandene Webseiten auf die wichtigsten SEO-Kriterien überprüft werden. Wir sind der Meinung, dass man auf dieses nützliche Werkzeug nicht verzichten darf, um eine erfolgreiche und SEO-Optimierte Webseite im Netz zu betreiben.

Woorank - SEO Analyse

 


Google Keyword Tool

iDox Magazin

Das Google Keyword Tool ist eine unverzichtbare Hilfe in Sachen Online-Marketing. Mit Hilfe dieses Keyword-Analyse-Tools können Webseitenbetreiber Statistiken über verschiedene Prioritäten gewünschter Keywords abfragen und sich so ein bestimmtes Ziel ihrer Online-Marketing-Strategie setzen, erkennen und verbessern.

Google Keyword Analyse Tool

 


Der schnelle Firefox 8 ist da

iDox Magazin

Mit der Version des neuen Firefox 8.0 Browsers sollen Seiten schneller aufgebaut werden und eine höhere Sicherheit für Addons geboten werden. Der neue Firefox 8.0 steht unter mozilla.org zum Download bereit.

Firefox 8.0 Download

 


Tablet optimierte Webseiten

iDox Magazin

Als Designer für Tablet optimierte Webseiten ist es wichtig einen Überblick über die Einschränkungen und Möglichkeiten der verschiedenen Geräte, Ihrer Betriebssysteme und der verfügbaren Browser zu erlangen. Deshalb gibt es auf tablet-screendesign.info eine hilfreiche Übersicht, die ständig aktuallisiert wird. Durch die einfache und übersichtliche Tabellenstruktur

findet man sich auf dieser Seite schnell zurecht und wir sind der Meinung, dass diese Übersicht eine essentielle Hilfe für das erstellen von Tablet Webseiten ist.

www.tablet-screendesign.info

 

 


Online Foto Editor

iDox Magazin

Einer der besten online Foto-Editoren ist das kostenlose Tool von Pixlr.com. Dieser professionelle Editor ähnelt einem vollwertigen Bildbearbeitungs-Tool und bietet viele verschiedene Optionen um Bilder oder Grafiken schnell und unkompliziert online zu erstellen. Ebenen- , Layer- , Effekt-, Filter- und Palettenfunktionen gehören ebenso zu seinen Stärken wie das verarbeiten der gängigsten Dateiformate (JPG, BMP, PNG und TIFF).

Zum Pixlr Editor

 


Typetester - Web Fonts vergleichen

iDox Magazin

Um jedem Webdesigner das Leben leichter zu machen gibt es nützliche Online-Tools wie auf www.typetester.org! Mit dem Typetester, von Creative Nights, kann man die Web-Fonts in 3 verschiedenen Ansichten gleichzeitig testen und die gewünschten CSS-Styles ganz einfach über die

"Tools"-Funktion kopieren, nach dem man die richtigen Text-Einstellungen für sich gefunden hat.

 

Das Online-Tool berücksichtigt dabei die verschiedenen Betriebsysteme und deren unterschiedlichen Systemschriften. Browser-Unterstützung: Mozilla Firefox Win/Mac/Linux 1.0+, Mozilla Camino 0.8+, Opera Win/Mac 8.0+, Safari 2.0+, Omniweb 5.1.1., Internet Explorer Win 5.5/6.0/7.0

www.typetester.org

 

 


Nvu Web Editor

iDox Magazin

Nvu ist eine kostenlose Open-Source-Software, mit der man schnell und einfach Web-Seiten erstellen kann. Das Programm Nvu ist vergleichbar mit der bekannten Dreamweaver Software von Adobe und läuft unter folgenden Betriebssystemen: Microsoft Windows, Apple Mac Leapord OS X, Apple Mac Lion OS X und unter Linux.

Nvu Web Editor

 


Facebook Kommentare bei Google

iDox Magazin

Seit kurzem führt Google die persönlichen und privaten Kommentare in den der Google-Suche mit auf. Bis jetzt war dies nicht möglich, da die Kommentare über Ajax und Javascript auf Facebook angezeigt wurden. Doch dieses Problem hat Google jetzt umgangen und somit werden ab sofort alle Kommentare auf Facebook in den Google-Suchmaschinen-Index aufgenommen und veröffentlicht. Was haltet Ihr davon?

 


Webdesign mit Fireworks und nicht mit Photoshop

iDox Magazin

Andre Reinegger ist der Meinung, dass man beim Webdesign auf Adobe Photoshop verzichten soll und vorzugsweise mit Adobe Fireworks seine Layouts entwerfen sollte! Der Meinung sind wir auch! Photoshop (wie der Name schon sagt) wurde als Bildbearbeitungsprogramm

entwickelt und ist weltweit eines der besten Programme, wenn es um die Bearbeitung professioneller Fotos geht.

Fireworks wurde jedoch bereits ab der ersten Version, als Web-Layout-Tool entwickelt und hat besondere Funktionen, die Photoshop fehlen. Auch der Worklfow von Fireworks ist um ein vielfaches besser als in Photoshop und macht das Layouten kinderleicht.

50 Gründe Photoshop NICHT für
Webdesign zu verwenden!

 

 


12 Kostenlose Fonts

iDox Magazin

12 Free-Fonts werden auf floodfonts.com als Download angeboten. Die Fonts mit den Namen: Polaris, Bigfish, Timetwist, Auqarius, Atlantis, Pirates, Hydrophilia, Squid, Moby, Hammerhead, Orchidee und Coraline können auf der Seite im OTF- oder TIF-Foramt heruntergeladen werden.

Free-Fonts von floodfonts.com

 


CSS3 Content Slider

iDox Magazin

Caleb Jacob ist derzeit der Lead Designer bei WagePoint und hat einen Content-Slider komplett in CSS3 umgesetzt. Normalerweise setzt man dafür Skript-Bibliotheken wie z.b. jquery oder mootools ein. Leider werden CSS3 Keyframe-Animationen zur Zeit nur durch WebKit-Browser und Firefox unterstützt und somit kann vorerst nicht auf die genannten Skript-Bibliotheken verzichtet werden.

CSS3 Content Slider

 


CSS3 Hover Effekte

iDox Magazin

Professionelle Hover-Effekte über Bildern nur mit CSS3! Das Tutorial von Alessio Atzeni zeigt Dir wie das genau funktioniert. Auf seiner Demo-Seite zeigt er, wie perfekt diese Animationen mit CSS3 umgesetzt wurden und auf seiner Tutorial-Seite führt er Schritt für Schritt auf, wie man diese fantastisch animierten Hover-Effekte richtig umsetzt. Viel Spaß dabei!

CSS3 HOVER DEMO SEITE
CSS3 HOVER TUTORIAL SEITE

 


10 Mega Menüs in Aktion

iDox Magazin

Mega-Menüs werden oft auf größeren Webseiten, die eine beträchtliche Anzahl von Produkten haben, zum navigieren verwendet. Der Unterschied zu einer normalen Drop-Down-Navigation besteht darin, dass sich ein Mega-Menü über eine große Fläche (meist die komplette Seitenbreite) öffnet und mehr Möglichkeiten bietet.

Diese Mega-Menüs bieten dem User den Komfort, mit

wenigen Klicks eine Vielzahl an Optionen zu erkennen und abzuarbeiten. Bei der Verwendung solcher Mega-Menüs sollte darauf geachtet werden, dass sie übersichtlich und nutzerfreundlich gestaltet werden. In diesem Beitrag zeigen wir 10 Beispiele für den einsatz dieser Mega-Menüs.

 

 

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

iDox Magazin

 


CSS3 iPhone

iDox Magazin

Jeff Batterton hat ein komplettes iPhone in CSS3 erstellt. Die meisten der Methoden und Eigenschaften der CSS3-Umsetzung sind ziemlich unkompliziert (border-radius, box-shadow, gradient) und einige von ihnen sind komplizierter. Es ist zwar nicht perfekt, aber ohne die Verwendung von Bildern ist es sehr gelungen.

Zur Seite von Jeff Batterton und zum CSS3-iPhone.

 


Icons komplett in CSS3

iDox Magazin

Feinstes Icon-Design durch CSS3. Louis Harboe aus Chicago hat diese aufwendigen Icons nur mit CSS3 erstellt!

Zur Seite von Louis Harboe und zu der CSS3 Icon-Demo.

 


YOKO WordPress Theme

iDox Magazin

Das ansprechende WordPress Theme YOKO, wurde von Ellen und Manuel (Elmastudio) entworfen. Dieses WordPress Themplate kann natürlich für private und auch kommerzielle Projekte verwendet werden. YOKO ist ein modernes und flexibles WordPress Theme und passt sich unterschiedliche Bildschirmgrößen an. Das Layout des Templates ist für große Desktop-Bildschirme, Tabletts

und kleinen Smartphones optimiert.

 

 

Theme DemoDownload WordPress Theme YOKO


Features und Dokumentation

  • - für WordPress 3.1+
  • - Cross-Browser kom­pa­tibel (getestet in Chrome, Firefox, Safari, Internet Explorer 9 und 8)
  • - HTML5 (mit Fallback für IE < 9) und CSS3
  • - responsive layout (CSS3 media que­ries, nicht unter­stützt in IE < 9)
  • - WordPress post for­mats (aside, gal­lery, image, video, link und quote)
  • - Theme Optionen, indi­vi­du­eller Hintergrund, indi­vi­du­elles Headerbild
  • - optio­nales Untermenü
  • - Yoko »Social Links«-Widget (für RSS, Twitter, Facebook, Google+, Flickr, Vimeo, LinkedIn und Delicious)
  • - Google web fonts (Droid Sans und Droid Serif)
  • - ver­schach­telte Kommentare mit Gravatar-Bildern
  • - full width page template
  • - Shortcodes für meh­rere Spalten, Info-Boxen in gelb, grün oder rot und her­vor­ge­ho­benen Text
  • - translation-ready (der­zeit English, Französisch, Spanisch, Katalanisch, Portugisisch (Brazil), Russisch, Ukrainisch, Niederländisch und Deutsch)
  • - erfüllt die Guidelines des WordPress Theme-Review
  • - Lizenz: GNU General Public License

 

 


Kostenloses Magento Template

iDox Magazin

Dieses kostenlose Magento Template ist sofort einsetzbar für die Magento eCommerce Plattform. Wer noch nicht so viel Erfahrung mit der Erstellung von Magento Templates hat, kann das Template nutzen, nach seinen eigenen Vorstellungen bearbeiten und verändern und dadurch seine Skills aufbessern.

Template Demo | Template Download

 


Smartphone Benutzeroberflächen

iDox Magazin

Theresa Neil (O'Reilly Media) hat unter mobiledesignpatterngallery.com eine sehr schöne Galerie mit den verschiedensten Smartphone Anwendungen als Inspiration geschaffen. Anhand von unterschiedlichen Beispielen zeigt sie unter anderem, was man bei der Erstellung dieser Applikationen alles falsch machen kann oder am besten gleich unterlassen sollte.

www.mobiledesignpatterngallery.com

 


Einfacher geht es nicht - CSS Farbverläufe!

iDox Magazin

Der CSS Gradiant Editor ist die perfekte Hilfe, wenn es um das erstellen von CSS Farbverläufen geht. Mit einer übersichtlichen Bedieneroberfläche sind die gewünschten Effekte schnell erstellt und der dazugehörige CCS Code generiert.
Browser-Unterstützung:
Firefox ab Version 3.6, Chrome ab Version 10.0, Safari ab Version 5.1,

Opera ab Version 12.0 und der gute Internet Explorer evtl. erst ab Version 10!

CSS Gradiant Editor von Alex Sirota (iosart)

 

 


Typografie-Effekte mit CSS3 und jQuery

iDox Magazin

Schöne Typografie-Effekte mit CSS3 und jQuery für extrevagante Überschriften. Auf tympanus.net gibt es ein Tutorial mit 5 verschiedenen Beispielen für besonders schöne Überschriften, die mit Hilfe von jQuery, der lettering.js und CSS3 umgesetzt wurden.

Zur Tutorialseite
Zur Demoseite

 


CSS Menü-Generator

iDox Magazin

Muss es mal wieder schnell gehen? Zu wenig Zeit? Dann hilft der CSS Menü-Generator von mycssmenu.com! Dieser Online-Editor erstellt im handumdrehen Horizontale-, Vertikale- oder Drop-Down Menüs. Auch als erfahrener Web-Entwickler kann man gern auf dieses geniale Tool zurückgreifen. Der Editor hat eine übersichtliche Bedieneroberfläche und mit ein paar Klicks erstellt man ein CSS-Menü nach eigenen Wünschen.

CSS Menü-Generator

 


Canvas Loader Editor

iDox Magazin

Der heartbeatcode CanvasLoader Editor von Robert Pataki ist ein kostenloses Online-Tool mit dem Sie schnell und einfach nötige oder gewünschte Preloader für Ihre Internet-Projekte generieren können. Über die Regler-Einstellungen kann man sich den Preloader nach belieben zusammenstellen (Farbe, Aussehen, Geschwindigkeit etc.).

Sobald man mit dem Ergebnis zufrieden

ist, kann man den generierten Quellcode einfach Herunterladen und für seine Projekte verwenden. Fertig! Browser-Unterstützung: Firefox ab Version 2.0, Chrome ab Version 4.0, Safari ab Version 3.1, Opera ab Version 9.0 und der gute Internet Explorer ab Version 5.5!

heartbeatcode CanvasLoader

 

 

 


WOW Slider - jQuery Bild Rotation

iDox Magazin

Der WOW Slider ist ein jQuery Image Slider mit atemberaubenden visuellen Effekten. Im laufe der letzten Jahre wurde der Trend, großer Bild-Animationen, immer beliebter und hat sich mehr und mehr durchgesetzt. Der WOW Bild-Wechsler lässt sich sehr schnell und ohne größeren Aufwand implementieren und bietet

eine vielzahl an Funktionen. Natürlich gibt es das WOW Slider Skript auch für WordPress und Joomla.

WOW Slider Blur Demo

 

 


Vector Finder Suchmaschine

iDox Magazin

Mit Vector Finder stehen einem über 1387 kostenlose Vector Dateien zu Verfügung. Es stehen einzelne Vector Grafiken und ganze Vector-Grafik-Sets auf dieser Seite als Download bereit. Die jeweiligen Vector Dateien sind in folgende Kategorien unterteilt:   Abstract, Animals, Banners, Background, Colorful, Cartoon, Car, Design, Floral, Flower, Funny, Holiday, Icons, Nature, People, Patterns, Swirls, Sport, Vector Pack, Other Vector.

vector-finder.com

 


Very Icon Suchmaschine

iDox Magazin

Die Very-Icon Suchmaschine ist eine weitere sehr professionelle Icon Datenbank. Der Clou an dieser Icon Suchmaschine ist, dass fast alle Icons als komplettes Icon-Set und die einzelnen Icons aus den jeweiligen Sets heruntergeladen werden können.

Very Icon Suchmaschine

 


Icon Finder - Die Icon Suchmaschine

iDox Magazin

Icon-Finder ist eine nützliche Icon-Suchmaschine. Mit Icon-Finder kann man eine Vielzahl von Icons ganz einfach suchen und finden und die Sucheanfrage nach verschiedenen Kriterien, wie z.B. lizenzierte Icons und lizenzfreie Icons, bestimmen. Im moment hat die Icon-Finder Suchmaschine über 158.184 Icons und 822 Icon Sets indiziert.

Icon Finder Suchmaschine

 


2080 kostenlose CSS Designs

iDox Magazin

Unter dem Motto: "Wir machen das Internet zu einem schöneren Ort!" findet man auf der Seite www.oswd.org (Open Source Web Design) über 2000 CSS und Html Design-Vorlagen. Auch unter www.openwebdesign.org werden kostenlose Open Source Templates angeboten. Alle Webdesign-Templates sind kostenlos, stehen für jeden zum download und zur freien Verwendung bereit.

www.openwebdesign.orgwww.oswd.org