[B! bootstrap] homare-sanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

homare-san id:homare-san

bootstrapã«é–¢ã™ã‚‹homare-sanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (37)

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

å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤Sketchç”¨ã®ç´ æã®ã¾ã¨ã‚
æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹åŸºæœ¬çš„ãªã‚°ãƒªãƒƒãƒ‰ã€ã•ã¾ã–ã¾ãªãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€Bootstrapã‚„Material Designãªã©äººæ°—ã®é«˜ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®UIè¦ç´ ã‚„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãªã©ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤Sketchç”¨ã®ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ UI Tiles å€‹äººãƒ»å•†ç”¨åˆ©ç”¨ã€ç„¡æ–™ã€‚ æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹72ç¨®é¡žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç”¨æ„ã•ã‚ŒãŸãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ç´ æã€‚
homare-san 2015/09/16
ã¾ã¨ã‚

Material Design

bootstrap

material

sketch

ui

ç´ æ

ç”»åƒ

ãƒ‡ãƒ¼ã‚¿

ãƒ•ãƒªãƒ¼
ãƒªãƒ³ã‚¯
ãƒšãƒ©ã‚¤ãƒã®Webãƒšãƒ¼ã‚¸ã‚’ã™ã°ã‚„ãä½œã‚Šå§‹ã‚ã‚‰ã‚Œã‚‹ã‚„ã¤ã€ŒRin 3.0ã€ä½œã£ãŸ - MEMOGRAPHIX
Rin 3.0 ã¨ã„ã†ã®ã‚’ä½œã£ãŸã€‚ Rin - A lean, gulp-based HTML and SASS boilerplate by sanographixåƒ•ã¯ã„ã‚ã‚†ã‚‹ãƒšãƒ©ã‚¤ãƒã®Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã“ã¨ãŒå¤šã„ã‚“ã ã‘ã©ã€ãã†ã„ã†åˆ¶ä½œæ™‚ã«ä½¿ã£ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‹Boilerplateçš„ãªã‚„ã¤ã§ã™ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã£ã¦ã‚‚ã€Bootstrapã®ã‚ˆã†ã«CSSã‚’ãƒ¢ãƒªãƒ¢ãƒªæ›¸ã„ã¦æ±Žç”¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç”¨æ„ã—ã¾ãã‚‹ã€ã¨ã„ã†ãµã†ã«ã¯ã—ã¦ã„ãªã„ã€‚çµå±€å„webã‚µã‚¤ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ä»¶ãŒå¤§ããç•°ãªã‚‹å ´åˆãŒå¤šã„ã®ã§ã€CSSéƒ¨åˆ†ã®è¨˜è¿°ã‚’ã§ãã‚‹ã ã‘å°‘ãªãã—ã¦ã€å„ã‚µã‚¤ãƒˆå‘ã‘ã«æŸ”è»Ÿã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ›¸ã‘ã‚‹ã‚ˆã†ã«ã™ã‚‹æ–¹é‡ã‚’ã¨ã£ã¦ã„ã‚‹ã€‚ä¸€æ–¹ã§ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã«æ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ã¯å‰²ã¨æ¯Žå›žä¸€ç·’ãªã“ã¨ãŒå¤šã„ã®ã§ã€gulpã§ã™ã°ã‚„ãç’°å¢ƒæ§‹ç¯‰ã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯å„ã‚µã‚¤ãƒˆã§ã‚ˆã—ãªã«ã€ã¿ãŸã„ãªé›°å›²æ°—ã€‚ Rinã¯ã€ã ã„ãŸã„ä¸‹è¨˜ã®ã‚ˆã†ãªã“ã¨ãŒã™ã°
homare-san 2015/02/18
boilerplate

webåˆ¶ä½œ

css

ogp

HTML

design

Bootstrap

