febriansyah's Space

Personal stuff of another UI & UX ninja wanabe. ;)

  • Text

    CSS Tip

    jacob:

    This has come in pretty handy lately:

    width: 784px; /* 800 - (7 * 2) - (1 * 2) */

    Whenever you subtract padding or border from an elements dimension, note the equation you did to arrive at the new number.

    Super easy to recalculate it if any of the variables change. Bonus points for writing the comment first and just pasting it into Soulvr or Google.

    Edit: taniki definitely wins the bonus round with this tip:

    ⌥⇧C calculates the current selection in TextMate.

    Mind-bogglingly awesome!

    71 notes
    1 year ago
    1. viiv liked this
    2. iodic reblogged this from jacob
    3. waxandmilk liked this
    4. headunderwater liked this
    5. charliepark liked this
    6. scudmissile liked this
    7. dribbbler liked this
    8. joshuatuscan liked this
    9. phalkunz liked this
    10. edouardbriere liked this
    11. andyinabox liked this
    12. krisutus liked this
    13. embody liked this
    14. lullkatz liked this
    15. ebiansyah reblogged this from jacob
    16. stevenla liked this
    17. assadqazi reblogged this from jacob
    18. eldodo liked this
    19. jayrobinson said: I usually do this, though I only note the overall width I want, not the equation.
    20. ridingwithstrangers liked this
    21. stephenlovell liked this
    22. jacob liked this
    23. ibadeeb liked this
    24. taniki reblogged this from brocatus and added:
      And for all Textmate user : CTRL+SHIFT+C : calculate the selection (:
    25. roomthily liked this
    26. brocatus reblogged this from jacob and added:
      Did you meet LESS yet? It’s awsome!
    27. kevindavidcrowe liked this
    28. kemps liked this
    29. outloud liked this
    30. mattheweternal liked this
    31. 11h07 liked this
    32. r2witco liked this
    33. noxxten liked this
    34. hoitytoityangel liked this
    35. halavera liked this
    36. delestat liked this
    37. tywillis liked this
    38. patrickbeser liked this
    39. warszawaaa liked this
    40. bugsyrafael liked this
    41. benjamindauer liked this
    42. performcpr-but liked this
    43. sujay liked this
    44. berezina liked this
    45. ocularrepository liked this
    46. thresca liked this
    47. psql liked this
    48. janf reblogged this from jacob
    49. couch liked this
    50. bluntreaction liked this
    51. Show more notesLoading...

Proudly powered by Tumblr