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

tkpyoi id:tkpyoi

CSSã«é–¢ã™ã‚‹tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (35)

${{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}}

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºä»Šæ˜”ç‰©èªž - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºä»Šæ˜”ç‰©èªž ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨è¨€ã£ã¦ã‚‚ã€ã‚¢ãƒ—ãƒªã‚„ã‚²ãƒ¼ãƒ åˆ¶ä½œãªã©ã§ã¯ãªãã€ã„ã‚ã‚†ã‚‹Webã‚µã‚¤ãƒˆåˆ¶ä½œã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰å´ã®è©±ã«ãªã‚Šã¾ã™ã€‚ ##æ™‚ä»£èƒŒæ™¯ ###æ˜” ãŠã˜ã„ã•ã‚“ã«ã¯ã€Photoshopã€Illustratorã€Dreamweaverã¨ã„ã†3ç¨®ã®ç¥žå™¨ãŒã‚ã‚Šã¾ã—ãŸã€‚å½“æ™‚ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã¯ã€ã“ã‚Œã‚‰ã®ã‚½ãƒ•ãƒˆã‚’åˆ©ç”¨ã—ã€ãŠã˜ã„ã•ã‚“ãŒä¸€äººã§è¡Œã£ã¦ã„ã¾ã—ãŸã€‚ãŠã˜ã„ã•ã‚“ã®ã‚ˆã†ãªä»•äº‹ã‚’ã™ã‚‹äººã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã°ã‚Œã€ã¨ã¦ã‚‚äººæ°—ãŒã‚ã‚Šã¾ã—ãŸã€‚ãŠã˜ã„ã•ã‚“ã¯å¹¸ã›ã§ã—ãŸã€‚ ###ä»Š ã„ã¤ã—ã‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã¯åˆ†æ¥åŒ–ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—
tkpyoi 2014/02/27
dreamweaverä¾¿åˆ©ã ã£ãŸã®ã«ã€‚ã‚‚ã†ãŠã˜ã„ã•ã‚“ãªã®ãã€‚

web

HTML5

JavaScript

css

dreamweaver
ãƒªãƒ³ã‚¯
http://www.stylish-style.com/index.html
tkpyoi 2014/02/06
HTML

design

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

HTML5

CSS

web
ãƒªãƒ³ã‚¯
D3.js ã® Data-Driven ãª DOM æ“ä½œãŒãŠã‚‚ã—ã‚ã„
D3.js ã¯ã€Œãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ã ã¨ç´¹ä»‹ã•ã‚ŒãŒã¡ãªã‚“ã ã‘ã©ã‚‚ã€æ„å¤–ã«ã‚‚ D3.js ã«ã¯ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹æ©Ÿèƒ½ãŒãªã„ã€‚ D3.js ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«ã¯æ¬¡ã®ã‚ˆã†ã«æ›¸ã„ã¦ã‚ã‚‹ã€‚ D3.js ã¯ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚D3 ã¯ HTML, SVG, CSS ã‚’ä½¿ã£ã¦ãƒ‡ãƒ¼ã‚¿ã«å‘½ã‚’å¹ãè¾¼ã¿ã¾ã™ã€‚Web æ¨™æº–ã‚’é‡è¦è¦–ã—ã¦ã„ã‚‹ã®ã§ã€ç‹¬å çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ç¸›ã‚‰ã‚Œã¾ã›ã‚“ã€‚å¼·åŠ›ãªãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºç”¨ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ data-driven ãª DOM æ“ä½œæ‰‹é †ã‚’çµ„ã¿åˆã‚ã™ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®èƒ½åŠ›ã‚’æœ€å¤§é™ã«æ´»ç”¨ã§ãã¾ã™ã€‚ D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG
tkpyoi 2013/10/24
ãªã«ã“ã‚Œã€‚é¢ç™½ã„ï¼

javascript

web

html

SVG

CSS

programming

