Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Project Lab Squirrel #2

Mu-An Chiou
May 25, 2014
Technology
1
440

Project Lab Squirrel #2

Location: My home
Time: 25 May 2014 (Sun)

Mu-An Chiou

May 25, 2014
Tweet

More Decks by Mu-An Chiou

See All by Mu-An Chiou
Details on <details>
muan
0
170
Publishing and Hosting on GitHub pages
muan
4
110
Having no patience(Japanese)
muan
1
340
JSDC
muan
2
470
Design with Code
muan
5
480
Having no patience
muan
1
270
Design in GitHub
muan
5
340
Project Lab Squirrel #1
muan
8
670
A girl with no patience
muan
18
1.9k

Other Decks in Technology

See All in Technology
Optimizing your Swift code
kateinoigakukun
0
1.4k
ML PM, DS PMってどんな仕事をしているの？
line_developers
PRO
1
240
Bill One 開発エンジニア 紹介資料
sansantech
PRO
0
110
cdk deployに必要な権限ってなんだ？
kinyok
0
170
インフラ技術基礎勉強会 開催概要
toru_kubota
0
170
組織に対してSREを適用するとどうなるか
kuniim
7
2.5k
書籍を書きました。 そう、VS Codeで。
takumanakagame
4
4.4k
Oktaの管理者権限を適切に移譲してみた
shimosyan
2
270
Kaggleシミュレーションコンペの動向
nagiss
0
260
CES_2023_FleetWise_demo.pdf
sparkgene
0
110
Cloudflare Workersで動くOG画像生成器
aiji42
1
490
OCI技術資料 : ロード・バランサー 詳細 / Load Balancer 200
ocise
2
7.2k

Featured

See All Featured
Code Review Best Practice
trishagee
50
11k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
WebSockets: Embracing the real-time Web
robhawkes
58
6k
Stop Working from a Prison Cell
hatefulcrawdad
263
18k
Designing for Performance
lara
600
65k
Atom: Resistance is Futile
akmur
256
24k
Why Our Code Smells
bkeepers
PRO
326
55k
Teambox: Starting and Learning
jrom
124
7.9k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k

Transcript

  1.  ḱᙿᖳᔚᩲᤍ࿴ Project Lab Squirrel #2 

  2. layout 

  3.  FROM IMAGE TO HTML ᨜ᷡṍኈ

  4. <body> <div class="menu"> <div class="logo"><img src="/logo.png"></div> <a href="">LESSONS</a> <a href="/participants">PARTICIPANTS</a>

    <a href="">ABOUT</a> </div> <div class="content"> ⼀一些內容在這裡頭。 </div> </body>

  5. <body> <div class="menu"> <div class="logo"><img src="/logo.png"></div> <a href="">LESSONS</a> <a href="/participants">PARTICIPANTS</a>

    <a href="">ABOUT</a> </div> <div class="content"> ⼀一些內容在這裡頭。 </div> </body>

  6. <body> <div class="menu"> <div class="logo"><img src="/logo.png"></div> <a href="">LESSONS</a> <a href="/participants">PARTICIPANTS</a>

    <a href="">ABOUT</a> </div> <div class="content"> ⼀一些內容在這裡頭。 </div> </body>

  7. <body> <div class="menu"> <div class="logo"><img src="/logo.png"></div> <a href="">LESSONS</a> <a href="/participants">PARTICIPANTS</a>

    <a href="">ABOUT</a> </div> <div class="content"> ⼀一些內容在這裡頭。 </div> </body>

  8. <body> <div class="menu"> <div class="logo"><img src="/logo.png"></div> <a href="">LESSONS</a> <a href="">PARTICIPANTS</a>

    <a href="">ABOUT</a> </div> <div class="content"> ⼀一些內容在這裡頭。 </div> </body>

  9. <div class="content"> ... </div> .content { padding: 50px; height: 100%;

    overflow: scroll; } <div class="menu"> ... </div> .menu { float: left; width: 20%; height: 100%; } TADA!

  10. Wait, float?

  11. JUST LIKE WRAPPING! WORD. Ⴐ᠏የ᠏Ⴐ᠏የ

  12.  CSS BOX MODEL ᷱᥘኦṞ

  13.  CSS BOX MODEL ᷱᥘኦṞ box-sizing: content-box CONTENT PADDING BORDER

    MARGIN WIDTH

  14.  CSS BOX MODEL ᷱᥘኦṞ box-sizing: border-box CONTENT PADDING BORDER

    MARGIN WIDTH

  15.  GIT       

  16. GITHUB FOR MAC/WINDOWS GIT ON THE COMMAND LINE

  17. Git  REPOSITORY ఔࣜࢿྉᇄ  BRANCH ෼ࢧฏߦੈք  COMMIT ঝ୚ఏަ

     DIFF ࠩҟ

  18.  ADD a BRANCH ᙮ᬓᵪḝᕴ຅

  19. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  20. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  21. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

    git add css/style.css ਗЪ ᏦࣩЗѧ

  22. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  23. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  24. WOrking area STAGING AREA GIT DIRECTORY modified: index.html git checkout

    style.css ਗЪ ᏦࣩЗѧ modified: style.css

  25. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  26. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

    git add css/style.css ਗЪ ᏦࣩЗѧ

  27. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  28. WOrking area STAGING AREA GIT DIRECTORY modified: index.html git commit

    -m “修改css” ਗЪ ܸ֛ৃࢹ modified: style.css ৃࢹ

  29. WOrking area STAGING AREA GIT DIRECTORY modified: index.html modified: style.css

  30. WOrking area STAGING AREA GIT DIRECTORY modified: index.html 83ca17b style.css

    commit sha

  31.  PUBLISH BRANCH ᓓ᧵ᵪḝᕴ຅

  32.  PULL REQUEST

  33.  PULL REQUEST

  34.  TADA!

  35. ᷀ᮈ฼ Project Lab Squirrel #2 