[B! design][css] tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tkpyoi id:tkpyoi

designã¨cssã«é–¢ã™ã‚‹tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

http://www.stylish-style.com/index.html
tkpyoi 2014/02/06
HTML

design

*ã‚ã¨ã§èªã‚€

HTML5

CSS

web
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§HTML5ã‚’ä½¿ã£ãŸåºƒå‘Šã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç›´æ„Ÿçš„ã«ä½œã‚Œã‚‹ã€ŒGoogle Web Designerã€ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ
iOSã¯Flashã«å¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€ã“ã‚Œã¾ã§ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã—ãŸãŒã€ãã‚“ãªã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¹…ã‚’åºƒã’ã‚‹ã§ã‚ã‚ã†ã€å‹•ãHTML5åºƒå‘Šã‚’åˆ¶ä½œã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ŒGoogle Web Designerã€ãƒ™ãƒ¼ã‚¿ç‰ˆãŒGoogleã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚éžå¸¸ã«ç›´æ„Ÿçš„ã«ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ã¨ãªã£ã¦ãŠã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ã¨ã„ã†ã“ã¨ãªã®ã§ã€å®Ÿéš›ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Google Web Designer http://www.google.com/webdesigner/ å®Ÿéš›ã«ä½œæˆã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ï¼ˆå‹•ã„ã¦ã„ãªã„å ´åˆã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ›´æ–°ã—ã¦å†èªã¿è¾¼ã¿ã™ã‚Œã°å†åº¦å‹•ãã¾ã™ï¼‰ã€‚ ã¾ãšã¯ã€ŒDownload Web Designer Betaã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã€‚ åˆ©ç”¨è¦ç´„ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ã€ŒAgree and Downloadã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚’
tkpyoi 2013/10/02
Googleã®webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«

google

download

design

HTML5

CSS

web

html
ãƒªãƒ³ã‚¯
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
tkpyoi 2013/05/20
ãƒ•ãƒ©ãƒƒãƒˆUIãƒ‡ã‚¶ã‚¤ãƒ³

*ã¾ã¨ã‚

web

design

css

Flat

bootstrap
ãƒªãƒ³ã‚¯
Bs3 Document
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ä¸€ã¤ã§ã‚ã‚‹Bootstrapã®è§£èª¬ãƒšãƒ¼ã‚¸ã§ã™ã€‚ æ©Ÿèƒ½èª¬æ˜Žã‚„ä½¿ã„æ–¹ã‚’ã‚µãƒ³ãƒ—ãƒ«ã‚‚ã¤ã‘ãªãŒã‚‰èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ å½“ãƒšãƒ¼ã‚¸ã®èª¬æ˜Žä»¥å¤–ã«ã‚‚æ©Ÿèƒ½ã¯ã‚ã‚Šã¾ã™ã®ã§ã€è©³ã—ãçŸ¥ã‚ŠãŸã„æ–¹ã¯æœ¬å®¶ãƒšãƒ¼ã‚¸ã‚’å‚ç…§ã—ã¦ä¸‹ã•ã„ã€‚
tkpyoi 2013/05/15
ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®é©ç”¨æ–¹æ³•ãŒã‚ˆãã‚ã‹ã‚‰ãªã„ã€‚ãƒ†ãƒ¼ãƒžãªã®ã‹ï¼Ÿ

Twitter

web

css

bootstrap

design
ãƒªãƒ³ã‚¯
HTML5ï¼‹CSS3ã®ã€Œã‚«ãƒ³ã‚¿ãƒ³è£…é£¾è¨å®šã€ã§ä»Šé¢¨ãƒ‡ã‚¶ã‚¤ãƒ³
åŸºæœ¬çš„ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„è§’ä¸¸ã¯ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‹ã‚‰ã‚³ãƒ”ãƒšã—ã¦è¨å®šã§ãã‚‹ã®ã§ã€ä½œæ¥è‡ªä½“ã¯ç°¡å˜ã§ã™ã€‚HTML5ï¼‹CSS3ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½¿ã£ã¦è¡¨ç¾ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ï¼ˆ1ï¼‰è£…é£¾ã®ã‚ãƒ¢ã¯ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ç·šãƒ»è§’ä¸¸ãƒ»å½±ãƒ»ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã€ å‰å›žHTML5ï¼‹CSS3ã®ã€Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªåœ¨ã«ä½¿ã„ã“ãªã™ã€ã§ã¯ã€é™ã‚‰ã‚ŒãŸã„ãã¤ã‹ã®CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã§ãã‚‹ã“ã¨ã‚’ãŠè¦‹ã›ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã‚Œã«è£…é£¾ã‚’åŠ ãˆã¦ã„ãã¾ã™ã€‚ ã„ã–è£…é£¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€ã©ã“ã‹ã‚‰æ‰‹ã‚’ä»˜ã‘ã‚Œã°è‰¯ã„ã®ã‹è¿·ã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã®çµµã‚’é™¤ã‘ã°ã€è£…é£¾ã®è¦ç´ ã¯ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œç·šã€ã€Œè§’ä¸¸ã€ã€Œå½±ã€ã€Œãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ¼ã€ãã‚‰ã„ãªã‚‚ã®ã§ã™ã€‚ãã‚Œã‚‰ã‚’æ•´ç†ã—ã¦çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€å…¨ä½“ã¨ã—ã¦ä¸€ä½“æ„Ÿã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä»•ä¸Šã’ã‚‰ã‚Œã¾ã™ã€‚ ã€Œãã‚ŒãŒé›£ã—ã„ã‚“ã ã‚ˆï¼ã€ã¨ã„ã†ãŠå±ã‚Šã®å£°ãŒèžã“ãˆã¦ããã†ã§ã™ãŒï¼ˆç¬‘ï¼‰ã€ä»¥ä¸‹ã®2ã¤ã‚’è¦‹æ¯”ã¹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ä¸Š
tkpyoi 2013/05/11
ä½¿ãˆãã†ãªæ„Ÿã˜ã€‚