web

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
TECH PROjin
ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³äº‹æ¥éƒ¨ã‹ã‚‰ã®ãŠçŸ¥ã‚‰ã› ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³äº‹æ¥éƒ¨ã®ãƒ–ãƒã‚°ã‚µã‚¤ãƒˆã‚’æ–°ãŸã«é–‹è¨ã„ãŸã—ã¾ã—ãŸã€‚ https://blog.sie-security.com/ ä»Šå¾Œã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®æŠ•ç¨¿ã¯ä¸Šè¨˜URLã®ã‚µã‚¤ãƒˆã‹ã‚‰ã¨ãªã‚Šã¾ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ æ‹…å½“ï¼šTY â€¦More Read
homare-san 2015/02/06
framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

css

bootstrap

Webåˆ¶ä½œ

ui

cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã•ã¾ã–ã¾ãªãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -TukTuk
Bootstrapã‚„Foundationã¯é«˜æ€§èƒ½ã ã‘ã©æ©Ÿèƒ½ãŒè±Šå¯Œã™ãŽã‚‹ã€ã¾ãŸã‚°ãƒªãƒƒãƒ‰ã ã‘ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ç‰©è¶³ã‚Šãªã„ã€ãã‚“ãªäººã«ã´ã£ãŸã‚Šã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ã§è¨è¨ˆã•ã‚ŒãŸè¶…è»½é‡ï¼ˆ9KBï¼‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ TukTuk TukTuk -GitHub TukTukã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®å®Ÿç”¨çš„ãªã•ã¾ã–ã¾ãªãƒšãƒ¼ã‚¸ã‚’è»½é‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ãŸã‚‚ã®ã§ã€OOCSSï¼ˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼‰ãƒ™ãƒ¼ã‚¹ã®åŠ¹çŽ‡çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯GPLv3ã§ã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¨ã—ã¦é…å¸ƒã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€4ç¨®é¡žã®ãƒšãƒ¼ã‚¸ãŒã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§ç¢ºèªã§ãã¾ã™ã€‚
homare-san 2014/07/28
css

web

ãƒ„ãƒ¼ãƒ«

github

bootstrap

Webåˆ¶ä½œ

framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

responsive
ãƒªãƒ³ã‚¯
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ å…¥åŠ›å†…å®¹ã®æ¤œè¨¼ã¨ã‹ã€éƒµä¾¿ç•ªå·å¤‰æ›ã‚’å‚™ãˆãŸã€ãã“ãã“ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸ time2014/01/18 hatenabookmark- åŽ»å¹´æœ«å®Ÿå®¶ã«å¸°çœã—ã¦ã„ãŸæ™‚ã«ã€jQueryã®ç·´ç¿’ï¼†æ¥å‹™ã§ä½¿ã†ãŸã‚ã«ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹éƒµä¾¿ç•ªå·å¤‰æ›ã¨ã‹ã‚’å‚™ãˆãŸã€ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ãŸã®ã§ã€ã“ã“ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚µãƒ³ãƒ—ãƒ« ã‚½ãƒ¼ã‚¹ãŠæŒã¡å¸°ã‚Šç”¨ (Github) ã“ã“ã§"ãã“ãã“"ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨æ¥å‹™ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ¡ˆã¨ã—ã¦ä½¿ã†ã“ã¨ãŒç›®çš„ã§ã‚ã£ã¦ã€ãƒ™ã‚¹ãƒˆã‚’ç›®æŒ‡ã—ã¦ã‚‚ã‚µãƒ¼ãƒåˆ¶ç´„ã‚„ã‚³ã‚¹ãƒˆçš„ãªè¦³ç‚¹ã§ä½¿ãˆãªã„ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã€ãã“ã¯ç›®æŒ‡ã•ãªã„ã‚ˆã¨ã„ã†æ„å‘³ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯å¿…è¦æ‚ªã§ã™ã—ã€ãƒ™ã‚¹ãƒˆã¯ãƒ•ã‚©ãƒ¼ãƒ ãŒå˜åœ¨ã—ãªã„ã“ã¨ã§ã™ãã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã ã‘ã§ã™ï¼ˆã‚µãƒ¼ãƒå´ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
homare-san 2014/04/09
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

