WIP - Webshowroom simonpicos

[hellemon]

AW: WIP - Webshowroom simonpicos

Ja Simon da bin ich wohl im falsche Thread gelandet, danke noch mal für deinen Link per PM.

Was mir auf Anhieb gefällt sind die drei Sachen.

Follow me Buttons
CSS3 Animation-timing-functions
CSS3 Breadcrumbs

Die Follow me Buttons finde ich witzig und sehr gut umgesetzt, die CSS3 Animation wäre ne coole Sache um sie vor bestimmte Bilder zu setzen wenn sie geladen werden. Und deine CSS3 Breadcrumbs ist mal was anderes, aber sehr schön umgesetzt. Gefällt mir. :

Zieh meinen Hut vor dir, das wird bestimmt Lustig gegen so einen CSS3 Guru anzutreten, da weiß ich ja was ich die nächsten 6 Wochen zu tun habe und muss mich mächtig ins Zeug legen.

Wir hören und sehen uns beim CSS Contest.

Gruß Helle

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Ich finde, auch das muss mal hier rein:

html5css3demos.bplaced.net/frühe-anfaenge/futureglasses-1/startseite.html

und

html5css3demos.bplaced.net/fruehe-anfaenge/futureglasses-2/home.html


Entstanden im Informatikunterricht 9. Klasse. Aufgabe war es ein "Produkt" zu erfinden, verschiedene Kostenkalkulationen mit Excel zu machen und am Ende eine website zu erstellen. Gesamtzeitraum (ca. 1/3 Jahr)

Sieht zwar so ganzschön schlimm aus, aber ich glaube jeder hat mal so angefangen. Und bei mir hat es damit begonnen und es ist schon erstaunlich was mittlerweile daraus geworden ist

 

[cebito]

AW: WIP - Webshowroom simonpicos

Ich finde, auch das muss mal hier rein:

Wen darf ich verkloppen, deinen Lehrer oder dich?

... nein, das war mutig, und du hast dich sehr gut weiterentwickelt. Stell mal deine heutigen Sachen deinem Lehrer vor...

 

[patrick_l]

AW: WIP - Webshowroom simonpicos

So etwas nennt sich Unterricht und dann auch noch um diese Uhrzeit.
Ne ne, Spaß bei Seite Simon. Jeder fängt mal an und echt Hut ab wenn man anderen zeigt wie man angefangen hat. Erinnert mich immer an meinen Start. Da war ich noch Stolz mit nem Baukasten herum zu werkeln. Wie Cebito schon sagte, zeigt deine heutigen Sachen mal deinem Lehrer.

Und wie war das noch Frickel frickel frickel

 

[Davi2000]

AW: WIP - Webshowroom simonpicos

Am coolsten find ich dich Navigation und den Hintergrund. Meine Augen schmerzen immernoch. Aber dieses PostIt finde ich gut!

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Das mit dem Lehrer zeigen ist so ne Sache.. Ich glaube, ich bin hier schonmal ein paar Anekdoten zum Info.unterricht losgeworden ..

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

wohl wahr. chapeau. und bei soviel engagement und entwicklung bin ich neugierig, was da in zukunft von dir noch kommt.

Als nächstes "Langzeitprojekt" habe ich mir zum Ziel gesetzt für meine CSS-Demos eine richtige kleine Seite zu erstellen (aufgebaut auf wordpress) mit einer Übersicht über alle Demos (+evtl kleine Artikel, bzw. Tutorials).
Heißt: Wordpress lernen

Und als "gaanz-Langzeitprojekt" will ich mir ne richtige Präsenz aufbauen, wo zum einen die ganzen Demos reinkommen, zum anderen aber auch richtige Tutorials + ein Portfolio..

Aber das ist alles noch ziemlich Zukunftsmusik :lol:

 

[patrick_l]

AW: WIP - Webshowroom simonpicos

Als nächstes "Langzeitprojekt" habe ich mir zum Ziel gesetzt für meine CSS-Demos eine richtige kleine Seite zu erstellen

Ich bin schon gespannt wann es soweit ist. So lange es noch "Zukunftsmusik" bekommt man aber ja hier schon einiges von dir zu sehen. Spornt einen auch selber immer wieder an mehr zu lernen.

 

[Davi2000]

AW: WIP - Webshowroom simonpicos

Als nächstes "Langzeitprojekt" habe ich mir zum Ziel gesetzt für meine CSS-Demos eine richtige kleine Seite zu erstellen (aufgebaut auf wordpress) mit einer Übersicht über alle Demos (+evtl kleine Artikel, bzw. Tutorials).
Heißt: Wordpress lernen

