[B! ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯] fushimikã®ãƒ

fushimik id:fushimik

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«é–¢ã™ã‚‹fushimikã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (27)

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

Bootstrapã ã‘ã˜ã‚ƒãªã„ï¼ãƒžãƒƒãƒã§ãƒ•ãƒ©ãƒƒãƒˆã‚„ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®UIãŒå°Žå…¥ã§ããã†ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„UIã‚ãƒƒãƒˆç‰è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
fushimik 2013/08/07
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’ã‚¢ãƒƒãƒ—ã•ã›ã‚‹OOCSSãƒ™ãƒ¼ã‚¹ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kraken
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯æ™®æ®µä½¿ã£ã¦ã‚‹CSSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ã€‚ ãã‚“ãªOOCSSã‚’ãƒ™ãƒ¼ã‚¹ã«è¨è¨ˆã•ã‚ŒãŸã€ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ‹¡å¼µæ€§ã‚‚å‚™ãˆãŸè¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Kraken Kraken -GitHub ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã¨ã¯ Krakenã®ç‰¹å¾´ Krakenã®ãƒ‡ãƒ¢ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ã¨ã¯ Krakenã¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘CSSï¼ˆOOCSSï¼‰ãƒ™ãƒ¼ã‚¹ã§é–‹ç™ºã•ã‚Œã¦ã„ã¾ã™ã€‚ Krakenã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’ä¾‹ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ The Kraken Way å¤§ãã„ãƒ–ãƒ«ãƒ¼ã®ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹éš›ã€ä¸€ã¤ã®classã‚„idãªã©ã§å®šç¾©ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€OOCSSã§ã¯ã€Œãƒœã‚¿ãƒ³=btnã€ã€Œå¤§ãã„ãƒœã‚¿ãƒ³=btn-largeã€ã€Œãƒ–ãƒ«ãƒ¼ã®ãƒœã‚¿ãƒ³=btn-blueã€ã¨ã—ã¾ã™ã€‚ã“ã‚Œã¯ç…©é›‘ãªã‚ˆã†ã«è¦‹ãˆã¾ã™
fushimik 2013/06/06
CSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
HTML/JS/CSSã§Androidã‚¢ãƒ—ãƒªé¢¨UIã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒFriesã€:phpspoté–‹ç™ºæ—¥èªŒ
Fries HTML/JS/CSSã§Androidã‚¢ãƒ—ãƒªé¢¨UIã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒFriesã€ jQueryMobileç‰ã®å®šç•ªã‚¹ãƒžãƒ›UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€Androidã®UIã«åˆã‚ã›ãŸã„å ´åˆã¯ã“ã¡ã‚‰ã‚’å‚è€ƒã«ã—ã¦ã¿ã¦ã‚‚ã‚ˆã„ã‹ã‚‚ã€‚ WEBã®æŠ€è¡“ã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã‚ˆã†ãªå ´åˆã«ã‚‚ä½¿ãˆãã†ã§ã™ã€‚PhoneGapã§ã®åˆ©ç”¨ã‚’è€ƒæ…®ã•ã‚Œã¦ã„ã‚‹ä½œã‚Šã¿ãŸã„ã€‚ ã¡ã‚‡ã£ã¨ã‚«ãƒƒã‚³ã„ã„ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’ä½œã‚‹å ´åˆã«ã‚‚ä½¿ãˆãã†ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª iOSã€Androidã‚¢ãƒ—ãƒªã®è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚’å®Ÿè¡Œã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAppiumã€
fushimik 2013/06/03
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

UI
ãƒªãƒ³ã‚¯
Bootstrapãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚ã‚µãƒãƒ¼ãƒˆã®Win/Macå¯¾å¿œã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»ã€ŒPingendoã€ - ã‹ã¡ã³ã¨.net
å„ç¨®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒ“ãƒ«ãƒˆã‚¤ãƒ³ã•ã‚ŒãŸã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ãƒ»Pingendoã§ã™ã€‚æ—¥æœ¬èªžã‚‚å•é¡Œãªã—ã€‚Windowsç‰ˆã¨Macç‰ˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ä½¿ã£ã¦ã¿ãŸæ„Ÿã˜ã€å‰²ã¨ä½¿ã„ã‚„ã™ã„å°è±¡ã§ã—ãŸã€‚ä»Šã ã‘ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒç„¡æ–™ã§åˆ©ç”¨å‡ºæ¥ã‚‹ã¿ãŸã„ã§ã™ã€‚ Pingendo
fushimik 2013/06/01
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Loading...
fushimik 2013/05/29
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