UI

pattern

bootstrap

github

jquery

css

javascript

form
ãƒªãƒ³ã‚¯
æ—§ãƒ»Macã®æ‰‹æ›¸ãèª¬æ˜Žæ›¸ - FC2 BLOG ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼
ãƒ–ãƒã‚° ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼ é–²è¦§ã™ã‚‹ã«ã¯ç®¡ç†äººãŒè¨å®šã—ãŸ ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®å…¥åŠ›ãŒå¿…è¦ã§ã™ã€‚ ç®¡ç†äººã‹ã‚‰ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ https://mac-tegaki.comã¸ç§»è»¢ä¸ é–²è¦§ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ Copyright Â© since 1999 FC2 inc. All Rights Reserved.
homare-san 2013/09/03
Mac

css

javascript

jQuery

mac

HTML

App Store

less

bootstrap

OS
ãƒªãƒ³ã‚¯
Bootstrapã ã‘ã˜ã‚ƒãªã„ï¼ãƒžãƒƒãƒã§ãƒ•ãƒ©ãƒƒãƒˆã‚„ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®UIãŒå°Žå…¥ã§ããã†ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„UIã‚ãƒƒãƒˆç‰è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
homare-san 2013/08/09
compass

button

ui

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

library

bootstrap

css

Design

framework

css
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
homare-san 2013/08/05
bootstrap

ãƒ‡ã‚¶ã‚¤ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

article

idea

html5

css

CSS3

framework

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒ©ãƒƒãƒˆãªUIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Furatto MOONGIFT
Furattoã¯HTML5/JavaScript/CSS3è£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆApache License 2.0ï¼‰ã§ã™ã€‚ æœ€è¿‘æµè¡Œã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¤ã¤ã€ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã„ã“ãªã™ã®ãŒå¤§å¤‰â€¦ã¨æ„Ÿã˜ã¦ã„ã‚‹æ–¹ã¯Furattoã‚’è©¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸãƒ•ãƒ©ãƒƒãƒˆUIãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚å››è§’ã„ã€ç«‹ä½“æ„Ÿã®ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚è‰¯ãã‚ã‚‹ãƒ•ãƒ©ãƒƒãƒˆç³»ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¼‰ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ç”»åƒã€‚ä¸¸ãè¡¨ç¤ºã‚‚ã§ãã¾ã™ã€‚ å›²ã¿ã‚’ã¤ã‘ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚å›²ã¿ã®è‰²ã‚‚å¤‰æ›´å¯èƒ½ã§ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤ºã€‚ã“ã¡ã‚‰ã¯é€šå¸¸ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã§ã™ã€‚ ã¡ã‚‡ã£ã¨è©°ã¾ã£ãŸæ„Ÿã˜ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã€‚ è¡Œã”ã¨ã®è‰²å¤‰æ›´ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ã‚ã‚Šã¾ã™ãŒã€å¹…ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ã‚ºã¾ã§ç¸®ã‚ã‚‹ã¨ã†ã¾ãè¡¨ç¤ºã§ãã¾ã›ã‚“ã§
homare-san 2013/07/30
bootstrap

webdesign

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

css

CSS3

HTML5

Material

