IFD:WebApps/Rahn - Revision history

Rahn: /* Techniken */

2011-03-14T19:20:09Z

Techniken

← Older revision		Revision as of 19:20, 14 March 2011
Line 20:		Line 20:
	* Html und CSS		* Html und CSS
	* Javascript und JQuery ein Javascript-Framework		* Javascript und JQuery ein Javascript-Framework
	* (für den Blog)PHP und MySQL		* (für den Blog) PHP und MySQL
	* (für den Blog)CMS in Form von Wordpress		* (für den Blog) CMS in Form von Wordpress

	==Die Entwicklung vom Logo zum Web-Design==		==Die Entwicklung vom Logo zum Web-Design==

Rahn: /* Techniken */

2011-03-14T19:19:53Z

Techniken

← Older revision		Revision as of 19:19, 14 March 2011
Line 20:		Line 20:
	* Html und CSS		* Html und CSS
	* Javascript und JQuery ein Javascript-Framework		* Javascript und JQuery ein Javascript-Framework
	* (~~optional~~)PHP und MySQL		* (für den Blog)PHP und MySQL
	* (~~optional~~)CMS in Form von Wordpress		* (für den Blog)CMS in Form von Wordpress

	==Die Entwicklung vom Logo zum Web-Design==		==Die Entwicklung vom Logo zum Web-Design==

Rahn: /* Ziel */

2011-03-14T19:19:12Z

Ziel

