Switches!

Switches

16 Responses

  1. Mike Busby Mike Busby

    Working on an admin panel this is a quick shot of it.

    Update: fixed a few things http://d.pr/i/a5sh

    @Luky Vj coded these up! http://cssdeck.com/labs/x8pgg6zz

    likes

    12 months ago

  2. Cat Noone Cat Noone

    This looks great! Only thing I'd suggest is the vertical lines in the switches. They could be bumped over 1px. They don't seem vertically centered.

    likes

    12 months ago

  3. Mike Busby Mike Busby

    Yeah your right, I need to fix up the lines too.

    12 months ago

  4. Kevin Hamil Kevin Hamil

    Looks great! Just to add to what @Cat Smith said.. it may just be an illusion, but the 'check' appears to be closer to the edge than the X. Maybe try nudging it over to the right just one pixel and see if it looks more uniform with the spacing of the X.

    Nice job!

    likes

    12 months ago

  5. Geldy Geldy

    SICK!!!

    likes

    12 months ago

  6. Mike Busby Mike Busby

    @Kevin Hamil yeah I see what you mean thanks for that :)

    @Geldy Thanks!

    12 months ago

  7. Luky Vj Luky Vj

    Oops I think I just found what I'm gonna code this weekend :)

    Awesome, as always ! Bravo !

    likes

    12 months ago

  8. Mike Busby Mike Busby

    @Luky Vj Yeah man do it! and thanks :)

    likes

    12 months ago

  9. Gustav Ågren Gustav Ågren

    Brilliant stuff mike! I think spacing the "x" and "v" more away from the edge would look cooler. ( have it centered between switch and border ) looks very neat.

    likes

    12 months ago

  10. Ben Bate Ben Bate

    OOOO

    likes

    12 months ago

  11. Anthony Lam Anthony Lam

    nice! maybe the x and the check could get some more padding from the sides?

    likes

    12 months ago

  12. Mike Busby Mike Busby

    @Gustav Ågren @Anthony Lam I have made some adjustments

    http://d.pr/i/a5sh

    likes

    12 months ago

  13. Gustav Ågren Gustav Ågren

    Awesome mike. love it!

    likes

    12 months ago

  14. This is a rebound of an original switchers design by @Mike Busby.
    I was inspired, and I decided to code it for my own pleasure.
    Feel free to use it and comment.
    Any feedbacks are welcome.
    ------------------------
    See it online

    12 months ago

  15. Philip Lester Philip Lester

    I like these a lot, though I think they could be improved by making the X red and the checks green, possibly the bg as well. This way it'll take less time to discern which are active vs inactive.

    likes

    11 months ago

  16. Mike Busby Mike Busby

    @Phil Lester I tried with colour on these, but it just didn't work. the hole system is very monochrome so the switches really drew attention to them even with a dull red / green.

    99% of the switches will be active, and only 1 or 2 will be deactivated so it should be easy enough to tell.

    11 months ago

keyboard shortcuts: previous shot next shot L or F like