Und als "gaanz-Langzeitprojekt" will ich mir ne richtige Präsenz aufbauen, wo zum einen die ganzen Demos reinkommen, zum anderen aber auch richtige Tutorials + ein Portfolio..

Aber das ist alles noch ziemlich Zukunftsmusik :lol:

Oder du machst das ein oder andere Videotut und stellst es hier online? Ich frage mich ja oft bei deinen arbeiten wie du das realisiert hast.

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Zu einzelnen Sachen wie zum Beispiel animations mache Ich schon tutorials. Der zweite teil von meinem tut. zu den animations wird bald abgeschickt.. Weitere folgen..

Um tutorials zu größeren Sachen wie bspw. dem slider zu machen fehlt mir im Moment einfach die Zeit. (Schule...) das sind nämlich meistens mehr als nur ein paar Zeilen Code

Ich schau aber dass ich immer mal wieder was bringe..

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

cebito hat vorgelegt, dann muss ich nachlegen

Ich baue jetzt nach und nach ne Übersichtsseite für meine CSS3 Spielereien auf.
Ich werde das ganze immer (nach möglichkeit) "live" online schalten, d.h. wenn ich was verändert habe stell ich es online. Bei wichtigen Fortschritten poste ichs dann auch hier.

Das ganze wird sich über einen längeren Zeitraum strecken, ich schötze mal so in 2 Monaten dürfte es stehen

Hier gehts los:

Nicht über die genannte Domain wundern. Ich bin noch am überlegen ob mir was kreatives einfällt (wie bei cebito ) Ich bin auf "ecsspert" gekommen, da hab ich aber leider beim googlen schon jemanden gefunden, der sich so nennt
Falls nicht, dann organisiere ich mir nen gescheiten webspace und hol mir die Domain



Gruß
Simon

 

[cebito]

AW: WIP - Webshowroom simonpicos

(wie bei cebito ) Ich bin auf "ecsspert"

... Das wär ja schon mal geklärt :mrorange:

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

... Das wär ja schon mal geklärt :mrorange:

Jep, hehe..

Das ganz wird ein bisschen anders ablaufen, als oben genannt, näheres dazu später

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Einige haben es ja sicher mitbekommen, die letzten paar Wochen lief hier der CSS-Contest ab. Sind echt tolle Ergebnisse bei rausgekommen. Ich würde euch bitten hier zu gehen

Und so sieht mein Design aus:

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

So lang hab ich nichts mehr hier gebracht?!

Ok, das muss jetzt geändert werden! Die Schule dümpelt bis zu den Ferien noch ein bisschen vor sich hin, da hab ich wieder vieeel Zeit

hier zum Anfang mal was "technisches" (kein Augenschmaus also)



Will zeigen, dass man auch mit CSS einfache Animationen oder ähnliches per klick starten kann. Und das, ohne dass im browser ein step zur history hinzugefügt wird (wie per :target)
Werde diese Technik demnächst auch mal in meine Slideshows einbauen

edit: habe das ganze jetzt mal in eine "downloadfunktion" umgewandelt

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Das ganze habe ich jetzt weiterentwickelt zu einer dynamischen anzeige "meiner" Skills

Sieht mittlerweile sogar nach was aus, wie ich finde

 

[Myhar]

AW: WIP - Webshowroom simonpicos

Ja, schauit ganz in Ordnung aus. Nur was haben die Zahlen zu bedeuten? Heißt das, du hast 075 Äpfel von HTML5? Oder sind das Meter? Kg?
Ja, uns wurde in der HTL sofort beigebracht, Diagramme ohne Beschriftungen haben keine Aussagekraft und sind tunlichst zu unterlassen. Wie man sieht habe ich also doch etwas in der Schule gelernt

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

good point.. Danke

Werde ich ändern.

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Ich habe mal was neues gemacht: Ein sogenanntes "pricing table"




Anregungen und Kritik sind wie immer gerne gesehen

 

[simonpicos]

AW: WIP - Webshowroom simonpicos

Mein letztes Projekt: Animierte drop-down Navi... Nichts besonderes



Da bräucht ich dann auch mal eure Hilfe. Wenn man über einen Link im Untermenü vom Untermenü geht, fängt die ganze Navi so komisch an zu flackern. Das tritt am stärksten im Firefox auf, Chrome ist es nur leicht festzustellen. Hat jemand ne Ahnung, woran das liegt? (bei der letzten Farbvariante tritt das Problem nicht auf.. :uhm

Liebe Grüße
Simon