ui

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶Twitter Bootstrapã®ä½¿ã„æ–¹ï¼šå‰ç·¨ (1/3)
Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ããªã„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚ã€è¦‹ãŸç›®ã‚’ã™ã°ã‚„ãæ•´ãˆã‚‰ã‚Œã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã€ŒTwitter Bootstrapã€ã€‚å‰å›žã¯ã€Twitter Bootstrapã®æ¦‚è¦ã¨ç‰¹å¾´ã€åˆ©ç”¨äº‹ä¾‹ã‚’ç´¹ä»‹ã—ã€å®Ÿéš›ã®è¨ç½®æ–¹æ³•ã¾ã§ã‚’èª¬æ˜Žã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãªãŒã‚‰ã€Twitter Bootstrapã®åŸºæœ¬çš„ãªãƒ«ãƒ¼ãƒ«ã¨ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã§ä½¿ã„æ–¹ã‚’å¦ã¼ã† ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ–ãƒƒã‚¯ã‚«ã‚¿ãƒã‚°ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚Šã¾ã™ã€‚æ›¸ç±ã®ä¸€è¦§ã¨ãŠå•ã„åˆã›ãƒ•ã‚©ãƒ¼ãƒ ã§æ§‹æˆã•ã‚Œã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µã‚¤ãƒˆã§ã™ã€‚ HTMLã®æº–å‚™ Twitter Bootstrapã‚’åˆ©ç”¨ã—ãŸã‚µã‚¤ãƒˆåˆ¶ä½œã§ã¯ã€ã„ã¡ã‹ã‚‰ã‹ã‚‰ã™ã¹ã¦ã‚’è¨˜è¿°ã™ã‚‹ã®ã§ã¯ãªãã€Twitter Bootstrapã®ã‚µã‚¤ãƒˆã«ã‚ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ™ãƒ¼ã‚¹ã«æ›¸ãæ›ãˆã¦ã„ãã®ãŒç°¡å˜ã§ã™ã€‚ index.htmlã®ä½œæˆ ã¾ãšã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ãªã©ã§ç©ºã®ã€Œindex.
homare-san 2013/07/30
.jp

twitter

Webã‚µãƒ¼ãƒ“ã‚¹

bootstrap

HTML

index

HTML5

CSS

twitter bootstrap
ãƒªãƒ³ã‚¯
Style Guide Boilerplate
WHY If you're like me, you find yourself using common design components from one website to the next. You could grab the lastest and greatest framework and use that to handle these common components, or you could roll your own framework. Style Guide Boilerplate is geared for people interested in creating their own "tiny Bootstraps". Style Guides: Promote consistency Promote modular thinking Add cl
homare-san 2013/07/11
project

boilerplate

document

styleguide

webãƒ‡ã‚¶ã‚¤ãƒ³

framework

people

css

bootstrap

guideline
ãƒªãƒ³ã‚¯
Bootstrapã§ç‰©è¶³ã‚Šãªãæ„Ÿã˜ã¦ã„ã‚‹ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚’ã¾ã¨ã‚ã¦æä¾›Â·Fuel UX MOONGIFT
Fuel UXã¯Bootstrapç”¨ã€JavaScript/CSSè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Licenseï¼‰ã§ã™ã€‚ Bootstrapã‚’ä½¿ã£ã¦Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã—ã¦ã„ã‚‹ã¨ã€ã©ã†ã—ã¦ã‚‚è¶³ã‚Šãªã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå‡ºã¦ãã¾ã™ã€‚ãƒãƒƒãƒˆã§æŽ¢ã›ã°è¦‹ã¤ã‹ã‚‹ã®ã§ã™ãŒã€çµ„ã¿åˆã‚ã›ã¦ã„ã‚‹å†…ã«ãƒãƒ©ãƒ³ã‚¹ãŒæ‚ªããªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒFuel UXã§ã™ã€‚ æ§˜ã€…ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒæä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãšãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã€‚ ã‚³ãƒ³ãƒœãƒœãƒƒã‚¯ã‚¹ã€‚é¸æŠžã—ãŸæƒ…å ±ãŒå–å¾—ã—ã‚„ã™ã„ã§ã™ã€‚ ãƒ‡ãƒ¼ã‚¿ã‚°ãƒªãƒƒãƒ‰ã€‚æ¤œç´¢ã§ã®ãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚°ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚µãƒãƒ¼ãƒˆã€‚ æ¤œç´¢ã™ã‚‹ã¨å³å´ã«Ã—ãƒœã‚¿ãƒ³ãŒå‡ºã¾ã™ã€‚åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ãã€‚ ã‚¿ã‚°ã€‚Ã—ãƒœã‚¿ãƒ³ã‚‚å‡ºã¦ã„ã¦æ¶ˆã™ã®ã‚‚ç°¡å˜ã§ã™ã€‚ æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã€‚ ã‚¹ãƒ”ãƒŠãƒ¼ã€‚ä¸Šä¸‹ã®ãƒœã‚¿ãƒ³ã‚’ä½¿ã£ã¦å€¤ã‚’ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆã§ãã¾ã™ã€‚ ãƒ„ãƒªãƒ¼ã€‚ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ãƒ©ã‚¤ã‚¯ãªè¡¨ç¤ºãŒå®Ÿç¾ã§ãã¾ã™ã€‚ ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã€‚ãƒ‘ãƒ³å±‘
homare-san 2013/07/01
bootstrap

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