css3

CSS

HTML

html5

*ã‚ã¨ã§èªã‚€

*ã¾ã¨ã‚

web

design
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
tkpyoi 2012/08/03
iOS

ã‚¢ãƒ—ãƒª

ui

CSS

design

develop

iPhone
ãƒªãƒ³ã‚¯
æ ªå¼ä¼šç¤¾ã‚¸ãƒ©ãƒ•ã‚£ãƒ¼(Giraffy)
ä¼šç¤¾æƒ…å ± äº‹æ¥å†…å®¹ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º ã‚¯ãƒ¼ãƒ«ã€ã‚»ã‚ãƒ¥ã‚¢ã€æ¨™æº–æº–æ‹ ã‚’ãƒãƒªã‚·ãƒ¼ã«ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ Web ãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæŠ€è¡“ã‚’ä¸å¿ƒã¨ã—ãŸè±Šå¯Œãªé–‹ç™ºçµŒé¨“ã¨é«˜ã„æŠ€è¡“åŠ›ã§é«˜å“è³ªãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ Webã‚µã‚¤ãƒˆåˆ¶ä½œ Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€WordPress ãªã©ã® CMS ã¸ã®çµ„ã¿è¾¼ã¿ã‚‚è¡Œã„ã¾ã™ã€‚ æ—¢å˜ã®Webã‚µã‚¤ãƒˆã¸ã®å•åˆã›ãƒ•ã‚©ãƒ¼ãƒ ç‰ã®è¿½åŠ ã‚‚æ‰¿ã‚Šã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™º iPhone ã‚„ iPadã€ã¾ãŸã¯ Android ãªã©ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’æ‰¿ã‚Šã¾ã™ã€‚ ãã®ä»– BlackBerry ç”¨ãƒ†ãƒ¼ãƒž Self Shortener (WordPress ãƒ—ãƒ©ã‚°ã‚¤ãƒ³) ä¼šç¤¾æ¦‚è¦ ç¤¾å
tkpyoi 2012/05/02
CSS

web

html

design
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’ã¤ã‘ã‚‹
<div style="height:100px; width:300px; overflow-y:scroll;"> <table border=1 height="100" width="300" bgcolor="#9999ff"><tr><td> è¡¨ç¤ºã—ãŸã„ãƒ†ãƒ¼ãƒ–ãƒ« </td></tr></table> </div> overflow-y:scrollã€€ï¼ˆãƒ†ãƒ¼ãƒ–ãƒ«æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®è¡¨ç¤ºï¼‰ overflow-x:scrollã€€ï¼ˆãƒ†ãƒ¼ãƒ–ãƒ«ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®è¡¨ç¤ºï¼‰ overflow:scrollã€€ï¼ˆãƒ†ãƒ¼ãƒ–ãƒ«æ¨ªãƒ»ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®è¡¨ç¤ºï¼‰ overflow-y:autoã€€ï¼ˆå†…å®¹ã«å¿œã˜ã¦æ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®è¡¨ç¤ºï¼‰ overflow-x:autoã€€ï¼ˆå†…å®¹ã«å¿œã˜ã¦ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®è¡¨ç¤ºï¼‰ overflow:autoã€€ï¼ˆå†…å®¹ã«å¿œã˜ã¦æ¨ªãƒ»ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã®è¡¨ç¤ºï¼‰
tkpyoi 2012/05/02
html

css

