Flashing Magazine http://flashing-magazine.de Flashing you with information Sun, 17 Jan 2010 16:48:37 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 Top 10 JQuery / JavaScript Code Snippets http://flashing-magazine.de/web-20/top-10-jquery-javascript-code-snippets/ http://flashing-magazine.de/web-20/top-10-jquery-javascript-code-snippets/#comments Sun, 17 Jan 2010 16:26:55 +0000 Kay Sturm http://flashing-magazine.de/?p=205 Wer kennt es nicht: “Weißt du noch, wie der Code war, um Bilder mit JQuery per Fade zu ersetzen?” - “Oh man, das hatte ich doch irgendwo…Verdammter Mist!”

Hier findet Ihr meine Top 10 JQuery / JavaScript Code Snippets! Ich hoffe, dem Einen oder Anderen werden sie hilfreich sein.

1. E-Mail validator

  1. var email = ‘info@tympanus.net’
  2. if(!(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email)))
  3. alert(‘Invalid Email’);

2. Rechtsklick der Maus deaktivieren

  1. $(document).ready(function(){
  2. $(document).bind("contextmenu",function(e){
  3. return false;
  4. });
  5. });

3. Image Fade-Out, Image Fade-In

  1. $(‘imageelement’).fadeOut(function() {
  2. $(this).load(function() {
  3. $(this).fadeIn();
  4. }).attr(’src’, AnotherSource);
  5. });

4. Checken, ob ein Element existiert

  1. if ($("#elementid").length) {
  2. //it does!
  3. }

5. Ajax Abfrage abbrechen

  1. var req = $.ajax({
  2. type: "POST",
  3. url: "someurl",
  4. data:"id=1",
  5. success: function(){
  6. //something
  7. }
  8. });
  9. //Cancel the Ajax Request
  10. req.abort()

6. Checkbox toggle

  1. var tog = false; // or true if they are checked on load
  2. $(‘a’).click(function() {
  3. $("input[type=checkbox]").attr("checked",!tog);
  4. tog = !tog;
  5. });

7. Aktuelle URL auslesen

  1. $(document).ready(function() {
  2. var pathname = window.location.pathname;
  3. });

8. Nach String in JQuery suchen

  1. var foundin = $(‘*:contains("some string bla bla")’);

9. Besucher IP auslesen

  1. $.getJSON("http://jsonip.appspot.com?callback=?",function(data){
  2. alert( "Your ip: " + data.ip);
  3. });

10. Cookie Check

  1. $(document).ready(function() {
  2. var dt = new Date();
  3. dt.setSeconds(dt.getSeconds() + 60);
  4. document.cookie = "cookietest=1; expires=" + dt.toGMTString();
  5. var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;
  6. if(!cookiesEnabled){
  7. //cookies are not enabled
  8. }
  9. });

Ähnliche Artikel

]]> http://flashing-magazine.de/web-20/top-10-jquery-javascript-code-snippets/feed/ 7 nützliche Websites für Webmaster http://flashing-magazine.de/allgemein/7-nutzliche-websites-fur-webmaster/ http://flashing-magazine.de/allgemein/7-nutzliche-websites-fur-webmaster/#comments Mon, 11 Jan 2010 06:33:44 +0000 Christian Zeitzen http://flashing-magazine.de/?p=202 Wenn man als Webmaster arbeitet kommt man an ihnen nicht vorbei - hilfreiche Seiten um Arbeit zu sparen oder um Eindrücke zu sammeln.

Ich werde Euch ein paar Seiten vorstellen die einem das Leben als Webmaster einfacher machen und dazu noch kostenlos sind.

Lest weiter um mehr zu erfahren.

1. FavIcon

Eine Seite um mit wenigen Klicks FavIcons zu erstellen ob animiert oder statisch bleibt Euch überlassen. Zusätzlich noch ein FavIcon Validator.

2. Ajaxload

Hier könnt ihr Euch ganz simpel und schnell einen Ajaxloader zusammenbauen, z.B. als preloader für Bilder oder Kontaktformulare.

3. W3C Markup Validation Service

Dies ist eine sehr wichtige Seit für Webmaster, denn wer seinen Code valide halten will sollte ihn  hier überprüfen lassen. Es können HTML, XHTML, SMIL, MathML und viele weitere getestet werden.

4. WhatTheFont!

Hier haben wir eine Suchmaschine für Schriftarten aber nicht irgendeine sonder hier kann man anhand eines Bildes oder mit diversen Informationen zu der Schriftart herausfinden um welche es sich handelt. Hilfreich wenn man vom Designer mal einen Entwurf bekommen hat und nicht weiß was für Schriftarten es sind, die er da benutzt hat.