CSS

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³

ux

ui

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Yahooè£½ã€è»½é‡ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Pure MOONGIFT
Pureã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè£½ã€BSD Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ Webã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ã—ã¦ä¸€èºæœ‰åã«ãªã£ã¦ã„ã‚‹Bootstrapã€‚ãã®ãƒ©ã‚¤ãƒãƒ«ã¨ã‚‚è¨€ãˆã‚‹å˜åœ¨ã€PureãŒç™»å ´ã—ã¾ã—ãŸã€‚é–‹ç™ºå…ƒã¯ã‚ã®ç±³Yahooã§ã™ã€‚ æ§˜ã€…ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒç™»éŒ²ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã¡ã‚‰ã¯ãƒ•ã‚©ãƒ¼ãƒ ã€‚ ãƒœã‚¿ãƒ³ã€‚ãƒ•ãƒ©ãƒƒãƒˆç³»ã®è‰²åˆã„ã§ã™ã€‚ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ä»˜ãã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ãƒ¡ãƒ¼ãƒ«é¢¨ã€‚ Pureã¯çŸç¸®åŒ–ãŠã‚ˆã³Gzipåœ§ç¸®ã—ã¦5.7KBã¨å°ã•ã„ã‚µã‚¤ã‚ºãªã®ãŒç‰¹å¾´ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ã‚¬ãƒã‚¬ãƒãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã¯ãªãã€å¿…è¦ãªå ´æ‰€ã ã‘ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ãŸã‚Šã€è‡ªåˆ†ãªã‚Šã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒè¡Œãˆã‚‹ã®ãŒç‰¹å¾´ã«ä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚ MOONGIFTã¯ã“ã†è¦‹ã‚‹ Boostrapã¯
homare-san 2013/06/10
bootstrap

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹

MOONGIFT

license

css

framework

IT

web

