WiP - Webshowroom cebito

WiP - Webshowroom cebito | PSD-Tutorials.de

Erstellt von cebito, 06.01.2012.

  1. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.315
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    WiP - Webshowroom cebito
    Simon hats ja vorgemacht, und ich bastle ja auch immer mal an dem ein oder anderen. Also mach ich hier auch mal einen Showroom auf, um euch teilhaben zu lassen...

    Meine heutige Spielerei - Cubes...

    [​IMG]

    Dieses Beispiel funktioniert momentan ausschließlich in Webkit-Browsern, aber die Entwicklung geht ja voran... ;)

    [​IMG] [​IMG] [​IMG] [​IMG]
     
    Zuletzt bearbeitet: 29.03.2012
    #1      
  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. 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 cebito
    AW: WiP - Webshowroom cebito

    Die Nummer mit den Zahnrädern beim CSS-Kontest war ja schon nen Knaller, aber die Cubes toppen das ganze nochmal. Echt Hut ab was du so zusammen schusterst. Daumen hoch,

    Grüße Patrick
     
    #2      
  4. 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 cebito
    AW: WiP - Webshowroom cebito

    Nachmacher^^ Nein Spaß, ist ja gut, dass da was neues kommt :)

    Die Cubes sind sehr geil! Der dritte Würfel läuft allerdings ziemlich buggy: Mal legt sich ne falsche Seite vor die andere, sodass dann ganz andere Figuren entstehen :D Mal schauen vlt bekomm ich gleich nen Screenshot hin. (aktueller stablier Chrome)
     
    #3      
  5. cebito

    cebito undefined

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

    Ich weiß, aber die Browserimplementierung ist ja hier noch am Anfang. Da werden ja praktisch ständig die Z-Indexes gewechselt, darauf hab ich natürlich keinen Einfluss. Und naja, manchmal kommt der Browser wohl nicht ganz nach :uhm: dann siehts eben mal "verformt" aus... :D

    Edit sagt - siehst ja auch in meinem Screenshot, beim ersten, die Deckfläche überlagert schon, obwohl die Seite noch voll sichtbar sein müsste. Ohne Hintergrundverlauf wär das Prob natürlich nicht ;)
     
    Zuletzt bearbeitet: 06.01.2012
    #4      
  6. 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 cebito
    AW: WiP - Webshowroom cebito

    Musst es ja auch immer übertreiben ;)
     
    #5      
  7. cebito

    cebito undefined

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

    Mit box-shadow allein sah es langweilig aus :uhm: :D
     
    #6      
  8. Horst-Karsten

    Horst-Karsten Spicker

    12
    Dabei seit:
    17.04.2009
    Beiträge:
    521
    Geschlecht:
    männlich
    Ort:
    "Großraum" Hamburg
    Software:
    Adobe Palette
    Kameratyp:
    Canon EOS
    WiP - Webshowroom cebito
    AW: WiP - Webshowroom cebito

    Der Server unter www.cebito.de konnte nicht gefunden werden. *koppkratz*
     
    #7      
  9. 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 cebito
    AW: WiP - Webshowroom cebito

    Probleme mit deiner Internetverbindung? Also bei mir ist alles erreichbar..
     
    #8      
  10. Horst-Karsten

    Horst-Karsten Spicker

    12
    Dabei seit:
    17.04.2009
    Beiträge:
    521
    Geschlecht:
    männlich
    Ort:
    "Großraum" Hamburg
    Software:
    Adobe Palette
    Kameratyp:
    Canon EOS
    WiP - Webshowroom cebito
    AW: WiP - Webshowroom cebito

    Keine Probleme mit der Verbindung, alles andere ging ja. Mittlerweile gehts aber auch bei mir.
     
    #9      
  11. cebito

    cebito undefined

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

    Die ist schon ein paar Tage alt, wusste nur nicht, wie ich ein Startbild incl. zugehörigem Text hinbekomme, ohne das der Text die anderen überlagert oder das Bild beim Wechsel durchscheint. Problem gelöst...

    [​IMG]

    Feedback willkommen...
     
    Zuletzt bearbeitet: 08.01.2012
    #10      
  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 cebito
    AW: WiP - Webshowroom cebito

    Ich hab dir ja schon was dazu gesagt, eine Sache ist mir grade noch aufgefallen: Im Chrome ruckeln die Thumbs um 1-2 px nach links und rechts, wenn man eine hovert. Im FF ist das problem nicht. evtl hilft es was ne gefixte position mitzugeben.. (dann müsstest du die halt mit margin positionieren, weil das float ja nix mehr bringt..)
     
    #11      
  13. cebito

    cebito undefined

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

    Hab jetzt den li das margin und ne feste Breite gegeben, jetzt ruckelts auch in Webkits nicht mehr... :D
     
    #12      
  14. cebito

    cebito undefined

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

    Ich bin halt so 'n Nostalgiker :D Disko...

    [​IMG]

    Wieder mal leider nur Webkits... :(
     
    #13      
  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 cebito
    AW: WiP - Webshowroom cebito

    Die haste aber nicht alle einzeln getippt (bzw. c&p + jeweils neuer Varlauf), oder?!?! :eek:

    Vom Design her gibts sicher ncoh Optimierungsbedarf^^ (für so was bin ich wohl zu jung ;) ), aber es geht ja hauptsächlich um die Technik, und die ist schon nicht schlecht .. :)
     
    #14      
  16. xuLLix

    xuLLix Dr. der Blödsinnologie

    1
    Dabei seit:
    17.01.2010
    Beiträge:
    565
    Geschlecht:
    männlich
    Ort:
    Delmenhorst
    Software:
    PS/DW
    Kameratyp:
    EOS 650D
    WiP - Webshowroom cebito
    AW: WiP - Webshowroom cebito

    Ich finde diese Arbeiten echt klasse... leider sieht das bei mir nicht so aus, wie es auf den Bildern hier dargestellt wird.

    Ich habe den aktuellen Chrome und Firefox ausprobiert..

    Naja.. ist auch erstmal egal, ich bin beeindruckt und muss unbedingt mehr CSS lernen ;)
     
    #15      
  17. Waegi

    Waegi Aktives Mitglied

    Dabei seit:
    14.02.2011
    Beiträge:
    337
    Geschlecht:
    männlich
    Software:
    Adobe Photoshop CS5, InDesign CS5, Illustrator CS5
    Kameratyp:
    Canon EOS 1100D
    WiP - Webshowroom cebito
    AW: WiP - Webshowroom cebito

    Gefällt mir, tolle Arbeiten, auch wenn die Bewegungen des Würfels etwas arg hart wirken, könnten noch etwas sanfter und schöner sein.

    mfg Waegi
     
    #16      
  18. 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 cebito
    AW: WiP - Webshowroom cebito

    @cebito die Bildgallerie ist sehr cool, habe mir mal deine Code angesehen, das ist jetzt alles in HTML5 geschrieben oder? Hast du die Java Datei selbst geschrieben oder gibt es die fertig zum downloaden? Ist schon der Hammer was derzeit alles machbar ist, seh schon, habe viel Nachholbedarf. :)

    Gruß Helle
     
    #17      
  19. cebito

    cebito undefined

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

    Kannste von mir kopieren, oder hier downloaden... http://leaverou.github.com/prefixfree/

    Die kommt übrigens auch in die HTML-Vorlage für den CSS-Contest, damit es für alle übersichtlicher bleibt und weniger Schreibarbeit wird.
     
    #18      
  20. 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 cebito
    AW: WiP - Webshowroom cebito

    Danke dir für den Link, werde mal am Wochenende wieder anfangen mich warm zu scripten. ;) Damit ich für den Contest gerüstet bin. Und die Gallerie finde ich wäre ein guter Anfang. :p
     
    #19      
  21. cebito

    cebito undefined

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

    Mach mal, dafür ist das Zeugs da...
     
    #20      
Seobility SEO Tool
x
×
×