5. Fonts101

Wenn man mal die Schriftart gefunden hat kann man hier nach ihr suchen und downloaden. Recht nützlich!

6. Color Scheme Designer 3

Wer kennt das nicht man hat eine Farbe im Kopf, ob für den Kunden oder für sich selbst, aber man weiß nicht recht welche Farben man dazu nehmen sollte. Dieses Tool schafft Abhilfe, ob man nun die Farben nimmt die Color Scheme einem vorschlägt oder sie nur als Anstoß nimmt, bleibt jedem selbst überlassen, hilfreich ist die Seite dennoch.

7. Pixelio

Hier habe wir eine sehr gute deutsche kostenlose Bilderdatenbank also wer für Bilder Geld ausgeben möchte sollte vorher hier vielleicht mal reinschauen. Im Moment ist die Datenbank mit 330.000 Bildern gut gefüllt.

Ähnliche Artikel

]]> http://flashing-magazine.de/allgemein/7-nutzliche-websites-fur-webmaster/feed/ Die richtige Domain finden http://flashing-magazine.de/allgemein/die-richtige-domain-finden/ http://flashing-magazine.de/allgemein/die-richtige-domain-finden/#comments Sun, 10 Jan 2010 14:00:38 +0000 Christian Zeitzen http://flashing-magazine.de/?p=196 Wenn man für sich, für seine Firma oder für Kunden Domain Adressen sucht, steht man immer wieder vor dem selben Problem. Welchen Domain Namen nehme ich?

Diese Frage bringt manche Leute wirklich zum verzweifeln. Denn das erste Problem tritt schon auf wenn man sich für eine Domain entschieden hat und nun nachprüft ob diese noch zu haben ist und bei mehreren 100 Milliarden registrierten Internet Adressen kann das ganze schon zur Lotterie werden. Ich werde versuchen Euch ein paar Tricks mit auf den Weg zu geben wie man trotz dieser Flut an Internet Domains einen geeigneten Namen findet und dennoch innerhalb der üblichen Regeln für gut findbare und merkbare Domains.

Das erste was man machen sollte ist immer, sich den jeweiligen Projektnamen oder Firmennamen bzw. Eigenname anzusehen und sich aus diesem Namen dann geeignete Internet Adressen herausfiltern. Bei der Firma VW sprich Volkswagen ist der Weg zu einer perfekten Adresse nicht weit, denn welche Adresse passt da besser als www.volkswagen.de? Bei dem üblichen Sprachgebrauch natürlich www.vw.de, welche aber erst seit dem 23.10.2009 für .de Domains möglich sind. Desweiteren sind noch einstellige Domains verfügbar geworden bzw. Zahlen, KFZ-Kennzeichen auch Bindestriche in Domain-Namen sind erlaubt,aber nicht erlaubt sind Adressen die mit einem Bindestriche anfangen oder enden.

Bei Firma Mustermann wäre da zum Beispiel die Adresse www.mustermann.de die Idealste. Dennoch sollte man sich weiter überlegen womit die Firma ihr Geld verdient, z.B. mit Finanzdienstleistungen. Hier hat man nun die Auswahl aus verschiedenen Möglichkeiten, mustermann-bank.de , mustermann-finanzen.de , sparen-mustermann.de wäre auch denkbar, diese Adressen kann man natürlich auch ohne Bindestrich schreiben oder die Namen vertauschen. Aber man sollte darauf achten das der Domainname gut verständlich ist so ist zum Beispiel die Aussprache bei www(Punkt)sparen(Minus)mustermann(Punkt)de deutlicher als www(Punkt)sparenmustermann(Punkt)de. Diese Adresse eigent sich jedoch nur als sekundär Adresse denn in der Kürze liegt die Würze. Bei Domain Adressen ist es unsagbar wichtig den Namen so kurz wie möglich zu halten. Was gebt Ihr wohl lieber ein und was könnt Ihr euch besser merken vw.de oder volkswagen.de, die Antwort ist wohl klar. Demnach sollte man bei unser Firma Mustermann vielleicht auf den Namen www.musterbank.de oder www.muster-bank.de wählen, wobei ich hier auf erstere zurückgreifen würde denn die Aussprache ist dort deutlicher.