yahoo

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰ã ã‘ã‚’æä¾›ã™ã‚‹è»½é‡ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆÂ·fitgrid MOONGIFT
fitgridã¯æœ¬ç•ªç’°å¢ƒä¸‹ã§ã‚‚è€ãˆã‚‰ã‚Œã‚‹è»½é‡ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚°ãƒªãƒƒãƒ‰ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ã®ã¯å¤§å¤‰ã§ã™ãŒã€Bootstrapã‚’ä½¿ã†ã¨ãã‚Œã£ã½ã•ãŒæ®‹ã£ã¦ã—ã¾ã†â€¦ã€‚ãã‚“ãªã‚¸ãƒ¬ãƒ³ãƒžã‚’æ„Ÿã˜ã¦ã„ã‚‹æ–¹ã¯fitgridã‚’è©¦ã—ã¾ã—ã‚‡ã†ã€‚fitgridã¯è»½é‡ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã—ã¾ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚µã‚¤ã‚ºã§ã®è¡¨ç¤ºã€‚ 1ã€œ4åˆ—ã§ç´°ã‹ãåˆ¶å¾¡ã§ãã¾ã™ã€‚ ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚µã‚¤ã‚ºã€‚å¹…ãŒç‹ããªã£ã¦ã‚‚å¥‡éº—ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ç”»åƒã‚‚ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ã„ã¾ã™ã€‚ å¹…ã‚’ç‹ãã™ã‚‹ã¨ç”»åƒã®ä¸¦ã³ã‚‚å¤‰ã‚ã‚Šã¾ã™ã€‚ ä¸€ç•ªç‹ãã—ãŸå ´åˆã€‚æ•´ç„¶ã¨ä¸¦ã‚“ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ fitgridã¯æ¨ªå¹…ã‚’12ã«åˆ†å‰²ã—ã¦ã‚°ãƒªãƒƒãƒ‰åŒ–ã—ã¾ã™ã€‚.fg3ã¨ã„ã£ãŸã‚¯ãƒ©ã‚¹ã‚’ä½¿ãˆã°4ã¤ä¸¦ã¹ã‚‰ã‚Œã‚‹è¨ˆç®—ã§ã™ã€‚12ã‚’ä¸€ã¤ã€4ã‚’3ã¤ã¨ã„ã£ãŸå…·åˆã«çµ„ã¿åˆã‚ã›ã¦åˆ©ç”¨ã§ãã¾ã™ã€‚fitgridã¯è»½é‡ã§ã‚ã‚Šã€æœ¬ç•ªç’°å¢ƒä¸‹ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ä½™è¨ˆãªã“ã¨ã¯ã—ãªã„ã‚ˆã†ã«è¨è¨ˆ
homare-san 2013/05/28
bootstrap

RWD

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

MOONGIFT

license

IT

JavaScript

CSS

CSS3

framework
ãƒªãƒ³ã‚¯
Almost Flat UI
Provides extra visual weight and identifies the primary action in a set of buttons
homare-san 2013/05/22
flat

design

CSS-Framework

bootstrap

css

framework

UI

webãƒ‡ã‚¶ã‚¤ãƒ³

web

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆåŒ–ã™ã‚‹éš›ã«ãœã²ï¼Â·StyleDocco MOONGIFT
StyleDoccoã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆä¸ã«æ›¸ã„ãŸè¨å®šã‚’ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆåŒ–ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯æ¬ ã‹ã›ã¾ã›ã‚“ã€‚Webã‚µã‚¤ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨å®šã‚’ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã—ãŸã„æ™‚ã«ä½¿ã„ãŸã„ã®ãŒStyleDoccoã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã™ã€‚å³å´ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€å·¦å´ã«ãã®èª¬æ˜ŽãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ HTMLã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã¨ã€ãã®çµæžœã¨ã‹ãŒä¸Šä¸‹ã«ä¸¦ã‚“ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒªã‚¹ãƒˆè¡¨ç¤ºãªã©ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å¹…ã«æŒ‡å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®å ´åˆã¯ä¾¿åˆ©ãã†ã§ã™ã€‚ Bootstrapã§ä½œã‚‰ã‚ŒãŸãƒ‡ãƒ¢ã‚‚ã‚ã‚Šã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã“ã†ã‚„ã£ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ãã€‚ StyleDoccoã‚’ä½¿ã†ã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ä¸ã«æ›¸ã„ãŸè¨å®šã®ä½¿ã„æ–¹ã‚’ãã®ã¾ã¾ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚æ›¸ãæ–¹ã¨å®Ÿéš›ã«é©ç”¨ã—ãŸçµæžœãŒåˆ†ã‹ã‚Œã°ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®
homare-san 2013/05/05
MOONGIFT

javascript

node

license

HTML

node.js

github

bootstrap

js