visualization
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§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
ãƒªãƒ³ã‚¯
è‡ªé¯–ã«è¨ç½®ã—ã¦HTMLã€CSSã€JSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é–‹ç™ºã—ã¦éŠã¹ã‚‹ã€ŒEditrã€:phpspoté–‹ç™ºæ—¥èªŒ
Editr - HTML, CSS, JavaScript playground è‡ªé¯–ã«è¨ç½®ã—ã¦HTMLã€CSSã€JSã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é–‹ç™ºã—ã¦éŠã¹ã‚‹ã€ŒEditrã€ã€‚ ã„ã¤ã§ã‚‚ã©ã“ã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚ã‚Œã°é–‹ç™ºãŒã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã«ã™ã‚‹ãŸã‚ã®é¯–è¨ç½®åž‹ã‚¨ãƒ‡ã‚£ã‚¿ã€‚ ã‚³ãƒ¼ãƒ‰ãƒã‚¤ãƒ©ã‚¤ãƒˆæ©Ÿèƒ½ãŒã¤ã„ã¦ã„ã‚‹ãŸã‚ã€ç·¨é›†ã‚‚ã—ã‚„ã™ãã€ç·¨é›†çµæžœã‚‚ã™ãè¦‹ã‚‰ã‚Œã‚‹ã®ã§å¦ç¿’ç”¨ã«ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Flipboardé¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œflipã€ å‰ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒãƒƒã‚¯ã¾ã¨ã‚ã€ŒBrowserhacksã€ ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºã«å¿œã˜ã¦srcã‚„widthã‚’ç½®ãæ›ãˆã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒResponsive Imgã€ CSSã®ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œçŠ¶æ³ãŒä¸€ç™ºã§åˆ†ã‹ã‚‹ã€ŒBrowserSupportã€ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã®éŸ³å£°å†ç”Ÿã«ä½¿ãˆã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€ŒAudio5jsã€
tkpyoi 2013/05/31
ã‚µãƒ¼ãƒãƒ¼è¨ç½®åž‹ã‹ãã€‚ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã¡ã‚ƒã‚“ã¨ã—ãªã„ã¨ã„ã‘ãªã„ã€‚

CSS

html

webã‚µãƒ¼ãƒ“ã‚¹

JavaScript

develop

programming

software

HTML5

é–‹ç™º
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã€‘Adobe Brackets ã‚’ä½¿ã£ã¦ã¿ãŸã‚ˆã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã€‘ | DevelopersIO
å€‹äººçš„ãªè©±ã§ã™ãŒã€ã»ã‚“ã®ã¡ã‚‡ã£ã¨å‰ã¾ã§ã¯ Adobe Flash Builder ã‚„ eclipse ã¨ã„ã£ãŸ IDEï¼ˆçµ±åˆé–‹ç™ºç’°å¢ƒï¼‰ã‚’ä½¿ã£ã¦é–‹ç™ºã®å…¨ã¦ã‚’è¡Œãªã£ã¦ã„ã¾ã—ãŸã€‚ã¨ã„ã†ã®ã‚‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ä¸ŠãŒæ²¢å±±ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§åŸ‹ã‚å°½ãã•ã‚Œã‚‹ã¨ã„ã†ã®ãŒã©ã†ã«ã‚‚è‹¦æ‰‹ã§ã€å˜ä¸€ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§å®Œçµã§ãã‚‹ã¨ã„ã†ã¨ã„ã†ã®ã‚’æœ€é‡è¦è¦–ã—ã¦ã„ãŸç¯€ãŒã‚ã‚Šã¾ã™ã€‚ï¼ˆâ€»ãã†ã„ãˆã° Adobe Dreamweaver ã‚‚ä¸€æ™‚æœŸä½¿ã£ã¦ãŸã£ã‘ãªãâ€¦ï¼‰ åŠå¹´ã»ã©å‰ã« Sublime Text ã«å‡ºä¼šã£ãŸã“ã¨ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ã§è¡Œã„ã¤ã¤ã€ãƒªãƒã‚¸ãƒˆãƒªç’°å¢ƒã¸ã®ã‚³ãƒŸãƒƒãƒˆã¯å°‚ç”¨ãƒ„ãƒ¼ãƒ«ã‚„ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ç‰ã‚’ç”¨ã„ã‚‹ãªã©ã€è¤‡æ•°ã®ãƒ„ãƒ¼ãƒ«ã‚’çµ„ã¿åˆã‚ã›ã¦é–‹ç™ºã™ã‚‹ã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã«å°‘ã—ãšã¤ç§»è¡Œã—ã¦ã„ã£ã¦ã„ã‚‹æœ€ä¸ã§ã™ã€‚ ãã‚“ãªè¨³ã§ Sublime Text ã§å…¨ãä¸è‡ªç”±ã—ã¦ã„ãªã„ä»Šæ—¥ã“ã®é ƒã§ã™ãŒã€ã‚¿ãƒ€ã‚ˆã‚Šå®‰ã„ã‚‚ã®ã¯ãªã„ã¨ã„ã†ã“ã¨ã§ã€Ad
tkpyoi 2013/05/16
ãªã‚“ã‹è‰¯ã•ã’

