[B! WEBãƒ‡ã‚¶ã‚¤ãƒ³] shimozunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shimozun id:shimozun

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹shimozunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

Macå«Œã„ã®äººãƒ»Windowså«Œã„ã®äººãŒå‹˜é•ã„ã—ã¦ã„ã‚‹ã€10ã®çœŸå®Ÿ - Moxbit
Windowsã‚„Macã€iPhoneãªã©ã®ã‚¬ã‚¸ã‚§ãƒƒãƒˆã‹ã‚‰ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ã¾ã§ã€å¹…åºƒã„ã‚¸ãƒ£ãƒ³ãƒ«ã‚’æ‰±ã£ã¦ã„ã‚‹ãƒ–ãƒã‚°ã§ã™ã€‚
shimozun 2016/02/17
Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã§çµ„ã‚“ã ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä¸¡ç«‹ã•ã›ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã‚³ãƒ”ãƒšã§OKã€‘ - Yukihy Life
ä»¥å‰ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã‚’ãƒˆã‚°ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ä¸¡ç«‹ã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¹ã‚¿ã‚¤ãƒ«ã«ã™ã‚‹ã‚«ã‚¹ã‚¿ãƒ ã‚’æ›¸ãã¾ã—ãŸã€‚ www.yukihy.com ãƒˆã‚°ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ä¸Šä¸‹ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªã‚‚ã®ã§ã—ãŸãŒã€ã€€ç¾åœ¨ã“ã®ãƒ–ãƒã‚°ã§ã‚„ã£ã¦ã„ã‚‹ã¿ãŸã„ã«ã€æ¨ªã‹ã‚‰ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã—ã¦ã€ãªãŠã‹ã¤PCç‰ˆã§ã¯åãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚è¨å®šã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ï¼ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’è¡Œã†éš›ã¯ã€å¿…ãšä»¥å‰ã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ¡ãƒ¢å¸³ãªã©ã«ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ã¨ã£ã¦ãŠãã‚ˆã†ã«ã—ã¦ãã ã•ã„ã€‚ å®Ÿè£…å›³ æ³¨æ„ç‚¹ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º CSS HTML&jQuery HTMLã«ãƒªãƒ³ã‚¯ã‚’å…¥ã‚Œã‚‹ ãã®ä»–ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º è‰²ã‚’å¤‰ãˆã‚‹ ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®æ¨ªå¹…ã‚’å¤‰ãˆãŸã„ ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ãƒˆã‚°ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å¤‰ãˆã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’å¤‰ãˆãŸã„ ã¾ã¨ã‚ å®Ÿè£…å›³ å®Œæˆå›³ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºãŒåºƒã„ã¨ãã«ã¯ã€åãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¾ã§å‡ºã›ã‚Œã‚‹ä¸€èˆ¬çš„ãªã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã€ ãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºãŒç‹ããªã‚‹ã¨
shimozun 2016/02/15
css