Nicht zu vergessen ist auch die Adresse sollte gut auf EureVisitenkarten passen und hier ist www.musterbank.de besser als www.mustermann-finannzen.de. Um zu testen ob Eure Domain gut zu merken und gut zu verstehen ist machen wir den Test zum Beispiel bei Freunden oder Verwandten, sagt ihnen einfach am Telefon einmal die Adresse der Website, und wenn sie die Seite ohne Probleme danach finden und sich beim nächsten Treffen noch an sie erinnern können ist die Adresse perfekt.

Wichtig ist natürlich auch das man in dem Domain Namen Keywords hat, d.h. das bei www.musterbank.de unbedingt die Keywords musterbank, muster und bank zu finden sein sollten. Dadurch hat man es einfacher gefunden zu werden wenn User bei google nach bank oder ähnlichen suchen.

Ein weiterer Punkt ist die Wahl der Endung der Adresse, hierbei sollte man sich ausschließlich auf Top-Level-Domains beschränken .de, .at, .ch, .com, .net, .org, .info und .biz denn Adress-Endungen wie .cc oder .vu versprechen kein seriöses Image.

Ihr solltet auch auf den User eingehen, denn User verschreiben sich gern wenn auch unabsichtlich. So liegt bei der Adresse www.musterbank.de zum Beispiel nahe das die User anstatt das “B” treffen in der Nähe befindliche Buchstaben eintippen wie zum Beispiel “V” oder “N” demnach sollte man auch www.mustervank.de und www.musternank.de registrieren. Um heraus zu finden was Leute eintippen kann man einfach den Selbstversuch machen und gucken inweit man seine eigene Internetadresse anderes eingeben kann.

Als Fazit kann man sagen bei der Wahl von Domainnamen sollte man sich Zeit lassen aber wenn mal einen namen hat dann auch fix bei der Registrierung sein. Man kann auch zur Hilfe Domain Generatoren nutzen, vielleicht auch mal darüber nachdenken Fantasienamen zu nutzen denn bei gut beworbenen Eigennamen ist der Wiedererkennungswert hoch. A la www.bing.com

Hier nochmal die wichtigsten Regeln.

  1. Den Firmennamen, Eigennamen oder Projektnamen prüfen
  2. Tätigkeit der Firma anschauen und evtl. benutzen
  3. Die Adresse so kurz wie irgend möglich halten
  4. Aussprache bzw. Verständlichkeit der Adresse
  5. Keywords müssen enthalten sein
  6. nur Top-Level-Domains nutzen
  7. Ausweich-Adressen registrieren bei z.B. falscher Schreibweise der User

Hier noch einige Links um Euch das Leben einfacher zu machen

denic.de - Zentrale Registrierungsstelle für alle .de Domains

united-domains.de - Suchmaschine für alle TLD’s und gleichzeitiger Registrierung

domaincrawler.de - Suchmaschine, Kombinator und Namensratgeber in einem für alle TLD’s

Random Posts

]]> http://flashing-magazine.de/allgemein/die-richtige-domain-finden/feed/ Google Apps im Business Einsatz http://flashing-magazine.de/web-20/google-apps-im-business-einsatz/ http://flashing-magazine.de/web-20/google-apps-im-business-einsatz/#comments Sun, 10 Jan 2010 13:15:16 +0000 Kay Sturm http://flashing-magazine.de/?p=194 Vielen kleinen Unternehmen sind ein Exchange Server oder Hosted  Exchange Lösungen zu teuer. Aber wie so häufig gibt es eine kostenlose Alternative, wenn auch leicht abgespeckte, Alternative. Wem es reicht Kalender mit Kollegen zu teilen und diesen mit Outlook zu synchronisieren und auch seine Kontakte mit Outlook zu synchronisieren, dem hilft Google hier Abhilfe.

Google Kalender

Der Google Kalender ist sehr übersichtlich und bietet viele Optionen. Zusätzlich ist er auch noch sehr einfach zu bedienen. Der Vorteil für eine geschäftliche Nutzung ist das Teilen von Kalendern mit Kollegen, die auch über einen Google Kalender verfügen. Es ist möglich Teilnehmer Terminen in verschiedenen Kalendern zuzuordnen. Ein weiterer interessanter Aspekt ist die Terminerinnerung per SMS, die völlig kostenfrei ist. Bei Bedarf kann man sich auch über Einladungen oder Änderungen zu Terminen per SMS informieren lassen. Somit verpasst man nie wieder einen Termin!

Google Mail +  Contacts

Google Mail bietet das Feature aus anderen Mail Konten E-Mails zu importieren. Somit verfügt man über eine einzige Sammelstelle für alle seine Konten! Zusätzlich kann man empfangene Mails mit Labels kennzeichnen, was die Übersicht steigert. Die Kontakte in Google Mail sind sehr übersichtlich und bieten die Option Kontakte selbst erstellten Gruppen zuzuordnen. In Verbindung mit Google Mail eine sehr interessante Lösung.