develop

web

programming

tools

CSS
ãƒªãƒ³ã‚¯
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
ãƒªãƒ³ã‚¯
twitter bootstrap railsã‚’ä½¿ã£ãŸã‚‰è·ãŒè¦‹ã¤ã‹ã‚Šå½¼å¥³ã‚‚å‡ºæ¥ã¦èƒŒã‚‚3ã‚»ãƒ³ãƒä¼¸ã³ã¾ã—ãŸã€‚ - ppworks.jp
twitter bootstrapã‚’æ›´ã«ä¾¿åˆ©ã«ä½¿ã†gemãŒtwitter bootstrap railsã§ã™ã€‚ railsã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ rvmã§gem setä½œã‚Šã¾ã™ã€‚ rvm --create 1.9.3-p125@tbrsample railsã‚¢ãƒ—ãƒªç”Ÿæˆã—ã¾ã™ã€‚ gem install rails --no-ri --no-rdoc rails new tbrsample gemã‚’æŒ‡å®šã—ã¾ã—ã‚‡ã†ã€‚ Gemfileã®group :assetsã«è¿½åŠ ã—ã¾ã™ã€‚ cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" ã©ã‚“ bundle install --without=production bootstrapã‚’generateã—ã¾ã—ã‚‡ã†ã€‚ å¿…è¦ãªjsã‚„cssã‚’app/assetsé…ä¸‹ã«é…ç½®ã—ã¾ã™ã€‚ rails g bootst
tkpyoi 2012/12/26
bootstrap

rails

ruby

CSS

gem

jQuery
ãƒªãƒ³ã‚¯
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
tkpyoi 2012/12/24
bootstrap

download

CSS