Yahoo
ãƒªãƒ³ã‚¯
HTML5ã‚„JavaScriptã§ã‚²ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ï¼ ã‚²ãƒ¼ãƒ åˆ¶ä½œã®ãŸã‚ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã‚²ãƒ¼ãƒ ã¾ã¨ã‚
HTML5ã§èª°ã§ã‚‚ã‚²ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ï¼ï¼Ÿ æœ€è¿‘webã§ä½•ã‹ã‚’ä½œã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ãŒã©ã‚“ã©ã‚“å‡ºã¦ãã¦ãŠã‚Šã€ã‚²ãƒ¼ãƒ ã«ã—ã‚webã‚µã‚¤ãƒˆã«ã—ã‚ã€ã•ã‚ã‚Šã‚’å¦ã¹ã°ãã‚Œã‚’ä½œã‚‹çµ„ã¿åˆã‚ã›ã ã‘ãªã‚‰æŠ‘ãˆã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ãã‚Œã‚’å®Ÿéš›ã«ä½¿ã„ã“ãªã—ã€ã¾ãŸãã‚Œã§ä½œã‚‹ã‚‚ã®ã®å†…å®¹ãŒã—ã£ã‹ã‚Šã—ã¦ã„ãªã‘ã‚Œã°ä½•äººã‚‚ã®äººãŒä½¿ã£ãŸã‚ŠéŠã‚“ã§ãã‚Œã‚‹ã‚‚ã®ã«ã¯ãªã‚‰ãªã„ã‚ã‘ã§ã™ãŒâ€¦ã€‚å„ªã‚ŒãŸæ§‹æƒ³ã‚’æŒã£ãŸã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãŒè‡ªåŠ›ã§ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹ã€ã¨ã„ã†ã“ã¨ã¯å®Ÿéš›ã«å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã¨è¨€ãˆã¾ã™ã€‚ ä»Šå›žã¯ã€ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚„Canvasã«ã¤ã„ã¦ã¯ã¡ã‚‡ã£ã¨çŸ¥è˜ãŒæµ…ã„ã®ã§ã€èª¿ã¹ãŸã“ã¨ã‚’ã¾ã¨ã‚ã‚‹ã«ç•™ã‚ã¦ã„ã¾ã™ã€‚ä»Šå¾Œã®å‹‰å¼·èª²é¡Œã¨ã„ã†ã“ã¨ã§â€¦ã€‚ ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã¾ã¨ã‚ ã‚ˆãHTML5ã§ã‚²ãƒ¼ãƒ ãŒä½œã‚Œã‚‹ã€JavaScript ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã„ã†ã‚ˆã†ã«ç´¹ä»‹ã•ã‚Œã‚‹ã‚‚
fushimik 2013/05/10
html5

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

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

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
CSSã®ã¿ã¨Sass/SCSSã€Lessã«å¯¾å¿œã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦èª¿ã¹ã¦è¡¨ã«ã—ã¦ã¿ãŸ | DevelopersIO
ã¿ãªã•ã¾ã“ã‚“ã«ã¡ã‚ã€‚ Webã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã‚„SCSSã®é€£è¼‰ã‚’æ›¸ã„ã¦ã„ã‚‹é‡Žä¸ã§ã™ã€‚ ãã†ã„ãˆã°Google ReaderãŒçµ‚äº†ã™ã‚‹ã¨ã®ã“ã¨ã§ã¨ã¦ã‚‚æ®‹å¿µã§ã™ãã€‚ èªè€…ã®ã¿ãªã•ã¾ã‚‚æ¬¡ã®å¼•ã£è¶Šã—å…ˆãƒ„ãƒ¼ãƒ«æŽ¢ã—ã§å¿™ã—ã„ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰é–‹ç™ºãƒ–ãƒã‚°ã®RSSã‚‚å¿˜ã‚Œãšã«ç™»éŒ²ã‚’ãŠé¡˜ã„ã—ã¾ã™ã€‚ ã¨ã¦ã‚‚æ›´æ–°é »åº¦ã®é«˜ã„ãƒ–ãƒã‚°ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã€ã„ã‚ã„ã‚ãªåˆ‡ã‚Šå£ã®RSSã‚’ç”¨æ„ã—ã¦ã„ã¾ã™ã€‚ æœ¬é¡Œ ãã‚Œã§ã¯æœ¬é¡Œã§ã™ãŒã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç³»ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦è‰²ã€…ã‚ã‚Šã¾ã™ã‚ˆãã€‚ å€‹äººçš„ã«ã¯HTMLä¸Šã®ã‚¯ãƒ©ã‚¹ã«ã‚ã¾ã‚Šæ„å‘³ã®ãªã„æ–‡å—åˆ—ã¯å…¥ã‚ŒãŸããªã„ã®ã§ä½¿ã£ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚HTMLã‚‚ç·¨é›†ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã€‚ ãµã¨Sass/SCSSã§Extendã—ãŸã‚ŠMixinsã§åˆ¶å¾¡ã§ãã‚‹ã‚‚ã®ã§ã‚ã‚Œã°ç„¡é§„ãªã‚¯ãƒ©ã‚¹æŒ‡å®šã‚’æ¸›ã‚‰ã—ã¦å¯å¤‰ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰åˆ¶å¾¡ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰è‰²ã€…ã¨ã‚ã‚Šã¾ã—ãŸã€‚ æœ€åˆ
fushimik 2013/03/21
ã“ã‚Œã¯å½¹ã«ç«‹ã¤è¨˜äº‹

