HOME | DD

Description
Bei der Seitennarvigation hier seh ich immer noch nicht durch und hoff einfach mal das es da ankommt wo es ankommen soll.

Im ganzen sollte es ein Tutorial über einen Effekt werden, dann kam ein kleines Tool dazu, was in Bereich Webdesign grad so den Mainstreamhype mit befriedigt + ein Tutorial, wo ich mir gesagt habe, was für ein Aufwand und Respektbekundung, dabei geht das mit 3 Klicks.

Das alles zusammen würde leider meinen Zeitrahmen sprengen, deswegen wird das ganze stark komprimiert in einen Topf geschmissen. Ob jemand braucht... die Seite sagt hier auch immer wieder "laden sie was hoch damit...bla" Die Nachricht brauch ich auch nicht, weil ich hier eigentlich nur bissl zum schauen der unterschiedlichen Talente und Kreationen da bin (inkl. Brainstorming eh klar ) )

Der Test - CSS HAT [link]

Ein Tool was bei bei dem z.Zt. stattfindenden Massenhype es bis in die Nachrichten als Newcomer und so fundamentale Revolution geschafft hat, das man schon fast Brechreiz bekommen könnte, aber dafür kann das Tool und der Hersteller nichts.
Von daher ging es an einen Test - was kann es und ist es im Komplettpaket wirklich (3 Teile) sein 70 EUR wert.

Kurze Erklärung für Außenstehende, was hier denn für ein Hype gemeint ist - schlicht HTML5/CSS3- wow was ist das geil.
Grundlegend gibts die Funktionen schon seit dem es HTML und CSS gibt, das ist der Witz dabei. Prinzipiell ist es positiv das dadurch Standards die es geben muß eine Plattform erhalten, aber diese waren bis vor dem Hype auf dem besseren Weg sich durch zu setzen.
Die Ironie dabei ist, das es durch diesen Hype möglich wird, einen
Das soll ab Kurzabriss reichen, wenn interesse besteht in den Kommentaren dann mehr dazu. Zurück zum Tool.

Mit W3C (w3.org), Webdesign und CSS beschäftige ich mich schon sehr lange, dazu gehört es auch mich mit dem Gesamtthema, Nebeneffekten und auch Trends zu beschäftigen. Tools die für Anfänger CSS übersetzen/fertig formatieren gibt es wie Sand am Meer. Ob sie brauchbar sind oder nicht muß wie immer der Nutzer entscheiden.
CSS ist die einfachste und auch eine der ältesten Programmiersprachen, das sie eine oder die mächtigste ist, dessen muss man sich nichtmal bewusst sein, aber erklärt eventuell warum dieser Hype nun statt findet oder aber auch warum dieser immer weiter entwickelt wird und gerade jetzt eine sehr interessante Entwicklung nimmt.
Den hier wird dem etwas tiefer in der Materie steckenden Leser evtl. auch klar, warum CSS eine der mächtigsten Sprachen ist, weil einfach simple und sehr kurze Anweisungen Auswirkungen haben, die keine andere Sprache schaffen würden.

// Als Anmerkung hier eine Bug der mir vor paar Jahren aufgefallen ist, das bei einer bestimmten Abordnung von DIV Elementen man den Rechner, der mit XP ausgestattet war zum sofortigen Totalabsturz bringen konnte. Dazu waren um die 20 Zeichen nötig - jetzt klar warum CSS so gewaltig ist? //

Das besondere an dem Tool ist hier das es fertigen CSS Code für verschiedene js Engine liefert. Welche das sind, sieht man in den ganzen Screens. Die erspart dem Entwickler eine Menge Zeit und auch das unterscheiden der Einzelnen Zusammensetzungen.
Was das Tool noch kann, ist etwas was ich so noch nicht 100% einstufen kann, aber es "hackt" sich auch in Photoshop so ein das es Funktionen nicht verändert, aber nennen wir es neu platziert.
Da ich kein Vollprofi bin kann das evtl. jemand besser mir/der Masse erklären. Soweit ich es beurteilen kann sind die Änderungen reine Gewohnheit, gerade dann wenn an mit seiner eigenen Menüsteuerung arbeitet bzw. sich konfiguriert hat so das man zwischen unterschiedlichen wechselt und es dadurch auffällt.
Ein Teil der Eingriffe sind qualitativ sogar als positiv an zu sehen und zwar genau dann wenn man in mehreren Ebenen Effekte einbauen möchte um in 2D Arbeitsweise einen 3D Effekt zu erreichen. (Darum geht es in der Testdatei) Die Farben sind schöner bzw. kräftiger - oder ist es einfach auch nur so das bei der eigenen Auswahl dann die best zu treffende Webfarbe genommen wird (oder wie auch immer)
Dabei passiert ein weiterer Effekt, das sich ab irgend einen Zeitpunkt Geisterebenen in eine Datei einschleichen. Diese haben vorweg gesagt keinen negativen Einfluss oder sonst schädigende Auswirkungen - sie sind einfach leer und nix nachvollziehbares als Inhalt. Davon gab es 3 Stück -bei einem Ebenenaufkommen von gesamt 170.

