WIP - Webshowroom simonpicos

WIP - Webshowroom simonpicos | Seite 3 | PSD-Tutorials.de

Erstellt von simonpicos, 15.12.2011.

  1. hellemon

    hellemon Hat es drauf

    331
    Dabei seit:
    17.11.2006
    Beiträge:
    2.422
    Geschlecht:
    männlich
    Ort:
    München
    Software:
    Photoshop CC
    WIP - Webshowroom simonpicos
    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. :daumenhoch:

    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. :D

    Wir hören und sehen uns beim CSS Contest.

    Gruß Helle
     
    #41      
  2. TutKit

    TutKit Vollzugriff

    Vollzugriff auf sämtliche Inhalte für Photoshop, InDesign, Affinity, 3D, Video & Office

    Suchst du einen effektiven Weg, um deine Geschäftsideen aber auch persönlichen Kenntnisse zu fördern? Teste unsere Lösung mit Vollzugriff auf Tutorials und Vorlagen/Erweiterungen, die dich schneller zum Ziel bringen. Klicke jetzt hier und teste uns kostenlos!

  3. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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 :)
     
    #42      
  4. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

    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...
     
    #43      
  5. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe, Affinity, Figma, VS Codium, PHPStorm, Unraid
    Kameratyp:
    Canon DSLR [...]
    WIP - Webshowroom simonpicos
    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 :D
     
    #44      
  6. Davi2000

    Davi2000 Nicht mehr ganz neu hier

    Dabei seit:
    28.11.2011
    Beiträge:
    140
    Geschlecht:
    männlich
    Software:
    CS5.5 , Dreamweaver CS5, notepad++
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

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

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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 ..
     
    #46      
  8. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom simonpicos
    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:
     
    #47      
  9. patrick_l

    patrick_l Hat es drauf

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    Adobe, Affinity, Figma, VS Codium, PHPStorm, Unraid
    Kameratyp:
    Canon DSLR [...]
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

    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. :)
     
    #48      
  10. Davi2000

    Davi2000 Nicht mehr ganz neu hier

    Dabei seit:
    28.11.2011
    Beiträge:
    140
    Geschlecht:
    männlich
    Software:
    CS5.5 , Dreamweaver CS5, notepad++
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos


    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.
     
    #49      
  11. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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..
     
    #50      
  12. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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: http://html5css3demos.bplaced.net/

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



    Gruß
    Simon
     
    Zuletzt bearbeitet: 10.03.2012
    #51      
  13. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

    ... Das wär ja schon mal geklärt :mrorange:
     
    #52      
  14. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

    Jep, hehe..:)

    Das ganz wird ein bisschen anders ablaufen, als oben genannt, näheres dazu später ;)
     
    #53      
  15. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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 VOTEN zu gehen :)

    Und so sieht mein Design aus:

    [​IMG]
     
    #54      
  16. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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;))

    [​IMG]

    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 :)
     
    Zuletzt bearbeitet: 30.05.2012
    #55      
  17. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom 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 :)

    [​IMG]
     
    #56      
  18. Myhar

    Myhar Hat es drauf

    Dabei seit:
    01.11.2007
    Beiträge:
    2.289
    Geschlecht:
    männlich
    Ort:
    Ö
    WIP - Webshowroom simonpicos
    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 :D
     
    #57      
  19. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

    good point.. Danke :)

    Werde ich ändern.
     
    #58      
  20. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

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


    [​IMG]

    Anregungen und Kritik sind wie immer gerne gesehen :)
     
    Zuletzt bearbeitet: 12.08.2012
    #59      
  21. simonpicos

    simonpicos Mod | Forum

    Dabei seit:
    16.02.2011
    Beiträge:
    2.468
    Geschlecht:
    männlich
    Ort:
    Taunus
    Software:
    Adobe CC (PS, Lightroom, Illustrator, Premiere, After Effects)
    Kameratyp:
    Canon EOS 600D + div. Linsen
    WIP - Webshowroom simonpicos
    AW: WIP - Webshowroom simonpicos

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

    [​IMG]

    Da bräucht ich dann auch mal eure Hilfe. Wenn man über einen Link im Untermenü vom Untermenü :D 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
     
    #60      
Seobility SEO Tool
x
×
×