SCSS

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

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
fushimik 2013/03/05
ui

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
http://m.jp.techcrunch.com/archives/20130228responsive-design-framework-foundation-4-launches/
fushimik 2013/03/02
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
æœ‰ç”¨ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¾ã¨ã‚ãŸãƒ»FRONT-END CSS FRAMEWORKS - ã‹ã¡ã³ã¨.net
æœ‰ç”¨ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã‘ã‚’ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãƒ»FRONT-END CSS FRAMEWORKSãŒã‚ã£ãŸã®ã§ã”ç´¹ä»‹ã§ã™ã€‚æœ‰ç”¨ã‹ã©ã†ã‹ã¯å€‹äººå·®ãŒã‚ã‚Šãã†ã§ã™ã‘ã©ã€ã“ã‚Œã‹ã‹ã‚‰æŽ¢ã™æ–¹ã¯è¦—ã„ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚ã€‚ å…¨ã¦ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é›†ã‚ã¦ã‚‹ã‚ã‘ã˜ã‚ƒãªã„ã¿ãŸã„ã§ã™ã€‚æ©Ÿä¼šãŒã‚ã‚Œã°æ¯”è¼ƒã—ã¦ã¿ã‚‹ã®ã‚‚ã„ã„ã‹ã‚‚ã§ã™ãã€‚
fushimik 2013/02/28
css

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Webã®ä»•äº‹ã‚’ã™ã‚‹ãªã‚‰æœ€ä½Žé™çŸ¥ã£ã¦ãŠãã¹ãæˆ¦ç•¥ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Ã—10 | sogitani.baigie.blog
çµŒå–¶ã‚„ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã€ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãªã©ã€ãƒ“ã‚¸ãƒã‚¹ã‚’èªžã‚‹éš›ã«å¿…è¦ãªè«–ç†çš„æ€è€ƒã€‚ãã®æ€è€ƒãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å®šåž‹åŒ–ã—ã€èª°ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸã®ãŒæˆ¦ç•¥ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚æˆ¦ç•¥ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ãƒ“ã‚¸ãƒã‚¹ã®ã‚ã‚‰ã‚†ã‚‹åˆ†é‡Žã§ä½¿ã‚ã‚Œã¦ãŠã‚Šã€æœ‰åãƒ»ç„¡åã‚’å«ã‚ã‚‹ã¨ã€è†¨å¤§ãªæ•°ãŒå˜åœ¨ã—ã¾ã™ã€‚ æˆ¦ç•¥ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ã¨ã€ç¾çŠ¶ã‚’è«–ç†çš„ã«æ§‹é€ åŒ–ã—ã€å®¢è¦³çš„ã«ä¿¯çž°ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸã€ã„ã¤ã‚‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ç™ºæƒ³ã§è€ƒãˆã‚‹ã‚¯ã‚»ã‚’ä»˜ã‘ã¦ã„ã‚‹ã¨ã€ãƒ’ã‚¢ãƒªãƒ³ã‚°ã—ãŸãã®å ´ã§ä¼æ¥ãŒæŠ±ãˆã‚‹å•é¡Œç‚¹ãŒè¦‹ãˆã¦ããŸã‚Šã€è‡ªåˆ†ã®ä¸»å¼µã‚„ææ¡ˆã‚’ã€åˆ†ã‹ã‚Šã‚„ã™ãèª¬å¾—åŠ›ã‚’ã¨ã‚‚ãªã£ã¦ä¼ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ã‚‚ãªã‚Šã¾ã™ã€‚ Webæ¥ç•Œã¯ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å½±éŸ¿ãŒéžå¸¸ã«å¼·ã„æ¥ç•Œã§ã™ã€‚ç‰¹ã«åˆ¶ä½œã‚„é–‹ç™ºã«æ·±ãé–¢ã‚ã‚‹æ¥ç¨®ãƒ»è·ç¨®ã»ã©ã€ãƒ“ã‚¸ãƒã‚¹ã®æœ¬è³ªã§ã¯ãªãã€æŠ€è¡“çš„ãªãƒˆãƒ¬ãƒ³ãƒ‰ã«æµã•ã‚ŒãŸç™ºæƒ³ã«é™¥ã‚ŠãŒã¡ã§ã™ã€‚ ã—ã‹ã—ã€æˆ¦ç•¥ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®è€ƒãˆã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ã„ã‚Œã°ã€æŠ€è¡“ãƒˆãƒ¬ãƒ³ãƒ‰ã«æµã•ã‚Œãšã€ãƒ“ã‚¸ãƒã‚¹
fushimik 2013/02/27
ãƒ“ã‚¸ãƒã‚¹

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