Im ganzen kann bin ich von dem Tool als soches (noch) nicht überzeugt, da ich es auch noch nicht wirklich in seinen Auswirkungen einstufen oder sogar auch nutzen kann. Da ich auch mit der Erwartung ran gegangen bin - wenn Layerdefinitionen dann doch bitte auch gesamt und das kann es nicht oder ich habe noch nicht gefunden wo es dies kann oder wird noch kommen, was auch immer.
Denn eins ist für mich an diesem Punkt entscheidend (als normaler Freizeit Webdesigner/Entwickler) einen Text /Grafik mit CSS einbinden und etwas Deko verpassen, sollte man tunlichst manuell unternehmen, da sonst Codeexplosionen und CSS Hacks immer mehr auftreten werden. Das ist jetzt schon zu beobachten und als sehr negativ ein zu stufen. Extremste Fall sei hier ein Theme Design für Wortpress genannt, welches um zu funktionieren 3 Externe CSS Hacks/Resetts benötigte. Allein die CSS Abteilung hatte eine Größe von (rein CSS) von 1,8 MB. Wo ich sagen muß, das ist etwas was genau nur durch solche Hypes passiert und es wie vor dem bekannt werden, das es Webstandards überhaupt gibt, genau solch ein Chaos wieder auslösen wird. Diesmal wird es nur "schlimmer" da hier Egos ihr Wirrwar als Genialität vermarkten werden, dabei wäre das oben angesprichene Theme mit ca. 2000 Zeichen zu realisieren gewesen.

Als kleines Fazit: Sinn oder Unsinn(zu Teuer) steht noch nicht zur Diskussion, da es doch psoitive Wirkungen hat. Diese sind allerdings eher im professionellen Bereich an zu siedeln und werden da sicher dankbar als Unterstützung ihre Einsatzgebiete finden.
Für den normalen User kannes unterstützend und vielleicht auch das Geld wert sein, aber dieser sollte sich eins vorher im klaren sein - und das liegt mir am Herzen - Erst wenn man die Regeln des Webs kennt kann man seine Individualität auch wirklich an den Tag bringen. Und diese Standards sind exenztiell wichtig. Da sie darüber entscheiden wie es gesehen oder vermarktet wird.

Und das ist schon der perfekte Übergang zu einem kleinen Tutu wo ich vor kurzen drüber gestolpert bin und dachte, was für ein Aufwand, der auch noch soviel Zustimmung gefunden hat. nötig sind dazu genau 3 Klicks und die Zeit habe ich gerade noch.

Gehen tut es hier um die im Ende bessere Ansicht von 3D Effekten die in 2D erstellt werden. In der Downloaddatei sind dei switch Screens damit gemeint, die den Weg zeigen bzw. ein Gesamtverständniss deutlich machen sollen. Es gibt sehr viele Tutus die WOW Effekte oder komplizierte Wege beinhalten, einen Darstellungseffekt zu erzielen. Diese Wege funktionieren zwar zweifellos und erreichen auch diesen Effekt, dennoch sind sie eher uneffizient als das sie Genialität haben.

Um diesen Abgrenzungsring eines Buttons, Drehschalters oder Lämpchen hin zu bekommen ist nichts weiter nötig als folgendes zu tun:

seinen Switch(Schalter switch.psd)) erstellen, den zu einem kleinen Schalterborad zusammen basteln, dieses in die Endzusammenstellung als Ebene einfügen. Hier dupliziert man nun die gesamte eingefügte Zusammenstellung und arbeitet mit der unteren, ohne die obere zu benutzen. der Effekt der sehr schmalen Abgrenzung (schwarz) ohne als Schlagschatten rüber zu kommen geht über Ebeneneffekt und der folgenden Einstellung - Schlagschatten, dann oben auf normal stellen (ist im dem Screenshot leider falsch da steht noch Multiplizieren) dann unten einfach erste Regler auf 0 den unteren auf 2px. fertig ist die Haube.
Und das sind im Ende genau 3 Klicks.

Was wichtiger als dieses eigentlich sehr einfache Tutu ist, das die mesiten Tutus (oder auch einfach allg.) nicht das Thema der Bedienung von Phtotoshop ect. aufgreifen. Gerade Photoshop ist von daher in soweit genial das es bereits sehr viele Einzelschritte als kleine Standarzusammenfassung schon beinhaltet, ohne das es dem Anwender eigentlich klar ist. Nehmen wir das Beispiel des Schlagschattens, so ist dieser Effekt im Grunde nichts anderes als der Arbeitsablauf vom Erstellen zweier Verläufe die die Proportionen des zu bearbeitenden Objektes automatisch berücksichtigen. Der Anwender muss nur noch 1 klick machen und schon hat er etwas, was bei manueller Erstellung eine Arbeitsablauf von von gut 30 Schritten wäre.
Es ist viel wichtiger die Funktionen und Auswirkungen von von den unterschiedlichen Ebenen zu erlernen und was diese in der Ansicht wirklich als Endergebnis bewirken und vorallem was jede einzelne Funktion schon automatisch mit beinhaltet. Oft sehe ich Anleitungen die Effekt beschreiben wo eigentlich es reicht, einfach mal Ebeneneffekt rastern zu klicken. So leider ist meine Zeit hier zu ende, hoffe war angenehm und keien Zeitverschwendung... so long
//Wer nu sagt und wo ist das Tutu, die Bilder sollten reichen, mti dem bissl Text hier - der Lerneffekt kommt erst dann wenn man den Zusammenhang versteht, denn erst dann wird man erst sehen was in sehr vielen Tutorials eigentlich Ballast ist udn von daher eigentlich völlig uneffizient und das Gegenteil von Genial darstellt.//

Downloadlink der Datei: [link]

Stay tuned

Description
Bei der Seitennarvigation hier seh ich immer noch nicht durch und hoff einfach mal das es da ankommt wo es ankommen soll.

Im ganzen sollte es ein Tutorial über einen Effekt werden, dann kam ein kleines Tool dazu, was in Bereich Webdesign grad so den Mainstreamhype mit befriedigt + ein Tutorial, wo ich mir gesagt habe, was für ein Aufwand und Respektbekundung, dabei geht das mit 3 Klicks.

Das alles zusammen würde leider meinen Zeitrahmen sprengen, deswegen wird das ganze stark komprimiert in einen Topf geschmissen. Ob jemand braucht... die Seite sagt hier auch immer wieder "laden sie was hoch damit...bla" Die Nachricht brauch ich auch nicht, weil ich hier eigentlich nur bissl zum schauen der unterschiedlichen Talente und Kreationen da bin (inkl. Brainstorming eh klar ) )

Der Test - CSS HAT [link]

Ein Tool was bei bei dem z.Zt. stattfindenden Massenhype es bis in die Nachrichten als Newcomer und so fundamentale Revolution geschafft hat, das man schon fast Brechreiz bekommen könnte, aber dafür kann das Tool und der Hersteller nichts.
Von daher ging es an einen Test - was kann es und ist es im Komplettpaket wirklich (3 Teile) sein 70 EUR wert.

Kurze Erklärung für Außenstehende, was hier denn für ein Hype gemeint ist - schlicht HTML5/CSS3- wow was ist das geil.
Grundlegend gibts die Funktionen schon seit dem es HTML und CSS gibt, das ist der Witz dabei. Prinzipiell ist es positiv das dadurch Standards die es geben muß eine Plattform erhalten, aber diese waren bis vor dem Hype auf dem besseren Weg sich durch zu setzen.
Die Ironie dabei ist, das es durch diesen Hype möglich wird, einen
Das soll ab Kurzabriss reichen, wenn interesse besteht in den Kommentaren dann mehr dazu. Zurück zum Tool.