HTML

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æ„å¤–ã¨ä»Šã£ã½ããªã‚‹ã€CSSã‚„jQueryã§å®Ÿç¾ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¾ã¨ã‚
ä½œæˆï¼š2016/02/8 æ›´æ–°ï¼š2016/06/29 Webåˆ¶ä½œ > CSSã‚„jQueryã§å®Ÿç¾ã™ã‚‹ã€ä»Šã¾ã§ã«ãªã„ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ãŠã•ãˆãŸæœ€è¿‘ã®ã‚‚ã®ã‚’åŽ³é¸ã—ã¦ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€‚ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ãƒ¥ãƒ¼ãªã©ã§ã€ä¸€å‘³é•ã£ãŸé¢ç™½ã•ã‚’å‡ºã—ãŸã„ã¨ãã«ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚»ã‚°ãƒ¡ãƒ³ãƒ†ãƒƒãƒ‰ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ« pocketãªã©ã«è¦‹ã‚‰ã‚Œã‚‹ã€Œãƒªã‚¹ãƒˆãƒ»ã‚¿ã‚¤ãƒ«ãƒ“ãƒ¥ãƒ¼ã€ãªã©è¡¨ç¤ºå½¢å¼ã®åˆ‡ã‚Šæ›¿ãˆã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚»ã‚°ãƒ¡ãƒ³ãƒ†ãƒƒãƒ‰ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ï¼ˆSegmentedControlï¼‰ã€‚å°‘ã—å¤ã„è¨˜äº‹ã§ã™ãŒã€ä»–ã«ãªã•ãã†ã ã£ãŸã®ã§ã€‚ Blueprint: View Mode Switch ã‚‚ã†ã²ã¨ã¤ã¯codepenã‹ã‚‰ã€‚ See the Pen DropDown2Segment by ActiveCodex (@Acti
shimozun 2016/02/08
css

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

jQuery
ãƒªãƒ³ã‚¯
ãƒ–ãƒ«ãƒžãŒã™ã”ã„ï¼å¤–éƒ¨CSSã‚’ä¸€ã¤åŠ ãˆã‚‹ã ã‘ã§ä»Šæ™‚ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ -Bulma
å¤–éƒ¨CSSã‚’ä¸€ã¤åŠ ãˆã‚‹ã ã‘ã§ã€æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€Flexboxãƒ™ãƒ¼ã‚¹ã®æŸ”è»Ÿãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸€éƒ¨ã ã‘åˆ©ç”¨ã—ã¦ã‚‚ã‚ˆã—ã€ã‚‚ã¡ã‚ã‚“å…¨éƒ¨ã‚’åˆ©ç”¨ã—ã¦ã‚‚ã‚ˆã—ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ãªã®ã§ã€ãƒ–ãƒ«ãƒžã‚’ãƒ™ãƒ¼ã‚¹ã«è‡ªåˆ†ç”¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã—ã¦åˆ©ç”¨ã™ã‚‹ã®ã‚‚ã‚ˆã—ã§ã™ã€‚
shimozun 2016/02/05
css

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

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

bootstrap
ãƒªãƒ³ã‚¯
ã€ç¬¬2å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†
2019å¹´5æœˆ17æ—¥ CSS ã¯ã‚‹ã‹6å¹´å‰ã«æ›¸ã„ãŸè¨˜äº‹ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†ã€ã®ç¬¬äºŒå¼¾ã§ã™ï¼ï¼ˆã‚¹ãƒ‘ãƒ³ãªãŒã£ï¼‰ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã§ç´ æ•µãªåŠ¹æžœãŒå¾—ã‚‰ã‚Œã‚‹å°æŠ€ã‚’ãƒ€ãƒ€ã£ã¨ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚å‰å›žã«å¼•ãç¶šãã€åˆå¿ƒè€…ã•ã‚“ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã•ã‚“ã¾ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ç›®æ¬¡ ç”»åƒã‚’ä¸¸ãè¡¨ç¤º 1æœ¬ç·šã®ãƒ†ãƒ¼ãƒ–ãƒ« 1æœ¬ç·šã®æ°´å¹³ç·š ç·šè‰²ã‚’æŒ‡å®šã—ãªãã¦ã‚‚æ–‡å—è‰²ã¨åŒä¸€è‰²ã«ãªã‚‹ è¤‡æ•°ã®èƒŒæ™¯ç”»åƒ èƒŒæ™¯ç”»åƒã®ã‚µã‚¤ã‚º Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã† ç”»åƒã‚’ãƒ¢ãƒŽã‚¯ãƒã‚„ã‚»ãƒ”ã‚¢ã«ã™ã‚‹ ãƒªã‚¹ãƒˆãƒžãƒ¼ã‚«ãƒ¼ã®è‰²ã‚’å¤‰æ›´ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒœãƒ¼ãƒ€ãƒ¼ ãƒ•ãƒ©ãƒƒãƒˆã ã‘ã©ç«‹ä½“çš„ãƒœã‚¿ãƒ³ ç”»åƒã‚’ã¼ã‹ã™ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸå‹•ç”» è¦ç´ ã‚’çœŸã‚“ä¸ã«é…ç½® ã‚«ãƒ³ãƒžã§åˆ†ã‘ãŸãƒªã‚¹ãƒˆ æ–‡å—ã‚’ç¸¦æ›¸ã ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã™ã‚‹ã¨ä¼¸ã³ã‚‹ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ iOSã§ãƒœã‚¿ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆ ç·šã®ã‚ªãƒ•ã‚»ãƒƒãƒˆè¨å®š HTMLãƒ»CSSã®å…¨
shimozun 2016/02/02
css

HTML

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML ã® ã€œ å†…ã«æ›¸ãã‚¿ã‚°ã®é †ç•ªã«ã‚‚æ°—ã‚’é£ã£ã¦ã¿ãŸã€‚
ä»Šã‚¢ãƒŠã‚¿ãŒã”è¦§ã«ãªã£ã¦ã„ã‚‹ã€ã“ã®ã‚ªãƒ³ã‚ºã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã¯èªã¿è¾¼ã¿é€Ÿåº¦ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚¢ãƒƒãƒ—ã‚„å„ç¨®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ç¶æŒã®ãŸã‚ã«éšæ™‚å¾¹åº•ã—ãŸæ”¹å–„ä½œæ¥ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚‚æœ¬ãƒ–ãƒã‚°ã«ã¦æ§˜ã€…ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€ä»Šæ—¥ã¯<head>ã€œ</head>ã‚¿ã‚°å†…ã®ã‚³ãƒ¼ãƒ‰ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã€å¼Šç¤¾ãŒå®Ÿéš›ã«è¡Œã£ã¦ã„ã‚‹HTMLãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è€ƒãˆæ–¹ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€Œè¦ç´ ã‚’æ¤œè¨¼ã€ã—ã¦å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã®ã§ã™ãŒã€å‚è€ƒã¾ã§ã«ä»¥ä¸‹ã«ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦è¨˜è¼‰ã—ã¾ã™ã€‚ ä»Šæ—¥ï¼ˆ2016å¹´1æœˆ20æ—¥ï¼‰ç¾åœ¨ã®ã‚ªãƒ³ã‚ºã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®<head>ã€œ</head>ã‚¿ã‚°ã¯æ¬¡ã®ã‚ˆã†ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
shimozun 2016/01/21
HTML

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç·ã¾ã¨ã‚: Bootstrapã®ç„¡æ–™ã§é«˜å“è³ªãªãƒ†ãƒ¼ãƒžãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆ
ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã€ã‚¹ãƒ¢ãƒ¼ãƒ«ãƒ“ã‚¸ãƒã‚¹ãªã©ã®å•†ç”¨ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ãƒ–ãƒã‚°ãªã©ã®å€‹äººã§åˆ©ç”¨ã§ãã‚‹Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸã‚µã‚¤ãƒˆãŒä½œæˆã§ãã‚‹ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãƒ»ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚„ãƒ•ãƒƒã‚¿ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã‚‚ã‚ã‚Šã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹éš›ã®å‚è€ƒã«ã‚‚ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚
shimozun 2016/01/19
bootstrap

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
100ç¨®é¡žä»¥ä¸Šã®ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æ‰‹è»½ã«ä½¿ãˆã‚‹CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHover.cssã€ãŒä¾¿åˆ©ã€‚WordPressã§ã‚‚ç°¡å˜åˆ©ç”¨ã€‚
Hover.cssã¨ã¯ Hover.cssã¨ã¯ã€æ‰‹è»½ã«ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã™ã¹ã¦ã€CSSã§å‹•ä½œã™ã‚‹ã®ã§ã€Aã‚¿ã‚°ãªã©ã®HTMLè¦ç´ ã®ã‚¯ãƒ©ã‚¹æŒ‡å®šéƒ¨åˆ†ã«ã‚¯ãƒ©ã‚¹åã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã€100ç¨®é¡žä»¥ä¸Šã®æ§˜ã€…ãªãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’æ‰‹è»½ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ åˆ©ç”¨ã™ã‚‹ã¨ãã¯ã€ã“ã‚“ãªã‚¿ã‚°ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Font Awesomeã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’åˆ©ç”¨ã—ãŸã“ã¨ãŒã‚ã‚‹æ–¹ãªã‚‰ã€Font Awesomeã‚’åˆ©ç”¨ã™ã‚‹ã‚ˆã†ã«ã€ã‚¯ãƒ©ã‚¹ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ç°¡å˜ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Hover.cssã®ä¸»ãªåˆ©ç”¨æ‰‹é †Hover.cssã‚’åˆ©ç”¨ã™ã‚‹ã®ã«å¿…è¦ãªä¸»ãªæ‰‹é †ã¯ã€ä»¥ä¸‹ã®3æ‰‹é †ã§ã™ã€‚ Hover.cssã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ï¼†è¨ç½®Hover.cssã‚’å‘¼ã³å‡ºã™Hover.cssç”¨ã®ã‚¿ã‚°ã‚’è¨˜å…¥ã™ã‚‹åˆ©ç”¨ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ã€hover.cssï¼ˆç¸®å°ç‰ˆã¯hover-min.cssï¼‰ã®1ã¤ã®
shimozun 2016/01/12
web

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

css
ãƒªãƒ³ã‚¯
http://www.smaroomch.net/web-design-dokugaku-site/
shimozun 2015/12/26
Webãƒ‡ã‚¶ã‚¤ãƒ³

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

web
ãƒªãƒ³ã‚¯
æ¼¢ã¯é»™ã£ã¦jQuery
æ¼¢ã¯é»™ã£ã¦jQuery - Download as a PDF or view online for free
shimozun 2015/12/14
Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ãƒ—ãƒª

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
é—‡é›²ã«ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼æ˜ ç”»ã¿ãŸã„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ GUI ã«å®Ÿè£…ã™ã‚‹ã®ã¯ã‚‚ã†ã‚„ã‚ã‚ˆã† - Qiita
ã¯ã˜ã‚ã« æœ¬ç¨¿ã¯ UI Design Advent Calendar 2015 â€“ 9æ—¥ç›®ã® GUI ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®12ã®åŸºæœ¬åŽŸå‰‡ã¨ GUI ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ã® ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®12ã®åŸºæœ¬åŽŸå‰‡/12 basic principles of animation ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã—ã¦ã€è¦ã¯ã“ã®åŽŸå‰‡ã«æ²¿ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ¶ä½œã™ã‚Œã°ã¾ã‚‹ã§ãã‚ŒãŒç”Ÿãã¦ã„ã‚‹ã‹ã®ã‚ˆã†ãªå‹•ãã‚’ã™ã‚‹ã€å¹³ãŸãè¨€ãˆã°ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ã£ã½ã„å‹•ãã«ãªã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚http://the12principles.tumblr.com ãŒã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ã€ã†ã¡ã„ãã¤ã‹ã‚’è»¢è¼‰ã—ã¦ãŠãã¾ã™ã€‚ SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ãƒ“ãƒ‡ã‚ªè§£èª¬ï¼šThe illusion of life ã“ã‚Œã‚‰ã‚’è¦‹ãŸã ã‘ã§ã‚‚ã€ã€Žã‚ãƒ¼ã€ãƒ‡
shimozun 2015/12/10
ã‚ã¨ã§èªã‚€

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

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

UI
ãƒªãƒ³ã‚¯
Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
shimozun 2015/11/26
ãƒ‡ã‚¶ã‚¤ãƒ³

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

it
ãƒªãƒ³ã‚¯
1