Outlook Synchronisation

Hier kommt erst die wahre Stärke der Google Apps zum Vorschein. Unter diesem Link findet man ein Tool, mit dem man seinen Google Kalender mit Oulook  synchronisieren. Man hat die Option Intervalle einzustellen, damit regelmäßig ein Sync Vorgang gestartet wird. Sehr interessant ist auch, dass ein Termin, der über die Google Oberfläche eingetragen wurde und über weitere Teilnehmer verfügt, Outlook das auch mitteilt. Insgesamt einfach einzurichten und sehr effektiv.

Um seine Google Kontakte mit Outlook zu synchronisieren empfehle ich das Tool Go Contact Sync. Hiermit kann man ganz easy seine Kontakte im Einklang halten. Sehr einfach zu installieren und zu bedienen.

Fazit

Wem die Features reichen, für den sind die Google Apps eine kostenfreie Exchange Alternative. Einfach einzurichten und in Zusammenarbeit mit Google Mail als IMAP Konto für Outlook eine sehr gute Lösung. Übrigens: Die Labels werden in Outlook als Ordner dargestellt. Nachteil: Google Aufgaben, Notizen lassen sich nicht mit Outlook synchronisieren UND nur ein Kalender kann synchronisiert werden. Hinzu kommt kein Active Directory.

Ansonsten Top Alternative für kleine Unternehmen zu Exchange!

Random Posts

]]> http://flashing-magazine.de/web-20/google-apps-im-business-einsatz/feed/ Die Top 10 der Design Blogs http://flashing-magazine.de/allgemein/die-top-10-der-design-blogs/ http://flashing-magazine.de/allgemein/die-top-10-der-design-blogs/#comments Fri, 08 Jan 2010 16:44:33 +0000 Christian Zeitzen http://flashing-magazine.de/?p=163 Ich stelle Euch hier die Top 10 der besten Design Blogs vor, die jeder Designer einmal am Tag besuchen sollte.

Da es gerade für Designer, egal in welcher Branche, eminent wichtig ist immer up-to-date zu bleiben sollte man sich ständig über Trends und neue Techniken informieren.

Ich werde versuchen Euch die 10 grössten Design Blogs vorzustellen und kurz zu beschreiben.

TOP 10

Nummer 1

SmashingMagazine ist ein Blog welcher ständig, mehrmals am Tag, aktualisiert wird. Der Blog hat knapp 200.000 RSS Reader und über 100.000 Twitter Follower. Besonders an diesem Blog ist, dass er viele andere Blogs in sich vereint, durch die Darstellung der Network Artikel. Interessant sind vor allem Artikel zu Free Fonts oder Design Trends, auch Rechnungs Design findet man hier.

smashingmagazine

smashingmagazine

Nummer 2

abduzeedo ist ein Blog der mehrmals am Tag, manchmal 3 bis 4 mal, neue Artikel veröffentlicht. Hier findet man Interviews mit Designern, Best of the Week Videos, Design Vorlagen ebenso Trends aber auch Contests werden auf der Seite vorgestellt.

abduzeedo

abduzeedo

Nummer 3

Webdesigner ist ein Blog der Extraklasse. Hier werden ebenso Interviews, Artikel zu Design-Trends und Design Vorlagen sowie Tutorials angeboten aber auch Applikationen für z.B. das IPhone vorgestellt. Desweiteren ist dieser Blog der Herausgeber des Magazins Webdesigner.

webdesigner

webdesigner

Nummer 4

456 Berea Street ist Roger Johansson’s Seite zu Web Standards, Benutzerfreundlichkeit und intuitivem Webdesign. Es werden auch viele Artikel zu Programmiersprachen rund um das Web angeboten.

456bereastreet

456bereastreet

Nummer 5

Design Observer ist ein Muss für alle Designer. Hier wird alles zu Design veröffentlicht, was das Thema betrifft von Kalligraphie über Landschaften bis zu ausgewählten Bildern. Desweiteren sind hier einige der besten Redakteure für Design Themen am Werk.

designobserver

designobserver

Nummer 6

PSD Tuts ist gespickt mit wirklich qualitativ hochwertigen Tutorials für das Programm Photoshop. Hier werden Effekte und Techniken sehr gut erklärt. Besonders für Benutzer von Photoshop sehr interessant.

psdtuts

psdtuts

Nummer 7