æˆ¦ç•¥
ãƒªãƒ³ã‚¯
iOSå‘ã‘ã®æ§˜ã€…ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¾ã¨ã‚ãŸãƒ»ã€ŒiOS Frameworksã€ - ã‹ã¡ã³ã¨.net
iOS Frameworksã¯iOSå‘ã‘ã®ã‚¢ãƒ—ãƒªã‚„Webã‚µã‚¤ãƒˆãªã©ã‚’åˆ¶ä½œã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¾ã¨ã‚ãŸWebã‚µã‚¤ãƒˆã€‚ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã‚„UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã©ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã•ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç¨®é¡žã¯æ§˜ã€…ã§ã™ã€‚ iOS Frameworks
fushimik 2013/02/25
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Loading...
fushimik 2013/02/25
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Loading...
fushimik 2013/02/20
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
penguinbox.netÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â penguinbox ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼ penguinbox.net ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€penguinbox.netãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
fushimik 2013/02/14
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ä¸€å€‹è¦šãˆã¨ãã¨é‡å®ã™ã‚‹ã‹ã‚‚ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
å…ˆæ—¥ã€Responsive Grid Systemã®ä»•æ§˜å¤‰æ›´ã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã‹ã›ã¦é ‚ãã¾ã—ãŸãŒã€ã‚ã®åå¿œã¨ã—ã¦ã‚„ã£ã±ã‚Šã„ãã¤ã‹ã‚³ãƒ¡ãƒ³ãƒˆã‚‚ã‚‰ã£ãŸã®ãŒã€é€†ã«åˆ†ã‹ã‚Šã«ãããªã£ãŸã¨ã„ã†ç‰©ã€‚ ã¾ãã€å¾“æ¥ã®ä½œã‚Šæ–¹ã¨ã¯å¤§åˆ†å¤‰ã‚ã£ãŸã®ã§ã€ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã—ã¦åƒ•ã®ä¸ã§å¤§äº‹ãªè¦ç´ ã®ä¸€ã¤ã§ã‚ã‚‹ã€Žå‘¨ã‚Šã¨ã®å…±æœ‰ã—ã‚„ã™ã•ã€ã¨ã„ã†é¢ã§ã¯ã¡ã‚‡ã£ã¨é›£ã‚ã‚Šã‹ãªã¨æ€ã†ã®ãŒæ£ç›´ãªæ‰€ã€‚ä¸€åº¦æ…£ã‚Œã¦ã—ã¾ãˆã°ã“ã‚“ãªåŠ¹çŽ‡ã®è‰¯ã„ä½œã‚Šæ–¹ã‚‚ä¸ã€…ç„¡ã„ã‹ãªã¨æ€ã†åé¢ã€ã‚„ã¯ã‚Šç›´ãã«é †å¿œã™ã‚‹ã®ã¯å¾®å¦™ã«é›£ã—ã„ã‹ãªã¨ã‚‚æ€ã†ã‚ã‘ã§ã™ã€‚ ãã‚“ãªçµŒç·¯ã‚‚ã‚ã£ã¦ã€å…ˆæ—¥ã‹ã‚‰ä»Šã¾ã§ä»¥ä¸Šã«ä»–ã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚‚ç›®ã‚’é€šã™ã‚ˆã†ã«ã—ã¦ã„ã¦ã€ä»Šã¯å€‹äººãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã‹å°è¦æ¨¡ãªç‰©ã§ã‚ã‚Œã°Responsive Grid Systemã§è‰¯ã„ç‰©ã®ã€ä»–ã®é¸æŠžè‚¢ã‚‚ä¸€å¿œç”¨æ„ã—ã¨ã„ãŸæ–¹ãŒã„ã„ã‹ãªã¨æ€ã£ã¦ã„ã‚‹ä»Šæ—¥ã“ã®ã”ã‚ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šæ—¥ã¯ãã‚“ãªæ„Ÿã˜ã§ã“ã‚Œã¾ã§ã„ãã¤ã‹ç›®ã‚’é€šã—ã¦æ¥ãŸ
fushimik 2013/02/14
Webãƒ‡ã‚¶ã‚¤ãƒ³

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

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
è‚‰çƒãŒãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Cool Kitten
ãƒ™ãƒ¼ã‚¿ç‰ˆã§ã™ãŒã€ã¡ã‚‡ã£ã¨é¢ç™½ãã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚è‚‰çƒã«æƒ¹ã‹ã‚ŒãŸã‚ã‘ã§ã¯ãªã„ã§ã™ã‚ˆã€‚ Cool Kitten Cool Kitten -GitHub Cool Kittenã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€è‚‰çƒãŒãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼
fushimik 2013/02/07
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
å„ç¨®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ç”¨æ„ã•ã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»Groundwork
ã‚¿ãƒ–ã‚„ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒœã‚¿ãƒ³ãªã©ã€å„ç¨®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã”ç´¹ä»‹ã€‚SASSã‚’ä½¿ã£ã¦æ§‹ç¯‰ã—ã¦ã„ã‚‹ãã†ã§ã™ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚æ•°ç¨®ç”¨æ„æ¸ˆã¿ã§ã™ã€‚ SASSã§ä½œã‚‰ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã»ã‚“ã¨ã€ã“ã®æ‰‹ã®ã¯æ²¢å±±å‡ºã¦ãã¾ã™ãã€‚é¸æŠžè‚¢ãŒã‚ã‚‹ã®ã¯ã‚ã‚ŠãŒãŸã„ã§ã™ã€‚
fushimik 2013/02/05
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