design
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã‚¿ã‚°ã‚’ä½¿ã‚ãªã„ç°¡å˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¡“
ã“ã“ã§ã¯å…¥é–€ç”¨ã¨ã—ã¦ã€<table>ã¨åŒã˜ã“ã¨ã‚’cssã§ã™ã‚‹ã«ã¯ã©ã†è¨˜è¿°ã™ã‚‹ã‹ã€‚ãã‚Œã‚’èª¬æ˜Žã—ã‚ˆã†ã€‚ ã¾ãšã€ç°¡å˜ãª<table>ã¨cssã§ã®ã‚½ãƒ¼ã‚¹ã®æ¯”è¼ƒã€‚ <table width="300" height="100" border="1" cellpadding="3" cellspacing="0"> <tr> <td> å˜ç´”ã«ã“ã‚“ãªãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã†ã¨ã™ã‚‹ã€‚<br> ã“ã‚Œã‚’CSSã¨ã‚½ãƒ¼ã‚¹ãƒ¬ãƒ™ãƒ«ã§æ¯”è¼ƒã—ã‚ˆã†ã€‚ </td> </tr> </table> <div class="box"> ç°¡å˜ã«ã“ã‚“ãªãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã†ã¨ã™ã‚‹ã€‚<br> ã“ã‚Œã‚’CSSã¨ã‚½ãƒ¼ã‚¹ãƒ¬ãƒ™ãƒ«ã§æ¯”è¼ƒã—ã‚ˆã†ã€‚ </div> ä¸Šã®ï¼’ã¤ã¯ã€htmlãƒ•ã‚¡ã‚¤ãƒ«å†…ã®æ§˜åã§ã‚ã‚‹ã€‚CSSã ã¨ã™ã£ãã‚Šè¦‹ã‚„ã™ã„ã®ãŒã‚ã‹ã‚‹ã€‚ ãã—ã¦å¤–éƒ¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã«ã€ç¸¦æ¨ªå¹…ã€ãƒœãƒ¼ãƒ€ãƒ¼ã¨ã„ã£ãŸè¨å®šã§ã¾ã£ãŸãåŒã˜è¨å®šãŒã§ãã‚‹ã€‚ ãã—ã¦ã€CSSãªã‚‰ã°è¨å®šã®ä½¿ã„ã¾ã‚ã—
tkpyoi 2012/04/24
web

design

CSS
ãƒªãƒ³ã‚¯
é€šè¿‡æ£€æµ‹ï¼Œæ£åœ¨è·³è½¬........
ï»¿ 1 ç»å…¸ç¼”é€ å®Œç¾Ž æ¬¢è¿Žå…‰ä¸´3å·å¨±ä¹
tkpyoi 2012/04/11
windows

CSS

html

design
ãƒªãƒ³ã‚¯
CSS3 Button Generator â€“ This site was closed.
LR icons https://en.lricons.com/ CSS Button Creator https://cssbuttoncreator.com/ Button Maker https://css-tricks.com/examples/ButtonMaker/ CSS Button Generator for your pleasure http://www.dextronet.com/css-buttons-generator/ 2.5dBUTTON http://noht.co.jp/2_5dbutton CSS3 Typeset Style Generator http://www.sciweavers.org/i2style Button X https://www.bestcssbuttongenerator.com/ CSS button generator
tkpyoi 2012/04/11
CSS

design

html

HTML5

web

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
é¢å€’ãªãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’CSSã§ç°¡å˜ã«ï¼ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹CSS3ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
5ã¤ã®åŠ¹æžœã§ä½œã‚‹ã€ã‚ˆãä½¿ã†CSS3ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³... / CSS Buttons with Pseudo-... / CSS3 Button Generatorä»–...å…¨3ä»¶
tkpyoi 2012/04/10
html

HTML5

CSS

design
ãƒªãƒ³ã‚¯
Twitter ã® bootstrap ã‚’ä½¿ã£ãŸãƒ¡ãƒ¢
ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆè‡ªä½“ãŒ bootstrap ã§ä½œã‚‰ã‚Œã¦ã„ã¦ã€ãã‚ŒãŒã‚µãƒ³ãƒ—ãƒ«ã‚‚å…¼ãã¦ã„ã¦ãã£ã‹ã‚‰å°‘ã—ã„ã˜ã£ãŸãƒ¡ãƒ¢ã€‚ä»¥ä¸‹ã€bootstrap ã® version 1.2.0 ã§ã®è©±ã§ã™ã€‚ ä½¿ã„æ–¹ bootstrap ã‚’ä½¿ç”¨ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ï¼’é€šã‚Šã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ 1. less.js ã‚’ä½¿ç”¨ã— less ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€æ–¹æ³•ã€‚(ã“ã‚“ãªæ„Ÿã˜)(â€»1) 2. css ã‚’ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ã€‚github ã«ç½®ã‹ã‚Œã¦ã„ã¾ã™ã€‚ (â€»1)sass çš„ãªã‚„ã¤ã§ã™ã€‚less ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ css ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã“ã‚Œã¯ npm ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã§ node ç’°å¢ƒãŒå¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ less ã¨ sass ãŒåˆ†ã‹ã‚‰ãªã„å ´åˆã¯â€CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒâ€œãŒã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ ç”»é¢ä¸Šã‚’16ã‚«ãƒ©ãƒ ã§åˆ†å‰²ã•ã‚Œã¦ã„ã¦ã€ãã“ã‚’ã©ã†ä½¿ã†ã‹ã§ãƒ¬
tkpyoi 2011/09/22
web

design

html

twitter

framework

CSS
ãƒªãƒ³ã‚¯
Components Â· Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
tkpyoi 2011/09/13
web

design

html

twitter

framework

CSS
ãƒªãƒ³ã‚¯
1