IT
ãƒªãƒ³ã‚¯
CSS3ã®Flexboxã‚’åŸºæœ¬ã‹ã‚‰ç†è§£ã—ã¦ã€ä½¿ã„æ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã‚ˆã†ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€çŽ‹ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã£ã¦ã¾ã™ã€‚ ä»Šå›žã¯ã€ŒFlexboxã‚’åŸºæœ¬ã‹ã‚‰ç†è§£ã—ã¦ã€ä½¿ã„æ–¹ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã‚ˆã†ï¼ã€ã¨ã„ã†ã“ã¨ã§ã€åˆè€³ã®æ–¹ã§ã‚‚ã–ã£ã¨Flexboxã§ä½•ãŒã§ãã‚‹ã‹åˆ†ã‹ã‚‹ã‚ˆã†ã«çŸã„å‹•ç”»ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ å‹•ç”»ã®ä¸ã§ä½¿ã£ã¦ãŸãƒ‡ãƒ¢ã‚’ã‚¢ãƒƒãƒ—ã—ãŸã®ã§ã€ç¢ºèªã—ã¦ã¿ãŸã„æ–¹ã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‚’ã©ã†ãžï¼ ãƒ‡ãƒ¢ æ˜¨ä»Šã§ã¯ã€å½“ç„¶ãªãŒã‚‰ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã‚µã‚¤ã‚ºã®å¤šæ§˜åŒ–ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚„ã‚‰ãŒæµè¡Œã£ã¦ã„ã¾ã™ã€‚ åŒã˜ã‚µã‚¤ãƒˆã‚’ã•ã¾ã–ã¾ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã«å¿œã˜ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ä¸Šã«ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚‚æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚åˆ¶ä½œå´ã‹ã‚‰ã—ãŸã‚‰ä½•ã‹ã¨åŽ„ä»‹ã§ã™ã‚ˆãã€‚ ã€Œãªã‚‹ã¹ãæ‰‹é–“ã‚’ã‹ã‘ãšã«ä½œã‚ŠãŸã„ï¼ã€ã¨ã„ã†ä¸–ç•Œä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å£°ã«å¿œãˆã¦ã€ã€ŒTwitter Bootstrapã€ã‚’ã¯ã˜ã‚ã¨ã—ãŸæ•°å¤šãã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¾ã€…ã«è„šå…‰ã‚’æµ´ã³ã¯ã˜ã‚ã¦ä¹…ã—ããªã‚Šã¾ã™ã€‚ ãŸã ã€ã“ã‚Œã‚‰ã¯ã‚ãã¾ã§å¤ã„æŠ€è¡“ã®çµ„ã¿åˆã‚ã›ã§ã€é©æ–°çš„ãªæŠ€è¡“ã§
homare-san 2013/05/01
chrome

webåˆ¶ä½œ

display

bootstrap

2012å¹´

IE

PC

css3

css

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®è‡ªç”±åº¦ã‚’é‚ªé”ã—ãªã„ã€è»½é‡ãªã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·PocketGrid MOONGIFT
PocketGridã¯0.5KBã®å°ã•ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ™ãƒ¼ã‚¹ã«ã©ã†ãžã€‚ Bootstrapã‚’ã¯ã˜ã‚å¤šæ§˜ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå‡ºå›žã£ã¦ã„ã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¯èƒ½ç¯„å›²ãŒç‹ã¾ã£ã¦ã—ã¾ã†ã®ã‚’å«ŒãŒã‚‹å£°ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã“ã§ã»ã‚“ã®åŸºç¤Žéƒ¨åˆ†ã ã‘ã‚’æä¾›ã—ã¦ãã‚Œã‚‹ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€PocketGridã‚’ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚å·¦ãŒ30%ã€å³ãŒ70%ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã€‚ å¹…ã‚’ç‹ã‚ã¦ã‚‚æ¯”çŽ‡ã‚’ç¶æŒã—ã¦ã„ã¾ã™ã€‚ ã‚ˆãã‚ã‚‹ä¸‰å±¤ã®Webæ§‹é€ ã§ã™ã€‚ ã“ã®ã‚ˆã†ã«çµ„ã¿å¤‰ã‚ã‚Šã¾ã™ã€‚ æ¯”çŽ‡ã‚’ç¶æŒã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã‚ˆã‚Šè¤‡é›‘ãªè¡¨ç¤ºã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ä¸¦ã³ãŒå¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚ ç¶æŒã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ å…ƒãŒã“ã‚Œã§â€¦ éš™é–“ã‚’ãªãã™è¨å®šã‚‚å¯èƒ½ã§ã™ã€‚ PocketGridã¯ãƒ”ãƒ¥ã‚¢ãªCSSã ã‘ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã ã‘ã§ãªãã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã«ã‚‚å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨
homare-san 2013/04/10
bootstrap

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webãƒ‡ã‚¶ã‚¤ãƒ³