hicksdesign von John Hicks beschäftigt sich vor allem mit Web-Inhalten und fürs Web relevanten Grafik Themen. Dies sind wirklich gute Artikel, die auf dieser Seite veröffentlicht werden.

hicksdesign

hicksdesign

Nummer 8

Colly.com - Simon Collison’s Blog. Beinhaltet vorwiegend Web Design Artikel aber auch Artikel über Design im allgemeinen und Artikel aus dem Leben sind hier zu finden. Ein wirklich guter, aber mal anderer Blog über Web Design.

colly

colly

Nummer 9

Freelance Switch ist ein Blog der von sehr vielen Autoren, sogenanntes Multi-Authoring, gestaltet wird und hauptsächlich Artikel aus der Sicht von Freelancern veröffentlicht. Hier werden auch Jobs für Freelancer angeboten. Also für alle die als Freelancer arbeiten oder welche Suchen eine sehr interessante Seite.

freelancerswitch

freelancerswitch

Nummer 10

Webbloggers - mal ein deutscher Blog. Hier werden sehr viele Links zu den Themen Bloggen, Webdesign und vieles mehr angeboten. Ebenso findet man hier Tipps zu Wordpress, CSS aber auch Tutorials.

Auf jeden Fall einen Blick wert.

webbloggers

webbloggers


Ähnliche Artikel

]]> http://flashing-magazine.de/allgemein/die-top-10-der-design-blogs/feed/ Buchtipp: Praxisbuch für Freiberufler http://flashing-magazine.de/design/buchtipp-praxisbuch-fur-freiberufler/ http://flashing-magazine.de/design/buchtipp-praxisbuch-fur-freiberufler/#comments Fri, 08 Jan 2010 16:07:00 +0000 Kay Sturm http://flashing-magazine.de/?p=169 Viele haben bei der Existenzgründung als Designer einfach nicht den Überblick über den komplexen und bürokratischen Wirrwarr. Da schafft dieses Buch Abhilfe. Selbst für schon erfahrene Selbstständige bietet es viele Quellen und Informationen um sein Business zu optimieren oder seinen Kundenkreis zu erweitern. Es beinhaltet zusätzlich Tipps & Tricks zu Steuerfragen und staatlichen Förderungsmaßnahmen. Alles in allem ein sehr empfehlenswertes Buch der Autorin Svenja Hofert. “Alles, was Sie wissen müssen, um erfolgreich zu sein” trifft den Nagel so ziemlich auf den Kopf. Allerdings ist dieses Buch auch kein Allheilmittel, es liefert jedoch sehr viele Informationen und motiviert zum Überarbeiten der Geschäftsprozesse.

Ich habe das Buch verschlungen und kann es jedem Freiberufler, aber auch Selbstständigen, sehr empfehlen. Weiterlesen für ISBN und Inhaltsverzeichnis.

Buchtipp: Praxisbuch für Freiberufler - Alles, was Sie wissen müssen, um erfolgreich zu sein von Svenja Hofert

Adresse: www.svenja-hofert.de

ISBN-10: 3821859237

ISBN-13: 978-3821859231

Praxisbuch für Freiberufler - Inhalt1

Praxisbuch für Freiberufler - Inhalt1

Praxisbuch für Freiberufler - Inhalt2

Praxisbuch für Freiberufler - Inhalt2

Praxisbuch für Freiberufler - Inhalt3

Praxisbuch für Freiberufler - Inhalt3


Ähnliche Artikel

]]> http://flashing-magazine.de/design/buchtipp-praxisbuch-fur-freiberufler/feed/ Top 10 Web Design Trends für 2010 http://flashing-magazine.de/web-20/top-10-web-design-trends-fur-2010/ http://flashing-magazine.de/web-20/top-10-web-design-trends-fur-2010/#comments Fri, 08 Jan 2010 15:36:45 +0000 Kay Sturm http://flashing-magazine.de/?p=149 Jeder Webdesigner möchte natürlich immer Up-to-date sein, daher stellt sich auch zu diesem Jahresbeginn die Frage nach den Web Design Trends für das Jahr 2010. Hoch im Kurs stehen Single Page Websites/ Portfolios und überdurchschnittlich große Logos und Header. Weiterhin liegt ein großes Augenmerk auf dem sinnvollen Einsatz von Typografie.  Dieser Gebrauch häuft sich bei Headern oder auch Vorstellungsboxen. Nichts wirklich drastisch neues, aber immerhin für ein freshes Design gut zu gebrauchen. Im folgenden Artikel schlüssel ich für Euch mal meine Top 10 Web Design Trends für das kommende Jahr auf.

