DFCO Splash Animated

12 Responses

  1. Mike Cummings Mike Cummings

    Had a ton-o-fun building out this splash page for designfaith.co last weekend. Mostly, I just wanted to have something up (thats what she said) while I build out my full portfolio site.

    The nifty part – no images are being used. Everything is SVG code (check the source on designfaith.co). Learned a tonnn about SVGs and I was actually really surprised with how easy they are to work with. Anyways, here are the pros/cons I found personally during the whole process:

    Pros
    – Completely scalable
    – Easily editable with CSS
    – Quickly rendered in browser
    – No image requests

    Cons
    – Not supported by some browsers (cough, IE)
    – Limited access to some attributes

    Also, I think its funny the splash page fits in a dribbble shot. #crazyresponsive

    Would love to hear your thoughts on the UX, animation, SVG's or whatever else :D

    over 1 year ago

  2. Ali Ali

    Very cool! Nice idea :)

    likes

    over 1 year ago

  3. Andrew Colin Beck Andrew Colin Beck

    Ooooo super cool. I watched it for like 5 mins.

    likes

    over 1 year ago

  4. Rovane Durso Rovane Durso

    dude! Didn't I like this already? :) Looks really cool and hypnotic!

    likes

    over 1 year ago

  5. Eelco Guntlisbergen Eelco Guntlisbergen

    cool! Love the border i dont know why..

    likes

    over 1 year ago

  6. Patrick Rogan Patrick Rogan

    Dam you! Is this the actual size then?

    likes

    over 1 year ago

  7. Mike Cummings Mike Cummings

    @Ali – Thanks dude!
    @Andrew Colin Beck – Haha, good. Keep you out of trouble for 5 minutes. My job here is done :P
    @Rovane Durso – Haha, maybe. Needed some tweaks, so I reposted. Thanks for the double likes though! I have double hugs for you :D
    @Eelco Guntlisbergen – Thanks! I do too and I don't really know why either. Helps make everything feel contained in the massive amount of white space? I unno...

    over 1 year ago

  8. Mike Cummings Mike Cummings

    @Patrick Rogan – Haha, yeah! It's responsive so it'll center itself on whatever device you're viewing it on. See for yourself – designfaith.co :D

    over 1 year ago

  9. Mike Cummings Mike Cummings

    @Josh White – Haha thanks yo. Naw, building that page was the first time I had used SVG. I was surprised though, they're super easy to work with. Learned a lot :D

    about 1 year ago

  10. Mike Cummings Mike Cummings

    @Josh White – Yeah man, no problem. I think it really just comes down to experimentation and learning what all the attributes associated to the SVG tag do and how to manipulate them. This would be a good place to start – link :D

    about 1 year ago

  11. Alex Tass Alex Tass

    Great piece!

    likes

    11 months ago

  12. Mike Cummings Mike Cummings

    @Alex Tass — <3

    11 months ago

keyboard shortcuts: previous shot next shot L or F like