Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Documenting

Design Rules

While Coding




!
!






✤
✤
✤ 



❖
❖
❖
❖
- Agenda -
- Step1 -




✤
✤
‣
✤ 

✤
✤
✤


Design

Rules








✤
✤
✤
✤


✤
✤
✤
✤
✤
✤
✤
✤
“
”
“
”








永あ Aa




‣
✤
✤
✤
✤
‣ 

- Step2 -
!
!
!
!
!


✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤
✤




あ
う
A
d
y
G
4
3
永
E
7
H
z
ら
漢
永あ
Aa
✤
✤
✤


永あ Aa








永あ Aa




- Step3 -
✤
✤
✤












!
!
"
! ! !
"
! ! !
"
! ! !








- HOW TO STUDY -


✤
✤
✤

 

✤
✤
✤
✤

 













#
- Result -










コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
Upcoming SlideShare
Loading in …5
×

コーディングしながらデザインルールをドキュメント化してみた

1,913 views

Published on

SaCSS Special 13で話した内容です。

Published in: Internet
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

コーディングしながらデザインルールをドキュメント化してみた

  1. 1. Documenting
 Design Rules
 While Coding 

  2. 2.
  3. 3. ! !
  4. 4. 
 

  5. 5.
  6. 6. ✤ ✤ ✤ 

  7. 7.
  8. 8. ❖ ❖ ❖ ❖ - Agenda -
  9. 9. - Step1 -
  10. 10.
  11. 11.
  12. 12. ✤ ✤ ‣
  13. 13. ✤ 
 ✤ ✤ ✤
  14. 14. 
 Design
 Rules
  15. 15.
  16. 16.
  17. 17.
  18. 18. 
 ✤ ✤ ✤ ✤
  19. 19. 
 ✤ ✤ ✤ ✤
  20. 20. ✤ ✤ ✤ ✤
  21. 21. “ ”
  22. 22. “ ”
  23. 23. 
 

  24. 24. 
 
 永あ Aa
  25. 25. 
 
 ‣
  26. 26. ✤ ✤ ✤ ✤ ‣ 

  27. 27. - Step2 -
  28. 28. ! !
  29. 29. ! !
  30. 30. !
  31. 31.
  32. 32. ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤ ✤
  33. 33. ✤ ✤ ✤ ✤ ✤
  34. 34. 
 

  35. 35. あ う A d y G 4 3 永 E 7 H z ら 漢
  36. 36. 永あ Aa
  37. 37. ✤ ✤ ✤
  38. 38.
  39. 39. 永あ Aa 
 

  40. 40. 
 
 永あ Aa 
 

  41. 41. - Step3 -
  42. 42. ✤ ✤ ✤
  43. 43. 
 
 

  44. 44. 
 
 

  45. 45. ! !
  46. 46. " ! ! ! " ! ! !
  47. 47. " ! ! !
  48. 48.
  49. 49.
  50. 50. 
 

  51. 51. - HOW TO STUDY -
  52. 52.
  53. 53. ✤ ✤ ✤ 
 
 ✤ ✤ ✤ ✤
  54. 54. 
 

  55. 55. 
 
 
 
 
 
 #
  56. 56. - Result -
  57. 57. 
 

  58. 58. 
 
 


×