1. Übergroße Header und Logos

Bei der Verwendung von großen Logos fällt dem Besucher natürlich gleich die Firma ins Auge. Somit findet gleich zu Anfang eine eindeutige Identifikation mit der Marke statt. Übergroße Header vermitteln hierbei auch einen starken visuellen Eindruck, womit man dem Kunden sofort auf seine Produkte aufmerksam machen kann bzw. auf die Leistungen. Häufig werden hier auch in den Headern moderne Slideshows und Slider Galerien (Bsp.: Jquery) verwendet.

Mazda

Mazda

2. Skizzen und handgezeichnete Designs

Bei vielen Künstlern und Fotografen finden Design in diesem Stil immer mehr Anspruch. Websites im Skizzenstil oder mit handgezeichneten Elmenten wirken oft nicht so kalt und statisch. Ausserdem vermitteln Sie dem Betrachter immer einen persönlichen Touch. Nicht wirklich neu, aber findet immer mehr Verbreitung.

indiedude.com

indiedude.com

3. Typografie

Ja, ich weiß: “Seit wann ist Schrift bzw. Druck was neues?”. Meine Antwort lautet, dass nicht Typografie als solche neu ist, sondern der Einsatz spezieller wurde.  Eine aussergewöhnliche und auf das Design abgestimmte Schriftart wertet die komplette Seite auf. Es ist auch üblich Fonts zu mixen, um die einzelnen Inhalte bzw. Inhaltselemente abwechslungsreicher zu gestalten. Jedoch müssen diese stimmig sein, also Vorsicht! Viele Seiten stützen sich auf Typografie speziell als Designelement, was durchaus Sinn macht, da gut platzierte typografische Elemente ansprechender wirken können, als ein Haufen an Grafiken oder Fotos.

elysiumburns.com

elysiumburns.com

4. One Page Layouts / Single Page Layouts - Portfolios

Gerade bei Portfolios oder kleinen Firmen bietet sich die Verwendung von One Page Layouts an. Hier werden alle Informationen auf einer Seite übersichtlich dargestellt. Vor allem bei Freiberuflern und Künstlern beliebt.

alexcohaniuc.com

alexcohaniuc.com

5. Aus verschiedenen Perspektiven

Webseiten aus der Desktop Perspektive sind langweilig geworden. Daher werden 2010 immer mehr Seiten aufkommen, die verschiedene Perspektiven einsetzen um den Websites einen realistischen und außergewöhnlichen Look zu geben.

iii.ru

iii.ru

6. Modal Boxes

Modal Boxes bieten sich bei Formularen an, Tipps oder als klassisches Info PopUp. Letztendlich handelt es sich bei den Modal Boxes um den reiferen, älteren Bruder der PopUps. Ich denke, dass die Verwendung 2010 stark zunehmen wird.

wpcoder.com

wpcoder.com

7. Minimalistische Websites

Ich muss zugeben, ich bin ein großer Fan von minimalistischen Layouts. Die Informationen sind klar zu erkennen und strukturiert. Alles immer sehr übersichtlich. Viele Agenturen designen Ihre neuen Seiten in diesem Stil, und ich denke 2010 wird der Pool der minimalist Designs umfangreicher werden.

concentric-studio.com

concentric-studio.com

8. Vorstellungs Box / Intro Box / Über mich Box

Werden vor allem bei Portfolios und Websites von Freiberuflern verwendet. In den Intro Boxen stellt sich der Betreiber der Seite vor und gibt einen Einblick über sein Leistungsspektrum. Dies gibt der Website und dem damit verbundenen Unternehmen einen persönlichen Touch. Wird auch häufig in Footern verwendet.

45royale.com

45royale.com

9. Social Media Add-ins/Icons

Ein gut ausgebautes Netzwerk ist immer wichtig. In 2009 schon benutzt in 2010 finden die Social Media Icons Einzug in Portfolios und Seiten der Geschäftswelt.

veerle.duoh.com

veerle.duoh.com

10. White Space

Um mehr Übersicht zu schaffen benutzen viele Designer immer mehr Whitespace, um wesentliche Elemente der Websites hervorzuheben. Manchmal ist weniger mehr!

pixelcraft.ie

pixelcraft.ie

Ich hoffe der Artikel steigert Eure Kreativität und regt Euch zum Ausprobieren der Techniken an.