← Older revision		Revision as of 19:19, 14 March 2011
Line 13:		Line 13:

	==Ziel==		==Ziel==
	Das Ziel des Projektes ist es, die Vermischung von Blog, Firmenseite und Ich-Seite, aufzulösen und zu separieren. Das bedeutet, dass alle 3 Teile ihre Daseinsberechtigung behalten sollen, aber über eigene Domains und Designs klar getrennt sind.		Das Ziel des Projektes ist es, die Vermischung von Blog, Firmenseite und Ich-Seite, aufzulösen und zu separieren. Das bedeutet, dass alle 3 Teile ihre Daseinsberechtigung behalten sollen, aber über eigene Domains und Designs klar getrennt sind.

			Umgesetzt ist davon die Firmenseite unter: [http://www.kombinat-medien.de www.kombinat-medien.de] und der Blog unter: [http://blog.henryrahn.de blog.henryrahn.de]. Der Blog ist mit [http://wordpress.org/ Wordpress], mit einem freien Theme, umgesetzt und muss noch mit Inhalten gefüllt werden. Auf eine Ich-Seite wurde verzichtet.

	==Techniken==		==Techniken==

Rahn: /* Konventionelles */

2011-03-14T19:12:16Z

Konventionelles

← Older revision		Revision as of 19:12, 14 March 2011
Line 84:		Line 84:
	*[http://jquery.org/ JQuery]		*[http://jquery.org/ JQuery]
	===Konventionelles===		===Konventionelles===
	*		*Buchstabenkommenseltenallei n; Ein typografisches Handbuch; Indra Kupferschmid; Verlag Niggli AG, Sulgen\|Zürich, Limitierte Sonderauflage für FontShop Berlin

Rahn: /* Das finale Design */

2011-03-14T19:10:08Z

Das finale Design

← Older revision		Revision as of 19:10, 14 March 2011
Line 65:		Line 65:
	===Das finale Design===		===Das finale Design===
	Das finale Design kann man sich, unter: [http://www.kombinat-medien.de www.kombinat-medien.de], ansehen. Für das finale Design, wurde versucht die DotMatrix-Schriftart für die Navigation zu benutzen, leider mit mäßigem Erfolg. Denn viele Schriften, die man sich kostenlos unter [http://www.fontsquirrel.com/fontface FontSquirrel] herunterladen kann sehen erst ab einer Schriftgröße von 16-18 Pixeln wirklich lesbar aus. Dies war auch mit der DotMatrix-Schrift so. Dort gibt es einen Testdrive um sich die Schriften anzusehen, dieser funktioniert aber leider nur mit einem PHP-Modul zur Bildgenerierung. Selbst mit einem solchen freien Modul wurden Tests gemacht, welche ein noch schlechteres Ergebnis lieferten als die ohnehin schon sehr schlecht leserlichen Exporte aus Photoshop.		Das finale Design kann man sich, unter: [http://www.kombinat-medien.de www.kombinat-medien.de], ansehen. Für das finale Design, wurde versucht die DotMatrix-Schriftart für die Navigation zu benutzen, leider mit mäßigem Erfolg. Denn viele Schriften, die man sich kostenlos unter [http://www.fontsquirrel.com/fontface FontSquirrel] herunterladen kann sehen erst ab einer Schriftgröße von 16-18 Pixeln wirklich lesbar aus. Dies war auch mit der DotMatrix-Schrift so. Dort gibt es einen Testdrive um sich die Schriften anzusehen, dieser funktioniert aber leider nur mit einem PHP-Modul zur Bildgenerierung. Selbst mit einem solchen freien Modul wurden Tests gemacht, welche ein noch schlechteres Ergebnis lieferten als die ohnehin schon sehr schlecht leserlichen Exporte aus Photoshop.
	Nun gab es nur 2 Möglichkeiten, entweder die Schrift für die Navigation zwischen 16 und 18 Pixel groß machen, oder eine der Standard-Schriftarten für die Navigation zu benutzen. Bei der ersten Möglichkeit war die Schrift der Navigation viel zu Groß. Deswegen wurde die Schriftart Verdana, für die Navigation und den Text, gewählt. Diese wird auch im Buch "~~Ein Buchstabe kommt selten allei~~ n" als eine von 5 sehr gut lesbaren Bildschirmschriften beschrieben.		Nun gab es nur 2 Möglichkeiten, entweder die Schrift für die Navigation zwischen 16 und 18 Pixel groß machen, oder eine der Standard-Schriftarten für die Navigation zu benutzen. Bei der ersten Möglichkeit war die Schrift der Navigation viel zu Groß. Deswegen wurde die Schriftart Verdana, für die Navigation und den Text, gewählt. Diese wird auch im Buch "Buchstabenkommenseltenallei n" als eine von 5 sehr gut lesbaren Bildschirmschriften beschrieben.

	Durch die Verwendung der Standardschrift, wurde hierdurch auch die Benutzung der Seite, ohne Javascript, natürlich mit Effekt-Abstrichen, ermöglicht.		Durch die Verwendung der Standardschrift, wurde hierdurch auch die Benutzung der Seite, ohne Javascript, natürlich mit Effekt-Abstrichen, ermöglicht.

Rahn: /* Quellen */

2011-03-14T19:08:57Z

Quellen

← Older revision		Revision as of 19:08, 14 March 2011
Line 80:		Line 80:

	==Quellen==		==Quellen==
			===aus dem Web===
			*[http://www.selfhtml.org/ SelfHTML]
			*[http://jquery.org/ JQuery]
			===Konventionelles===
			*

Rahn: /* Inhaltsbereich an Navigation gekoppelt */

2011-03-14T19:05:21Z

Inhaltsbereich an Navigation gekoppelt

← Older revision		Revision as of 19:05, 14 March 2011
Line 55:		Line 55:
	File:henry11.jpg		File:henry11.jpg
	</gallery>		</gallery>
			Neben der Verbesserung an der Navigation, wurden auch die Kategorien an sich überarbeitet. Die einzelnen Menüpunkte sollten sich dadurch vom Web-"Einheitsbrei" abheben und zum "anklicken" verführen.

	===Design-Skizzen===		===Design-Skizzen===

Rahn: /* Nützliches */

2011-03-14T19:03:08Z

Nützliches

← Older revision		Revision as of 19:03, 14 March 2011
Line 72:		Line 72:

	==Nützliches==		==Nützliches==
	[http://blog.ryanmaffit.com/web-development/php/dynamic-php-font-generator.html PHP-FontGenerator]		*[http://blog.ryanmaffit.com/web-development/php/dynamic-php-font-generator.html PHP-FontGenerator]
	[http://scriptly.webocton.de/11/download.de.html Webocton Editor]		*[http://scriptly.webocton.de/11/download.de.html Webocton Editor]
	[http://jqueryui.com/demos/accordion/ Alles über das JQuery Accordion]		*[http://jqueryui.com/demos/accordion/ Alles über das JQuery Accordion]
	[http://www.appcelerator.com/ mobile Apps mit Appcelerator Titanium (open source)]		*[http://www.appcelerator.com/ mobile Apps mit Appcelerator Titanium (open source)]
	[http://www.t3n.de das T3N Magazin ist einen RSS-Feed wert!]		*[http://www.t3n.de das T3N Magazin ist einen RSS-Feed wert!]

	==Quellen==		==Quellen==

Rahn: /* Quellen */

2011-03-14T19:02:25Z

Quellen

← Older revision		Revision as of 19:02, 14 March 2011
Line 71:		Line 71:
	Dieses Akkordion, für das eigene UI-Icons gemacht wurden, geht eine wirklich gute Symbiose mit der Toggle-Navigation ein. Dadurch wirkt der Internetauftritt sehr aufgeräumt und trotzdem technisch wie aus einem Guss.		Dieses Akkordion, für das eigene UI-Icons gemacht wurden, geht eine wirklich gute Symbiose mit der Toggle-Navigation ein. Dadurch wirkt der Internetauftritt sehr aufgeräumt und trotzdem technisch wie aus einem Guss.

			==Nützliches==
			[http://blog.ryanmaffit.com/web-development/php/dynamic-php-font-generator.html PHP-FontGenerator]
			[http://scriptly.webocton.de/11/download.de.html Webocton Editor]
			[http://jqueryui.com/demos/accordion/ Alles über das JQuery Accordion]
			[http://www.appcelerator.com/ mobile Apps mit Appcelerator Titanium (open source)]
			[http://www.t3n.de das T3N Magazin ist einen RSS-Feed wert!]
	==Quellen==		==Quellen==

Rahn: /* Das finale Design */

2011-03-14T18:53:20Z

Das finale Design

← Older revision		Revision as of 18:53, 14 March 2011
Line 65:		Line 65:
	Das finale Design kann man sich, unter: [http://www.kombinat-medien.de www.kombinat-medien.de], ansehen. Für das finale Design, wurde versucht die DotMatrix-Schriftart für die Navigation zu benutzen, leider mit mäßigem Erfolg. Denn viele Schriften, die man sich kostenlos unter [http://www.fontsquirrel.com/fontface FontSquirrel] herunterladen kann sehen erst ab einer Schriftgröße von 16-18 Pixeln wirklich lesbar aus. Dies war auch mit der DotMatrix-Schrift so. Dort gibt es einen Testdrive um sich die Schriften anzusehen, dieser funktioniert aber leider nur mit einem PHP-Modul zur Bildgenerierung. Selbst mit einem solchen freien Modul wurden Tests gemacht, welche ein noch schlechteres Ergebnis lieferten als die ohnehin schon sehr schlecht leserlichen Exporte aus Photoshop.		Das finale Design kann man sich, unter: [http://www.kombinat-medien.de www.kombinat-medien.de], ansehen. Für das finale Design, wurde versucht die DotMatrix-Schriftart für die Navigation zu benutzen, leider mit mäßigem Erfolg. Denn viele Schriften, die man sich kostenlos unter [http://www.fontsquirrel.com/fontface FontSquirrel] herunterladen kann sehen erst ab einer Schriftgröße von 16-18 Pixeln wirklich lesbar aus. Dies war auch mit der DotMatrix-Schrift so. Dort gibt es einen Testdrive um sich die Schriften anzusehen, dieser funktioniert aber leider nur mit einem PHP-Modul zur Bildgenerierung. Selbst mit einem solchen freien Modul wurden Tests gemacht, welche ein noch schlechteres Ergebnis lieferten als die ohnehin schon sehr schlecht leserlichen Exporte aus Photoshop.
	Nun gab es nur 2 Möglichkeiten, entweder die Schrift für die Navigation zwischen 16 und 18 Pixel groß machen, oder eine der Standard-Schriftarten für die Navigation zu benutzen. Bei der ersten Möglichkeit war die Schrift der Navigation viel zu Groß. Deswegen wurde die Schriftart Verdana, für die Navigation und den Text, gewählt. Diese wird auch im Buch "Ein Buchstabe kommt selten allei n" als eine von 5 sehr gut lesbaren Bildschirmschriften beschrieben.		Nun gab es nur 2 Möglichkeiten, entweder die Schrift für die Navigation zwischen 16 und 18 Pixel groß machen, oder eine der Standard-Schriftarten für die Navigation zu benutzen. Bei der ersten Möglichkeit war die Schrift der Navigation viel zu Groß. Deswegen wurde die Schriftart Verdana, für die Navigation und den Text, gewählt. Diese wird auch im Buch "Ein Buchstabe kommt selten allei n" als eine von 5 sehr gut lesbaren Bildschirmschriften beschrieben.

	Durch die Verwendung der Standardschrift, wurde hierdurch auch die Benutzung der Seite, ohne Javascript, natürlich mit Effekt-Abstrichen, ermöglicht.		Durch die Verwendung der Standardschrift, wurde hierdurch auch die Benutzung der Seite, ohne Javascript, natürlich mit Effekt-Abstrichen, ermöglicht.

	Neben der Schrift-Findung, war die Einbindung von Technologien zur Nutzerinteraktion ein Thema. Hier wurde dann, neben der Eigenkreation, der sehr technisch wirkenden Navigation, JQuery in Form eines Akkordions eingebunden.		Neben der Schrift-Findung, war die Einbindung von Technologien zur Nutzerinteraktion ein Thema. Hier wurde dann, neben der Eigenkreation, der sehr technisch wirkenden Navigation, JQuery in Form eines Akkordions eingebunden.
	Dieses Akkordion, für das eigene UI-Icons gemacht wurden, geht eine wirklich gute Symbiose mit der Toggle-Navigation ein. Dadurch wirkt der Internetauftritt sehr aufgeräumt und trotzdem technisch wie aus einem Guss.		Dieses Akkordion, für das eigene UI-Icons gemacht wurden, geht eine wirklich gute Symbiose mit der Toggle-Navigation ein. Dadurch wirkt der Internetauftritt sehr aufgeräumt und trotzdem technisch wie aus einem Guss.

	==Quellen==		==Quellen==