Mit W3C (w3.org), Webdesign und CSS beschäftige ich mich schon sehr lange, dazu gehört es auch mich mit dem Gesamtthema, Nebeneffekten und auch Trends zu beschäftigen. Tools die für Anfänger CSS übersetzen/fertig formatieren gibt es wie Sand am Meer. Ob sie brauchbar sind oder nicht muß wie immer der Nutzer entscheiden.
CSS ist die einfachste und auch eine der ältesten Programmiersprachen, das sie eine oder die mächtigste ist, dessen muss man sich nichtmal bewusst sein, aber erklärt eventuell warum dieser Hype nun statt findet oder aber auch warum dieser immer weiter entwickelt wird und gerade jetzt eine sehr interessante Entwicklung nimmt.
Den hier wird dem etwas tiefer in der Materie steckenden Leser evtl. auch klar, warum CSS eine der mächtigsten Sprachen ist, weil einfach simple und sehr kurze Anweisungen Auswirkungen haben, die keine andere Sprache schaffen würden.

// Als Anmerkung hier eine Bug der mir vor paar Jahren aufgefallen ist, das bei einer bestimmten Abordnung von DIV Elementen man den Rechner, der mit XP ausgestattet war zum sofortigen Totalabsturz bringen konnte. Dazu waren um die 20 Zeichen nötig - jetzt klar warum CSS so gewaltig ist? //

Das besondere an dem Tool ist hier das es fertigen CSS Code für verschiedene js Engine liefert. Welche das sind, sieht man in den ganzen Screens. Die erspart dem Entwickler eine Menge Zeit und auch das unterscheiden der Einzelnen Zusammensetzungen.
Was das Tool noch kann, ist etwas was ich so noch nicht 100% einstufen kann, aber es "hackt" sich auch in Photoshop so ein das es Funktionen nicht verändert, aber nennen wir es neu platziert.
Da ich kein Vollprofi bin kann das evtl. jemand besser mir/der Masse erklären. Soweit ich es beurteilen kann sind die Änderungen reine Gewohnheit, gerade dann wenn an mit seiner eigenen Menüsteuerung arbeitet bzw. sich konfiguriert hat so das man zwischen unterschiedlichen wechselt und es dadurch auffällt.
Ein Teil der Eingriffe sind qualitativ sogar als positiv an zu sehen und zwar genau dann wenn man in mehreren Ebenen Effekte einbauen möchte um in 2D Arbeitsweise einen 3D Effekt zu erreichen. (Darum geht es in der Testdatei) Die Farben sind schöner bzw. kräftiger - oder ist es einfach auch nur so das bei der eigenen Auswahl dann die best zu treffende Webfarbe genommen wird (oder wie auch immer)
Dabei passiert ein weiterer Effekt, das sich ab irgend einen Zeitpunkt Geisterebenen in eine Datei einschleichen. Diese haben vorweg gesagt keinen negativen Einfluss oder sonst schädigende Auswirkungen - sie sind einfach leer und nix nachvollziehbares als Inhalt. Davon gab es 3 Stück -bei einem Ebenenaufkommen von gesamt 170.

Im ganzen kann bin ich von dem Tool als soches (noch) nicht überzeugt, da ich es auch noch nicht wirklich in seinen Auswirkungen einstufen oder sogar auch nutzen kann. Da ich auch mit der Erwartung ran gegangen bin - wenn Layerdefinitionen dann doch bitte auch gesamt und das kann es nicht oder ich habe noch nicht gefunden wo es dies kann oder wird noch kommen, was auch immer.
Denn eins ist für mich an diesem Punkt entscheidend (als normaler Freizeit Webdesigner/Entwickler) einen Text /Grafik mit CSS einbinden und etwas Deko verpassen, sollte man tunlichst manuell unternehmen, da sonst Codeexplosionen und CSS Hacks immer mehr auftreten werden. Das ist jetzt schon zu beobachten und als sehr negativ ein zu stufen. Extremste Fall sei hier ein Theme Design für Wortpress genannt, welches um zu funktionieren 3 Externe CSS Hacks/Resetts benötigte. Allein die CSS Abteilung hatte eine Größe von (rein CSS) von 1,8 MB. Wo ich sagen muß, das ist etwas was genau nur durch solche Hypes passiert und es wie vor dem bekannt werden, das es Webstandards überhaupt gibt, genau solch ein Chaos wieder auslösen wird. Diesmal wird es nur "schlimmer" da hier Egos ihr Wirrwar als Genialität vermarkten werden, dabei wäre das oben angesprichene Theme mit ca. 2000 Zeichen zu realisieren gewesen.