Ähnliche Artikel

]]> http://flashing-magazine.de/web-20/top-10-web-design-trends-fur-2010/feed/ Photoshop vs. GIMP http://flashing-magazine.de/design/photoshop-vs-gimp/ http://flashing-magazine.de/design/photoshop-vs-gimp/#comments Fri, 08 Jan 2010 15:15:25 +0000 Christian Zeitzen http://flashing-magazine.de/?p=150 Jeder von Euch der sich in irgendeiner Weise mit Grafikdesign, Bildbearbeitung oder Webdesign beschäftigt, ob aus privaten oder beruflichen Gründen, beschäftigt stand schonmal vor der Frage Photoshop oder GIMP zu benutzen. Gerade aus beruflichen Gründen ist dies ein wichtiger Aspekt da GIMP kostenlos zu erhalten ist und Photoshop in seiner neuesten Version der CS4 Extended Version ca. 1300 bis 1500€ kostet nicht gerade ein Schnäppchen ist.

Ich werde euch versuchen darzustellen wie die beiden Programme sich unterscheiden und wo die Stärken und Schwächen des jeweiligen Programmes liegen.

Wie schon erwähnt ist augenscheinlich der größte Unterschied dieser Konkurrenten der Preis. Dennoch gibt es weitere interessante Merkmale dieser Programme welche es Wert sind genauer betrachtet zu werden.

Die grosse Frage ist bei diesem Vergleich ob GIMP mit seiner neuesten Version 2.6.8, dem zweifels ohne übermächtigen Photoshop den Rang ablaufen kann.

Installation und Vorraussetzungen

Schon beim ersten Kontakt merkt man, dass die Grösse der Programme erhebliche Unterschiede aufweist. GIMP mit seinen knapp 18MB ist schon sehr benutzerfreundlich im Bezug auf den Download und mit knapp 100MB Installationsgrösse nicht viel Verlangt. Bei Photoshop sieht die Sache schon erheblich anders aus. Adobe gibt 1GB Festplattenspeicher bzw. beim Mac sind es sogar 2GB. Die Installationen laufen bei beiden Versionen routiniert durch und machen keine weiteren Schwierigkeiten. Wenn man GIMP direkt von der Seite gimp.org herunterlädt entfällt die lästige Installation von GTK+ weil der Installer dies gleich mit installiert. Einzig die Aktivierung von Photoshop ist ein wenig lästig und zeitraubend. Weitere Systemanforderungen sind bei GIMP eher spartanisch mit einem Pentium 3 und ca 128MB RAM, natürlich ist hierzu zu sagen das mehr Leistung definitiv hilfreichist,  gerade wenn man schonmal Dateien jenseits der 2000 x 2000 Pixel bearbeitet hat. Photoshop dagegen zerrt ordentlich an der Hardware dabei werden ein Minimum von 512MB RAM angegeben wobei hier wohl zu sagen ist, dass alles unter 1GB Arbeitsspeicher eine Qual ist. Desweiteren wird ein 1.8 Ghz Prozessor, ein DVD-Laufwerk, Shader-Model 3.0 und OpenGL 2.0 für einige Features benötigt.

Start und Bedienung

Sofot fällt einem auf das GIMP in keiner Einheitlichen Oberfläche öffnet sondern in separaten Fenstern, Photoshop bietet hier schon mehr Komfort mit seiner übersichtlichen Aufmachung ist alles schnell zu finden. Dies ist bei Gimp natürlich nichts anderes aber hier stören die verschiedenen Fenster, Benutzer die nicht mit GIMP vertraut sind schon sehr. Photoshop bietet mit der Auflistung der einzelnen Projekte als Tab eine sehr übersichtliche Anordnung. Bei Gimp wird das ganze, wie schon erwähnt, mit Fenstern gelöst. Ein großer Unterschied, bei dem Photoshop klar überlegen ist, sind die Vorschaufunktionen, bei denen man sich vorher anschauen kann was mit dem Projekt passiert bevor man ständig mit “Zurück”-Aktion rudern muss. Hier hat GIMP leider kein solch konfortables Feature zu bieten. Auch die Filter-Gallerie bei Photoshop lässt GIMP alt aussehen. Die Hauptfunktionen beider Programme sind dennoch gut und überischtlich gestaltet und angeordnet. Das Photoshop, wenn es in die Tiefe der Funktionen geht vieles mehr zu bieten hat sollte dennoch jedem klar sein, denn es ist halt ein professionelles Bildbearbeitungs-Programm mit dem man eigentlich alles was in der Design Branche anfällt lösen kann.

Weitere Funktionen und Features