license

CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

webåˆ¶ä½œ

SEO

css

css3

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
BootStrapã®ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ã™ã‚‹ãŸã‚ã®ã€ŒBootstrap Form Helpersã€:phpspoté–‹ç™ºæ—¥èªŒ
BootStrapã®ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ã™ã‚‹ãŸã‚ã®ã€ŒBootstrap Form Helpersã€ 2013å¹´04æœˆ05æ—¥- Bootstrap Form Helpers BootStrapã®ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ã™ã‚‹ãŸã‚ã®ã€ŒBootstrap Form Helpersã€ã€‚ å›½ã€é€šè²¨ã€æ—¥ä»˜ã€æ™‚é–“ã€é›»è©±ç•ªå·ã€ãƒ•ã‚©ãƒ³ãƒˆç‰ã‚’å…¥åŠ›ã™ã‚‹éš›ã«ä¾¿åˆ©ãã†ãªã‚¤ãƒ³ãƒ—ãƒƒãƒˆã®ãƒ˜ãƒ«ãƒ‘ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã”ç´¹ä»‹ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€å¤šæ•°ã®ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒè¿½åŠ ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã¯è¦‹ãŸã¾ã¾ã§è¡¨ç¤ºã•ã‚Œã¦ã€selectã‹ã‚‰é¸ã¹ã‚‹ã®ã§ä¾¿åˆ©ãã†ã€‚ â€‹UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã„ã„æ„Ÿã˜ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Bootstrapãƒ™ãƒ¼ã‚¹ã®ã‚µã‚¤ãƒˆã§ã‚µã‚¤ãƒˆã®ä½¿ã„æ–¹ã‚’ã‚¹ãƒ†ãƒƒãƒ—åˆ¥ã«ã‚ªãƒ¼ãƒãƒ¬ã‚¤è¡¨ç¤ºã§ãã‚‹ã€ŒBootstro.jsã€ Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ•ãƒªãƒ¼ã®UIKitã€ŒFlat UIã€ Bootstrapã®ãƒ†ãƒ¼ãƒžã§è‰¯ã„æ„Ÿã˜ã«å‹•ãã‚ªãƒ¼ãƒˆ
homare-san 2013/04/08
bootstrap

jQuery

JS

*thresh25

Must

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

twitter

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ä»Šå¹´æµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã«å½¹ç«‹ã¤CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„PSDç´ æ
ã€Featherweight UIã€‘ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ™ãƒ¼... / ã€Square UI Freeã€‘ãƒ•ãƒ©ãƒƒãƒˆãªUIã‚³... / ã€Flat UI Kitã€‘ãƒ•ãƒ©ãƒƒãƒˆãªUIã‚’æƒãˆãŸ...ä»–...å…¨8ä»¶
homare-san 2013/03/25
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ç´ æ

PSDç´ æ

ui

ãƒ‡ã‚¶ã‚¤ãƒ³

css

bootstrap

PSD

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