html5
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #6 ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬ | DevelopersIO
ãã‚“ãªè¨³ã§ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—å¦ã‚“ã§ã¿ãŸã®ã§ã€è¶…åˆå¿ƒè€…å‘ã‘ï¼ˆâ€»è‡ªåˆ†å«ã‚€ï¼‰ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆparallaxï¼‰ã‚’ç›´è¨³ã™ã‚‹ã¨è¦–å·®ã§ã™ã€‚è¦–å·®åŠ¹æžœã¨ã¯ã€è¦–ç•ŒãŒç§»å‹•ã™ã‚‹éš›ã«å„ç‰©ä½“ãŒãã‚Œãžã‚Œç•°ãªã£ãŸã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å¥¥è¡Œãé–“ã‚’ã¯ã˜ã‚ã¨ã—ãŸè¦–è¦šåŠ¹æžœã‚’æŒ‡ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸–ç•Œã§ã¯ãƒ‡ã‚£â—‹ãƒ‹ãƒ¼æ˜ ç”»ã§å¤ãã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ“ãƒ‡ã‚ªã‚²ãƒ¼ãƒ ã«ãŠã„ã¦ã‚‚æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚²ãƒ¼ãƒ ãªã©ã§æ˜”ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptï¼ˆjQueryï¼‰ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 1 | ã‚¹ã‚¯ãƒãƒ¼ãƒ«å€¤ã‚’å–å¾— ã©ã‚Œã ã‘ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‹ã¨ã„ã†å€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã¯ã¾ã ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚‚ä½•ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã¯ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ã™ã€‚ $(function() { $(window).scroll(fu
tkpyoi 2012/10/17
CSS

jquery

javascript

HTML5

css3

web
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã«å¿…ãšå½¹ç«‹ã¤ï¼iOS, HTML5, CSS, jQuery, WordPress, .htaccessãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–åˆ¶ä½œã€ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºè€…ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é †ç•ªã¯ã€iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git ã§ã™ã€‚ HTML5ã§ã®ç¾Žã—ã„ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã€Sassã€Zen Codingã€jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€Gitã®ä½¿ã„æ–¹ãªã©ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã€‚
tkpyoi 2012/10/16
jquery

HTML5

html

git

iOS

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

CSS
ãƒªãƒ³ã‚¯
HTML5 Boilerplate: The webâ€™s most popular front-end template
HTML5 Boilerplate helps you build fast, robust, and adapta ble web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
tkpyoi 2012/09/01
HTML5

html

web

javascript

jquery

css3

css
ãƒªãƒ³ã‚¯
ã‚¤ãƒžãƒ‰ã‚ã®IDEäº‹æƒ…(124) HTML5/CSS3å¯¾å¿œã‚¨ãƒ‡ã‚£ã‚¿ã€ŒBlueGriffonã€ã‚’è©¦ã—ã¦ã¿ã‚‹
BlueGriffonã¨ã¯? BlueGriffonã¯Firefoxã«æè¼‰ã•ã‚Œã¦ã„ã‚‹Geckoã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ç”¨ã—ãŸHTMLã‚¨ãƒ‡ã‚£ã‚¿ã§ã€Nvuã‚„KompoZerã¨ã„ã£ãŸGeckoãƒ™ãƒ¼ã‚¹ã®HTMLã‚¨ãƒ‡ã‚£ã‚¿ã®å¾Œç¶™ã«ã‚ãŸã‚‹ã€‚ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¨WYSIWYGç·¨é›†ã‚’åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰ç·¨é›†ã‚’è¡Œã†ã“ã¨ãŒã§ãã‚‹ã€‚æœ€å¤§ã®ç‰¹å¾´ã¯ã€HTML5ã‚„CSS3ã«å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã„ã†ç‚¹ã ã€‚ BlueGriffonã¯ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§å‹•ä½œã—ã€Webã‚µã‚¤ãƒˆã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ã«ã¯Windowsã€Macã€Ubuntuç”¨ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€‚Webã‚µã‚¤ãƒˆã¯è‹±èªžã®ã¿ã ãŒã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯æœ€åˆã‹ã‚‰æ—¥æœ¬èªžã«å¯¾å¿œã—ã¦ã„ã‚‹ã€‚ BlueGriffonã‚’ä½¿ã£ã¦ã¿ã‚ˆã† å®Ÿéš›ã«BlueGriffonã®æ©Ÿèƒ½ã‚’è¦‹ã¦ã¿ã‚ˆã†ã€‚ã¾ãšã¯HTMLã®ä½œæˆæ™‚ã«ã€Œãƒ•ã‚¡ã‚¤ãƒ«ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€Œæ–°è¦ä½œæˆã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã€ã§ä½¿ç”¨ã™ã‚‹HTMLã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãªã©ã‚’æŒ‡å®šã—ã¦HTMLã‚’ä½œæˆã§ã
tkpyoi 2012/08/14
CSS

editor

HTML5

html
ãƒªãƒ³ã‚¯
Goodbye friends!
Hello all. After 14 years of existence, it's time to wave goodbye to BlueGriffon. There are many reasons for that, some related to techno logy (for instance Mozilla killing XUL), some related to me (my will to change and move to something else after so many years), and some others related to corporate context (I'm fed up with running a small company). It's been a wild ride of two decades (Netscape,
tkpyoi 2012/08/14
html

opensource

web

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

ã‚¢ãƒ—ãƒª

ui

CSS

design

develop

iPhone
ãƒªãƒ³ã‚¯
http://www.csspop.com/
tkpyoi 2012/07/30
CSS

webã‚µãƒ¼ãƒ“ã‚¹

html

snippet
ãƒªãƒ³ã‚¯
CSSå°‚é–€ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆå…±æœ‰ã‚µã‚¤ãƒˆãƒ»CSSPop - ã‹ã¡ã³ã¨.net
ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’å…±æœ‰ã§ãã‚‹ Webã‚µãƒ¼ãƒ“ã‚¹ã¯æ²¢å±±ã‚ã‚Šã¾ã™ãŒã€ CSSPopã¯CSSã‚’å°‚é–€ã¨ã—ãŸã‚³ãƒ¼ãƒ‰ å…±æœ‰ã‚µã‚¤ãƒˆã§ã™ã€‚ãªã‹ãªã‹çã—ã„ ã—ã€çµæ§‹ä¾¿åˆ©ãªå°æŠ€ã‚‚è¦‹ã‹ã‘ã¾ ã—ãŸã€‚ CSSå°‚é–€ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆå…±æœ‰ã‚µã‚¤ãƒˆã§ã™ã€‚å‹•ä½œãƒ‡ãƒ¢ã‚‚è¦‹ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã‚ˆã€‚ CSSã®ã‚³ãƒ¼ãƒ‰å…±æœ‰ã‚µã‚¤ãƒˆã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã‚‚å‡ºæ¥ã¾ã™ãŒã€ã—ãªãã¦ã‚‚ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ãƒ‡ãƒ¢ã‚’ç¢ºèªã™ã‚‹äº‹ã‚‚å¯èƒ½ã§ã™ã€‚ Findã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’æŽ¢ã›ã¾ã™ã€‚ã‚µãƒ ãƒã‚¤ãƒ«ãŒã‚ã‚‹ã®ã§æŽ¢ã—ã‚„ã™ã„ã€‚ã‚«ãƒ†ã‚´ãƒªã¯divã€inputã€buttonãªã©ã®DOMè¦ç´ ã§åˆ†ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ Createã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãç”»é¢ã«é€²ã¿ã¾ã™ã€‚å…¥åŠ›é …ç›®ã¯HTMLã¨CSSã§ã€æ›¸ãã¨åŒæ™‚ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã«ç¹æ „ã•ã‚Œã¾ã™ã€‚ã‚ã¨ã¯typeã¨èª¬æ˜Žã‚’æ›¸ã‘ã°OKã§ã™ã€‚ çµæ§‹è¦‹ã¡ã‚ƒã„ã¾ã™ãã€‚æ•°ã‚‚çµæ§‹æƒã£ã¦ã„ã¾ã™ã€‚ CSSPop
tkpyoi 2012/07/30
CSS

web

jquery
ãƒªãƒ³ã‚¯
Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see â€œHoorayâ€ appear below. Hooray! Now you know you can expand points to get more details. Alternatively, thereâ€™s a â€œtoggle allâ€ at the top of this document. This document defines formatting and style rules for HTML
tkpyoi 2012/05/10
ã‚¿ã‚°ã‚„CSSã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€è‰¯ã„ã®ã‚ã£ã‘ãŸã€‚ â†’ ã†ãƒ¼ã‚“ã€‚ã‚„ã£ã±è‹±èªžã ã—ã¡ã‚‡ã£ã¨è¦‹ã¥ã‚‰ã„ã‹ã‚‚ã€‚ã€‚

html

CSS

HTML5

google

web

document

reference
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