Als kleines Fazit: Sinn oder Unsinn(zu Teuer) steht noch nicht zur Diskussion, da es doch psoitive Wirkungen hat. Diese sind allerdings eher im professionellen Bereich an zu siedeln und werden da sicher dankbar als Unterstützung ihre Einsatzgebiete finden.
Für den normalen User kannes unterstützend und vielleicht auch das Geld wert sein, aber dieser sollte sich eins vorher im klaren sein - und das liegt mir am Herzen - Erst wenn man die Regeln des Webs kennt kann man seine Individualität auch wirklich an den Tag bringen. Und diese Standards sind exenztiell wichtig. Da sie darüber entscheiden wie es gesehen oder vermarktet wird.

Und das ist schon der perfekte Übergang zu einem kleinen Tutu wo ich vor kurzen drüber gestolpert bin und dachte, was für ein Aufwand, der auch noch soviel Zustimmung gefunden hat. nötig sind dazu genau 3 Klicks und die Zeit habe ich gerade noch.

Gehen tut es hier um die im Ende bessere Ansicht von 3D Effekten die in 2D erstellt werden. In der Downloaddatei sind dei switch Screens damit gemeint, die den Weg zeigen bzw. ein Gesamtverständniss deutlich machen sollen. Es gibt sehr viele Tutus die WOW Effekte oder komplizierte Wege beinhalten, einen Darstellungseffekt zu erzielen. Diese Wege funktionieren zwar zweifellos und erreichen auch diesen Effekt, dennoch sind sie eher uneffizient als das sie Genialität haben.

Um diesen Abgrenzungsring eines Buttons, Drehschalters oder Lämpchen hin zu bekommen ist nichts weiter nötig als folgendes zu tun:

seinen Switch(Schalter switch.psd)) erstellen, den zu einem kleinen Schalterborad zusammen basteln, dieses in die Endzusammenstellung als Ebene einfügen. Hier dupliziert man nun die gesamte eingefügte Zusammenstellung und arbeitet mit der unteren, ohne die obere zu benutzen. der Effekt der sehr schmalen Abgrenzung (schwarz) ohne als Schlagschatten rüber zu kommen geht über Ebeneneffekt und der folgenden Einstellung - Schlagschatten, dann oben auf normal stellen (ist im dem Screenshot leider falsch da steht noch Multiplizieren) dann unten einfach erste Regler auf 0 den unteren auf 2px. fertig ist die Haube.
Und das sind im Ende genau 3 Klicks.

Was wichtiger als dieses eigentlich sehr einfache Tutu ist, das die mesiten Tutus (oder auch einfach allg.) nicht das Thema der Bedienung von Phtotoshop ect. aufgreifen. Gerade Photoshop ist von daher in soweit genial das es bereits sehr viele Einzelschritte als kleine Standarzusammenfassung schon beinhaltet, ohne das es dem Anwender eigentlich klar ist. Nehmen wir das Beispiel des Schlagschattens, so ist dieser Effekt im Grunde nichts anderes als der Arbeitsablauf vom Erstellen zweier Verläufe die die Proportionen des zu bearbeitenden Objektes automatisch berücksichtigen. Der Anwender muss nur noch 1 klick machen und schon hat er etwas, was bei manueller Erstellung eine Arbeitsablauf von von gut 30 Schritten wäre.
Es ist viel wichtiger die Funktionen und Auswirkungen von von den unterschiedlichen Ebenen zu erlernen und was diese in der Ansicht wirklich als Endergebnis bewirken und vorallem was jede einzelne Funktion schon automatisch mit beinhaltet. Oft sehe ich Anleitungen die Effekt beschreiben wo eigentlich es reicht, einfach mal Ebeneneffekt rastern zu klicken. So leider ist meine Zeit hier zu ende, hoffe war angenehm und keien Zeitverschwendung... so long
//Wer nu sagt und wo ist das Tutu, die Bilder sollten reichen, mti dem bissl Text hier - der Lerneffekt kommt erst dann wenn man den Zusammenhang versteht, denn erst dann wird man erst sehen was in sehr vielen Tutorials eigentlich Ballast ist udn von daher eigentlich völlig uneffizient und das Gegenteil von Genial darstellt.//

Downloadlink der Datei: [link]

Stay tuned