Grosse Unterschiede sind zum Beispiel, und das macht GIMP leider für Profis unbrauchbar, dass es in GIMP von Haus aus keinen CMYK-Farbraum gibt sondern man diesen Umständlich über eine komplizierte Plug-In installation hinzufügen muss. In Sachen Filter hat GIMP schon eine Menge Boden gegenüber Photoshop gut gemacht, aber leider fehlen GIMP die Ebenenfilter, dort wo man bei Photoshop mit wenigen Klicks schöne Schlagschatten, Reliefs etc. hinzufügen kann muss man bei GIMP mit Masken arbeiten. Auch bei der Vektorbearbeitung, die für Profis unabdingbar ist, hat man es mit GIMP sehr schwer. Auch Zeichenwerkzeuge sind bei GIMP leider nicht so frei einstellbar wie bei Photoshop, bei GIMP muss man bei grossen Pinselgrössen die Pinsel von Hand kompliziert selber einstellen.

Fazit

Generell kann man in Sachen Funktionen und Features sagen, dass Photoshop einfach zurecht den Anspruch eines professionellen Bildbearbeitungsprogramms hat, besonders in Sachen wie Datei- Import/Export, Farbmanagement und Vektorbearbeitung hat Photoshop einfach mehr drauf. Dennoch sollte man sagen das GIMP sich in den letzten 13 Jahren, seit seiner Veröffentlichung, zu einem ansehnlichen Programm für Hobbydesigner oder Einsteiger in das Grafikbuisness, die sich noch kein Programm jenseits der 1000€ leisten können, entwickelt hat.  Wer sich jedoch professionell mit dem Design Genre beschäftigt oder beschäftigen muss kommt an Photoshop einfach nicht vorbei, gerade für Mac User ist Photoshop das ultimative Bildbearbeitungsprogramm. Aber man muss definitiv festhalten dass auch Photoshop keine Garantie für gute Designs ist. Man kann auch mit GIMP gute Designs für Printmedien oder Websites erstellen. Einzig die Ansprüche beider Programme sind andere.

Wer sich genauer mit diesen Programmen beschäftigen möchte und sich selbst mal ein Bild davon machen will, was das richtige für einen selbst ist, dem stelle ich hier mal die Links zu beiden Produkten zu Verfügung.

GIMP

Photoshop

Ähnliche Artikel

]]> http://flashing-magazine.de/design/photoshop-vs-gimp/feed/ Neue Firmenverzeichnisse regionaler Gewerbegebiete online http://flashing-magazine.de/freeform-webdesign/neue-firmenverzeichnisse-regionaler-gewerbegebiete-online/ http://flashing-magazine.de/freeform-webdesign/neue-firmenverzeichnisse-regionaler-gewerbegebiete-online/#comments Tue, 22 Dec 2009 11:51:22 +0000 Kay Sturm http://flashing-magazine.de/?p=142 Wer jetzt unter www.gewerbegebiete-verzeichnis.de nachschaut, wird bemerken, dass 4 weitere Gewerbegebiete online gegangen sind: Walkenhagen, Elmenhorst, Bargeshagen, Reddelich. Hier findet Ihr die ansässigen Firmen geordnet und übersichtlich mit den jeweiligen Kontaktinformationen.

Zusätzlich arbeite ich derzeit an sehr spannenden Projekten und bin gespannt, was das neue Jahr an interessanten Dingen bereit hält.

Hiermit wünsche ich allen erholsame Feiertage und ein erfolgreiches, produktives Jahr 2010! ;)

Ähnliche Artikel

]]> http://flashing-magazine.de/freeform-webdesign/neue-firmenverzeichnisse-regionaler-gewerbegebiete-online/feed/ Ostseeküsten TV http://flashing-magazine.de/web-20/ostseekusten-tv/ http://flashing-magazine.de/web-20/ostseekusten-tv/#comments Mon, 21 Dec 2009 12:03:04 +0000 Kay Sturm http://flashing-magazine.de/?p=144 Zusammen mit der System Service Global GmbH habe ich unter www.ostseekuesten-tv.de eine Videogalerie realisiert. Hier findet man interessante Videos zu Hotels uvm. an der Ostseeküste! Das Projekt wurde durch eine von mir eigens dafür entwickelte Video Gallery Software (freeform video gallery) auf PHP/ MySQL Basis umgesetzt. Diese ist einfach zu bedienen und anzupassen. In Zukunft plane ich mit dieser Software weitere Videoportale zu realisieren.

Wer Interesse an der Software hat, kann hier einfach Kontakt mit mir aufnehmen.

Ähnliche Artikel

]]> http://flashing-magazine.de/web-20/ostseekusten-tv/feed/