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

udy id:udy

cssã«é–¢ã™ã‚‹udyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (276)

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

ã‚¯ã‚½ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæœ€é€Ÿã§ãã‚Œãªã‚Šã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹æ–¹æ³• - UIU
è¶£å‘³ãªã©ã§Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã¨ãã«ã‚‚ã£ã¨ã‚‚æ‚©ã¾ã—ã„ã“ã¨ã®ã²ã¨ã¤ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã ã¨æ€ã†ã€‚å¤–è¦³ã¯é‡è¦ãªè¦ç´ ã ã¨ã¯ç†è§£ã—ã¦ã„ã‚‹ã—èˆˆå‘³ã‚‚ä¸€å¿œã‚ã‚‹ã‘ã‚Œã©ã€å®Ÿè·µã«ä¹ã—ã„ã‹ã‚‰ã©ã†ã—ã¦ã„ã„ã®ã‹ã‚ã‹ã‚‰ãªã„ã€‚ã‹ã¨ã„ã£ã¦ã€ã‚¿ãƒ€ã§é ¼ã‚ã‚‹ã‚ˆã†ãªéƒ½åˆã®ã„ã„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã„ãªã„ã€‚çµå±€ã‚ã‚“ã©ã†ã«ãªã£ã¦ã€Twitter Bootstrapã§ä½“è£ã ã‘ã§ã£ã¡ä¸Šã’ãŸå¦™ã«ã‚ªã‚¿ã‚¯è‡ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã†ã€‚åƒ•ã‚‚ã‹ã¤ã¦ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ°—ã«ã‚‚ç•™ã‚ãªã„ã‚¯ã‚½ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã ã£ãŸã‘ã©ã€å¿…è¦ã«è¿«ã‚‰ã‚Œã¦å‹‰å¼·ã—ãŸã‚‰ãã‚Œãªã‚Šã«æ‰‹ã‚’å‹•ã‹ã›ã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ãã®æ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã€‚åƒ•ãŒä»Šå¹´å…¥ç¤¾ã—ãŸã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãŠã‚‰ãšã€æ–°æ©Ÿèƒ½ã‚’ä½œã‚‹ã¨ããªã©ä»•æ–¹ãªããƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã“ãªã™å¿…è¦ãŒã‚ã£ãŸã€‚çµæžœçš„ã«ã€ä»•æ–¹ãªã„ãªã‚Šã«Photoshopã‚’ä½¿ã£ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ä½œã‚ŠHTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãã‚‰ã„ã¯ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ã“ã“ã«æ›¸ãã®ã¯ä»•æ–¹ãªããã‚Œãªã‚Šã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹æ–¹
udy 2014/10/14
webãƒ‡ã‚¶ã‚¤ãƒ³

design

bootstrap

css

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

css

bootstrap
ãƒªãƒ³ã‚¯
ä»Šã¾ã§ã®å¸¸è˜ã‚’è¦†ã™!?ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‹ã¤è¶…è»½é‡ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ - ECã‚µã‚¤ãƒˆæ§‹ç¯‰é‹å–¶ã«å½¹ç«‹ã¤æƒ…å ±ç™ºä¿¡ï½œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ©ãƒœ
ä»Šã¾ã§ã®å¸¸è˜ã‚’è¦†ã™!?ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‹ã¤è¶…è»½é‡ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 2013.10.18 2020.03.13 ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ cssãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯, Responsive Grid System ã“ã‚“ã«ã¡ã¯ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ‹…å½“ã®å²¡æœ¬ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°ã€ã€ŒTwitter Bootstrapã€ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã€ŒCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãŒæœ‰åã§ã™ãã€‚ ç‰¹ã«ã€ŒTwitter Bootstrapã€ã‚„ã€ŒFoundationã€ã€ŒBourbonã€ãªã©ã¯ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã®UIãƒ‘ãƒ¼ãƒ„ã¾ã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæˆãªã©ã«éžå¸¸ã«é‡å®ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã„ã–å®Ÿéš›ã«ECã‚µã‚¤ãƒˆã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãªã‚‹ã¨ã€ã“ã®ã€ŒUIãƒ‘ãƒ¼ãƒ„ã€ãŒåŽ„ä»‹è€…ã«ãªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã™ã§ã«ä½œæˆã•ã‚ŒãŸãƒ‘ãƒ¼ãƒ„ã‚’çµ„ã¿åˆã‚ã›ã¦ã®æ§‹ç¯‰ãŒå‰æã§ã™ã®ã§ã€ã©ã†ã—ã¦ã‚‚ã€Œã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³
udy 2013/12/27
css

framework

bootstrap
ãƒªãƒ³ã‚¯
ã€é›£ã—ãè€ƒãˆã™ãŽï¼ï¼Ÿã€‘bootstrapè‡ã®ã—ãªã„ãŠæ´’è½ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹
ã€ŒResponsive Web Design JPã€ã‚’é‹å–¶ã•ã‚Œã¦ã„ã‚‹A40ã•ã‚“ã®ã¾ã¨ã‚è¨˜äº‹ã“ã“ã¾ã§ã§ãã‚‹ï¼Bootstrapã§ä½œã‚‰ã‚ŒãŸå›½å†…ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã¾ã¨ã‚20å€‹ãŒä»Šæ—¥ã®Gunosyã§å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã—ãŸãŒã€twitter Bootstrapã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®äº‹ä¾‹ãŒå›½å†…ã§ã‚‚ã‹ãªã‚Šå¢—ãˆã¦ãã¾ã—ãŸã€‚ å½“ç¤¾ã§åˆ¶ä½œã—ãŸåŒ–ç²§å“ãƒ–ãƒ©ãƒ³ãƒ‰ã€€ãƒªãƒœãƒ¼ãƒ† -Re:beaute-æ§˜ã®ã‚µã‚¤ãƒˆã‚‚ã‚ã‚ŠãŒãŸã„ã“ã¨ã«ã€ã“ã®ã¾ã¨ã‚è¨˜äº‹ã«å–ã‚Šä¸Šã’ã¦é ‚ã„ã¦ã„ã¾ã™ã€‚ ã„ã‚ã„ã‚ãªãƒ¡ãƒ‡ã‚£ã‚¢ã«å–ã‚Šä¸Šã’ã¦ã„ãŸã ãä¸ã§ã®ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¨ã—ã¦ã€ã€Œtwitter bootstrapãŒãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¾¿åˆ©ãªã®ã¯ã‚ã‹ã£ã¦ã„ã‚‹ã‘ã©ã€ã©ã†ã‚„ã£ãŸã‚‰bootstrapã£ã½ããªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã§ãã‚‹ã®ã‹ã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†å£°ã‚’ã‚ˆãèžãã¾ã™ã€‚ åƒ•ã‚‚æœ€åˆã¯ãã†æ€ã£ã¦ã„ã¾ã—ãŸã€‚ ä¸€å›žè§¦ã£ã¦ã—ã¾ãˆã°ã€
udy 2013/12/27
css

bootstrap

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CODEPREP
CODEPREPã¯ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚1æ—¥10åˆ†ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãã“ã¨ã§ã€Œæ¯Žæ—¥ã“ã¤ã“ã¤ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãç¿’æ…£ã€ã¨ã€Œä½œã£ãŸã‚‚ã®ã‚’å‹•ã‹ã™ä½“é¨“ã€ã‚’æä¾›ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®ã€Œç¶™ç¶šã€ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãã¾ã™ã€‚ãã†ã—ã¦ã€ä¸€äººã§ã‚‚å¤šãã®ãƒ¦ãƒ¼ã‚¶ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æ¥½ã—ã•ã‚’æ„Ÿã˜ã¦ã‚‚ã‚‰ã†ã“ã¨ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã¾ã„ã‚Šã¾ã™ã€‚
udy 2013/09/15
programming

study

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

javascript

html

css
ãƒªãƒ³ã‚¯
Twitter Bootstrapã§ã•ãã•ãWebé–‹ç™º : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
æ–°å¹´åº¦ã§ã™ï¼ æ–°å…¥å¦ã€æ–°å…¥ç¤¾ã‚’è¿Žãˆã‚‹ã¿ãªã•ã‚“ã€ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¿ãªã•ã‚“ãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã¨ãã€ä¸€ç•ªæ‚©ã‚€ã®ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚«ãƒƒã‚³ã‚ˆãã£ã¦çµ±ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã»ã—ã„ï¼ã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãªã„ã—â€¦å®Ÿã¯ç§ã‚‚ãã†ã§ã—ãŸã€‚ ã§ã™ãŒã€2æœˆã«ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸTwitter Bootstrapã‚’ä½¿ã†ã¨ã€ç°¡å˜ã«ã‚«ãƒƒã‚³ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œã¾ã™ï¼ Twitter Bootstrapã¨ã¯ãªã«ã‹ Twitter Bootstrap CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Webä¸Šã«ä½¿ã£ã¦ã¿ãŸï¼ã‚¹ã‚²ãƒ¼ï¼ç‰ã€ãŸãã•ã‚“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå˜åœ¨ã—ã¦ã„ã¾ã™ãŒã€ä¸ã«ã¯2æœˆä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³(v1.4)ã«ã¤ã„ã¦è¨€åŠã—ã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã®ã§ã€2ç³»ã‚’ä½¿ã†æ–¹ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é•ã„ã«æ°—ã‚’ã¤ã‘ã¦ä¸‹ã•ã„ï¼ˆã‚¯ãƒ©ã‚¹åãªã©çµæ§‹ã‚¬ãƒ©ã£ã¨å¤‰ã‚ã£ã¦ã„ã¾ã™ï¼‰ã€‚ ä»Šå›žã”èª¬æ˜Žã—ã¦ã„ã‚‹ã®ã¯ã€Twitter Bootstrap 2ã«
udy 2012/04/10
bootstrap

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[WordPress] è‡ªä½œãƒ¢ãƒã‚¤ãƒ«ãƒ†ãƒ¼ãƒžã‚’ä½œæˆã—ã¾ã—ãŸ & å½¹ç«‹ã¡æƒ…å ±ãƒ»ã‚³ãƒ„ã‚’ãŠæ•™ãˆã—ã¾ã™ * ãƒ©ã‚¯ã‚¤ã‚·ãƒã‚¯
å…ˆæ—¥ã€è‡ªä½œãƒ–ãƒã‚°ãƒ†ãƒ¼ãƒžã‚’ä½œæˆã—ãŸã®ã§ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ†ãƒ¼ãƒžã‚‚ã‚ã‚ã›ã¦ä½œã‚Šã¾ã—ãŸã€‚ã‚·ãƒ³ãƒ—ãƒ«ãƒ»ã‚¤ã‚ºãƒ»ãƒ™ã‚¿ãƒ¼ï¼ ãƒ¢ãƒã‚¤ãƒ«ãƒ†ãƒ¼ãƒžä½œæˆåˆå¿ƒè€…ã§ã™ãŒã€ä½œã‚‹éš›ã«ã„ã‚ã„ã‚ã¨èª¿ã¹ãŸã‚Šã€ã‚³ãƒ„ã®ã‚ˆã†ãªã‚‚ã®ã‚‚å¦ã‚“ã ã®ã§ã€ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ãŒå½¹ã«ç«‹ã£ãŸã‚Šã€ãã£ã‹ã‘ã‚’ä¸Žãˆã‚‰ã‚ŒãŸã‚‰ãªã‚ã¨æ€ã„ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ†ãƒ¼ãƒžã«ã‚¹ã‚¤ãƒƒãƒã•ã›ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ WPtap Mobile Detector ã¨ã„ã†ã®ã‚’ä½¿ã„ã¾ã—ãŸã€‚@nori510 ã•ã‚“ãŒè©³ã—ãèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã™ã€‚ å‚è€ƒï¼šWPtouchã‚’å’æ¥!!iPhoneã«æœ€é©åŒ–ã•ã‚ŒãŸãƒ†ãƒ¼ãƒžã¨ç°¡å˜ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ãªã©[wordpress] | nori510.com ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è¡¨ç¤ºã®ç¢ºèªæ–¹æ³• iPhone ã§è¡¨ç¤ºã‚’ç¢ºèªã™ã‚‹éš›ã¯ã€Safari ã®é–‹ç™ºãƒ¢ãƒ¼ãƒ‰ã§è¦‹ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ å‚è€ƒï¼šiPhoneã€iPadã§ã©ã®ã‚ˆã†ã«Webãƒšãƒ¼ã‚¸ãƒ»ãƒ–ãƒã‚°ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’ç¢ºèªã™ã‚‹æ–¹æ³• | OZPAã®è¡¨4 ã—
udy 2012/03/16
wordpress

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS Frameworkã‚’æŒã¤ - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜
ä¾‹ãˆã°ã€Webã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãå§‹ã‚ã‚‹æ™‚ã«ã¾ãšä½•ã‚’ã™ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚±ãƒƒãƒã‚„ç”»åƒã‚’å…ƒã«HTMLã¨CSSã‚’è¨˜è¿°ã—ã¦ã„ãã“ã¨ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ å°‘ãªãã¨ã‚‚åƒ•ã¯ãã†ã§ã™ãã€‚ ç†è«–çš„ã«ã¯HTMLã ã‘ã§ã‚‚Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ã“ã¨ã¯ã‚‚ã¡ã‚ã‚“ã§ãã¾ã™ãŒã€ è¦‹ãŸç›®ã‚’å°‘ã—ã§ã‚‚èª¿æ•´ã—ãŸã„ã¨ãªã‚‹ã¨CSSãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°CSSã‚’ä½¿ã‚ãªã„HTMLã®å ´åˆã€ã„ãã‚‰å˜ç´”ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã¨ã—ã¦ã‚‚ã€ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒªãƒ³ã‚¯ã®è‰²ã‚’å¤‰ãˆãŸã‹ã£ãŸã‚Šã€ãƒ•ã‚©ãƒ³ãƒˆã‚’å¤‰æ›´ã—ãŸã‹ã£ãŸã‚Šã€ è¦ç´ ã”ã¨ã®ä½™ç™½ã‚’ã©ã†ã«ã‹ã—ã‹ã£ãŸã‚Šã¨æœ€ä½Žé™ã®è¦æœ›ãŒå‡ºã¦ãã¾ã™ã€‚ ã“ã†ã—ãŸæœ€ä½Žé™ã®CSSã«å¯¾ã™ã‚‹ãƒ‹ãƒ¼ã‚ºã¯å…±é€šåŒ–ã—ã¦è‡ªåˆ†ãªã‚Šã®CSS Frameworkã¨ã—ã¦æŒã£ã¦ãŠãã¨ã‚ˆã„ã¨æ€ã„ã¾ã™ã€‚ è¿‘é ƒã€ä¸€ã‹ã‚‰CSSã‚’è¨˜è¿°ã—ãªããªã£ãŸã®ã‚‚ã“ã†ã—ãŸè€ƒãˆæ–¹ã®ãŠã‹ã’ã§ã™ã€‚ ä»ŠWebä¸Šã§é…å¸ƒã•ã‚Œã¦åˆ©ç”¨å¯èƒ½ãªCSS FramworkãŒéžå¸¸ã«å¢—ãˆã¦
udy 2012/03/05
css

framework

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Bootstrapã‚’ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒ„ãƒ¼ãƒ«ã‚„ãƒªã‚½ãƒ¼ã‚¹ã®ã¾ã¨ã‚
Twitter Bootstrapã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã€jQuery UI, jQuery Mobileã§ä½¿ã£ãŸã‚Šã€Photoshopã‚„Fireworkã®ç´ æã¨ã—ã¦åˆ©ç”¨ã—ãŸã‚Šã€WordPressã®ãƒ†ãƒ¼ãƒžãªã©ã€ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’Web Resources Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€Twitter Bootstrapã‹ã‚‰ã€‚
udy 2012/03/05
bootstrap

wordpress

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”è¼ƒ - (DxD)âˆž
CSSã‚’æ‹¡å¼µã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã¨ã—ã¦ã€ä»£è¡¨çš„ãªã‚‚ã®ã«ã€ŒSCSS(Sass)ã€ã¨ã€ŒLESSã€ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã€å°Žå…¥ã‚’æ¤œè¨Žã™ã‚‹ã«ã‚ãŸã‚Šã€ä¸¡è€…ã‚’æ¯”è¼ƒã—ã¾ã—ãŸã€‚ çµæžœçš„ã«ã¯ã€ã€ŒSCSS(Sass)ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸãŒã€ç‰¹ã«ã€ŒSCSS(Sass)ã€ã‚’é¸æŠžã™ã‚‹æ±ºã‚æ‰‹ã¨ãªã£ãŸç‚¹ã«é‡ç‚¹ã‚’ç½®ãã¤ã¤ã€ä¸¡è€…ã®é•ã„ã‚’ã¾ã¨ã‚ã¾ã¦ã¿ã¾ã—ãŸã€‚ ã¯ã˜ã‚ã« Webã‚µã‚¤ãƒˆã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤§è¦æ¨¡ã«ãªã‚‹ã«ã¤ã‚Œã¦ã€CSSã®è¨è¨ˆãƒ»ç®¡ç†ã«ã‚‚ãƒªã‚½ãƒ¼ã‚¹ã‚’å‰²ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚CSSã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã«ã‚ˆã‚‹å†åˆ©ç”¨æ€§ã‚’è€ƒãˆãŸã¨ãã€ç¾çŠ¶ã®CSSã‚’å–ã‚Šå·»ãçŠ¶æ³ã¯ååˆ†ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ ä¸€ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦ã‚ãŒã‚‹ã®ãŒã€ŒBlueprintã€ã‚„ã€Œ960 Glid Systemã€ç‰ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®åˆ©ç”¨ã§ã™ãŒã€ãã®å†åˆ©ç”¨æ€§ã¨æ§‹é€ ãƒ»è¡¨ç¾ã®åˆ†é›¢åº¦ã¯ãƒˆãƒ¬ãƒ¼ãƒ‰ã‚ªãƒ•ã§ã™ã€‚ ãã“ã§ã€CSSã®åˆ©ç‚¹ã‚’æ´»ã‹ã—ã¤ã¤ã€å†åˆ©ç”¨æ€§ã‚’é«˜ã‚ã‚‹ãŸã‚ã«
udy 2012/02/29
less

sass

css

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã®è¨˜è¿°ãŒ3å€é€Ÿããªã‚‹ã€ŒLESSã€ã®ä½¿ã„æ–¹ (1/2)
2012å¹´02æœˆ09æ—¥ã€€13æ™‚58åˆ†æ›´æ–° æ–‡â—æ–‰è—¤ç¥ä¹Ÿï¼<a href="http://css.studiomohawk.com/">CSS Radar</a> æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã¯å¤§è¦æ¨¡å‚¾å‘ã«ã‚ã‚Šã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹æ©Ÿä¼šã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚jQueryã‚„MooToolsãªã©ã€JavaScriptã‚’æ‰‹è»½ã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ãŒæ™®åŠã™ã‚‹ä¸€æ–¹ã€Webã‚µã‚¤ãƒˆã®è¡¨ç¤ºã‚’æ‹…ã†CSSã«ã‚‚ã€ã€ŒBlueprintã€ã‚„ã€Œ960 Grid Systemã€ã«ä»£è¡¨ã•ã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç™»å ´ã—ã¦ã„ã¾ã™ã€‚ ã€ŒLESSã€ã‚„ã€ŒSassã€ã®ã‚ˆã†ãªCSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã¯ã€ã“ã†ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚Šã€CSSã®è¨€èªžè‡ªä½“ã‚’æ‹¡å¼µã—ã€CSSã«ã¯å˜åœ¨ã—ãªã„æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã‚‚ã®ã§ã™ã€‚CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€å¤‰æ•°ã€ãƒŸãƒƒã‚¯ã‚¹ã‚¤ãƒ³ã€å…¥ã‚Œåãƒ«ãƒ¼ãƒ«ã€åå‰ç©ºé–“ã€å››å‰‡æ¼”ç®—ã€é–¢æ•°ãªã©ã®å‹•çš„ãªå‡¦ç†ã‚’CSSã«è¿½åŠ ã§ãã€CS
udy 2012/02/29
less

sass

javascript

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Bootstrapã‚’ä½¿ã£ã¦ã„ã‚‹ã¨æ€ã‚ã›ãªã„ãƒ†ãƒ¼ãƒžã‚’ä½œæˆÂ·Bootswatch MOONGIFT
Bootswatchã¯Twitterã®Bootstrapãƒ†ãƒ¼ãƒžã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§ã™ã€‚ Bootswatchã¯Twitterã®é–‹ç™ºã—ãŸBootstrapã‚’LESSã«ã—ã€ãã‚Œã‚‰ã‚’å®¹æ˜“ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚ˆã†ã«ã—ãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ãƒ†ãƒ¼ãƒžã®ã‚ˆã†ã«è‰²åˆã„ã‚’å¤‰ãˆã¦æ§˜ã€…ãªWebã‚µã‚¤ãƒˆã«é©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ Bootswatchã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã€‚ã“ã‚Œã‚‚ã¾ãŸBootstrapã§ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ä½œæˆã•ã‚ŒãŸãƒ†ãƒ¼ãƒžã®ä¸€ã¤ã€Slateã€‚ Ceruleanã€‚ Cyborgã€‚ Journalã€‚ Simplexã€‚ Spacelabã€‚ 2éšŽå±¤ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã£ã¦ã„ã¾ã™ã€‚ Unitedã€‚ Bootswatchã®æ‰‹é †ã¨ã—ã¦ã¯ã€Bootstrapã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦è¨ç½®ã—ã¾ã™ã€‚æ¬¡ã«variables.lessã¨bootswatch.lessã‚’ä¿®æ£ã—ã¾ã™ã€‚ã‚‚ã—LESSãŒãªã„å ´åˆã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ä¿®æ£ãŒçµ‚ã‚ã£ãŸã‚‰mak
udy 2012/02/29
webãƒ‡ã‚¶ã‚¤ãƒ³

css

bootstrap

less
ãƒªãƒ³ã‚¯
æœ€å¼·ã®JavaScript IDE ã€ŒWebStormã€ã‚’ä½¿ã£ã¦ã¿ãŸ
JavaScriptå¯¾å¿œã®IDEã‚’ã¾ã¨ã‚ã¦ã¿ãŸã®ç¶šãã®ã‚ˆã†ãªã‚‚ã®ã§ã€ãã®ä¸ã§ç´¹ä»‹ã—ã¦ã„ãŸWebStormãŒç´ æ™´ã‚‰ã—ã„ã®ã§åˆ¥é€”ç´¹ä»‹ã€‚ WebStormã¯HTML(5)+CSS+JavaScriptã«å¯¾å¿œã—ã¦ã‚‹IDEã§ã€Windows, Mac OSã€Linuxä¸Šã§å‹•ä½œã—ã¾ã™ã€‚ æœ‰æ–™ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ãŒã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒã‚ã£ãŸã‚Šä½“é¨“ç‰ˆã¯45æ—¥é–“ä½¿ãˆã‚‹ã®ã§ã¨ã‚Šã‚ãˆãšè©¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã®è¨˜äº‹ã®ç¶šç·¨(ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆç‰ˆ)ã‚’æ›¸ãã¾ã—ãŸ ç‰¹å¾´ ã¨ã«ã‹ãè†¨å¤§ãªæ©Ÿèƒ½ãŒè¼‰ã£ã¦ã‚‹ã®ã§å…¨ã¦ã‚’ç´¹ä»‹ã™ã‚‹ã®ã¯ç„¡ç†ãŒã‚ã‚‹ãŸã‚ã€å‡„ã„ã¨æ€ã£ãŸã¨ã“ã‚ã‚’æŽ»ã„æ‘˜ã‚“ã§ç´¹ä»‹ã€‚ ä¸»ã«JavaScriptã‚’æ›¸ãã‚¨ãƒ‡ã‚£ã‚¿ã¨ã—ã¦ä½¿ã£ã¦ã„ã¾ã™ãŒã€CSSã‚„HTMLã‚‚æ™®é€šã®IDEã‚ˆã‚Šæ›¸ãã‚„ã™ã„ã§ã™ã€‚ åŸºæœ¬çš„ã«WebStormã§æ—¥æœ¬èªžã«é–¢ã™ã‚‹å•é¡Œã¯å°‘ãªã‚ã§ã™ã€‚ä¸€éƒ¨IMEã®å¤‰æ›å€™è£œãŒå‡ºã¦ãã‚‹å ´æ‰€ãŒãšã‚ŒãŸã‚Šã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§æ—¥æœ¬èªžãŒãƒ€ãƒ¡ã ã£ãŸã‚Šã™ã‚‹
udy 2012/02/22
javascript

ide

css

html

programming

development
ãƒªãƒ³ã‚¯
ã‚¤ãƒžãƒ‰ã‚ã®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ã‚’ä½œæˆã§ã
udy 2012/02/22
html

css

editor

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã—ã¦ãã¦ã€Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚ä¸€ç·’ã«åˆ¶ä½œã—ã¦ã„ã‚‹æ–¹ã‚‚å¤šããªã£ã¦ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç§ã‚‚ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã€ã ã‚“ã ã‚“Evernoteã«ä¿å˜ã—ã¦ã„ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã®å°æŠ€ãŒãŸã¾ã£ã¦ããŸã®ã§ã€iPhoneã§ä½¿ãˆã‚‹å°æŠ€ã‚’ä¸å¿ƒã«ã¾ã¨ã‚ã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚ã‚ã›ã¦ã”è¦§ä¸‹ã•ã„ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨å°æŠ€é›†ã€€ç›®æ¬¡ã„ãã¤ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚ä½œã£ãŸã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã€ã‚‚ã—ãã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ iPhone ãªã©ã«åˆ‡ã‚Šæ›¿ãˆã¦ã”è¦§ãã ã•ã„ï¼ æ¨ªå¹…ã‚’ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ã‚ã‚ã›ã‚‹æ–‡å—ã‚µã‚¤ã‚ºã®è‡ªå‹•èª¿æ•´ã‚’ã‚ªãƒ•ãƒªã‚¹ãƒˆã®ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ç¯„å›²ã‚’åºƒã’ã‚‹ç”»é¢ã®å¹…ã«ã‚ã‚ã›ã¦ CSS ã‚’å¤‰ãˆã‚‹ãƒªãƒ³ã‚¯ãƒ†ã‚ã‚¹ãƒˆã®ã‚ã‚‹ Div å…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ï¼ˆã‚¿ãƒƒãƒ—
udy 2012/02/22
iphone

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

html

css

tips

ã¾ã¨ã‚

smartphone
ãƒªãƒ³ã‚¯
Facebookã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Facebook Style CSS JQuery drop down menus Swadesh's Programming Blog Facebookã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« Facebookã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã‚„ã£ã±ã‚Šç´ æ™´ã‚‰ã—ã„ã¨æ€ã†ä»Šæ—¥ã“ã®é ƒã§ã™ãŒã€facebookã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ä¾‹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã©ã¡ã‚‰ã‹ã£ã¦ã„ã†ã¨CSSã‚ˆã‚Šãªã‚“ã§ã—ã‚‡ã†ã‹ã€‚ã¨ã‚Šã‚ãˆãšã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã®ã¾ã¾ä½¿ã†ã“ã¨ã‚‚ã§ãã‚‹ã®ã§ãã‚Œã£ã½ã„ã‚‚ã®ã‚’å®Ÿè£…ã—ãŸã„å ´åˆã«ã¯ä½¿ãˆãã†ã§ã™ ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ç«‹ä½“æ„ŸãŒã†ã¾ãå‡ºã›ã¦ã„ã¦ã‚¢ãƒ—ãƒªã£ã½ã„ã®ãŒã„ã„ã§ã™ã‚ˆãã€‚ ä»Šä¸–ç•Œã§ä¸€ç•ªä¼¸ã³ã¦ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’çœŸä¼¼ã¦ã¿ã‚‹ã“ã¨ã¯ã„ã„ã“ã¨ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Facebookã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãªPhotoshopãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ faviconã‚’æ›¸ãæ›ãˆã¦fa
udy 2012/02/22
javascript

jQuery

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
udy 2012/02/17
smartphone

iphone

css

html5
ãƒªãƒ³ã‚¯
2011å¹´ç·ã¾ã¨ã‚ï¼šã‚¦ã‚§ãƒ–åˆ¶ä½œã«å½¹ç«‹ã¤ã‚¨ãƒ³ãƒˆãƒªãƒ¼Best 20
2011å¹´ã€å½“ã‚µã‚¤ãƒˆã§ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒå¤šã‹ã£ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼Best 20+Î±ã®ç´¹ä»‹ã§ã™ã€‚ ä»Šå¹´ã¯ã€HTML5ã€CSS3ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã®3ã¤ãŒç›®ç«‹ã£ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚æ¥å¹´ã‚‚ã“ã®æµã‚Œã¯å¤‰ã‚ã‚‰ãªã„æ„Ÿã˜ã§ã™ã‹ãã€‚ ã‚³ãƒªã‚¹ [ad#ad-2] å½“ã‚µã‚¤ãƒˆã®è³¼èªã¯ã€RSS Feedã‚’ã”åˆ©ç”¨ã™ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ ã‚³ãƒªã‚¹ã®RSS Feed ã¾ãŸã€Twitterã§ã¯ã“ã“ã«æŽ²è¼‰ã—ã¦ã„ãªã„ã‚¦ã‚§ãƒ–é–¢é€£ã®è©±é¡Œã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚‚ã®ã€é¢ç™½ã„ã‚‚ã®ã‚’æ•°å¤šãç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ Twitter@colisscom [ad#ad-2] 2011å¹´ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãŒå¤šã‹ã£ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ æ¼¢å—ã‚‚æƒã£ã¦ã‚‹ã€æ—¥æœ¬èªžã®ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆã®ã¾ã¨ã‚ -2011å¹´ç‰ˆ ç¾Žã—ã„æ—¥æœ¬èªžã‚’ä½¿ã„ãŸã„ã€ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ä¸Šã®ãƒ“ã‚¸ãƒã‚¹ãƒ¡ãƒ¼ãƒ«ã®ä½œæ³• å…¨653ç¨®ã€å•†ç”¨åˆ©ç”¨ç„¡æ–™ã€å†é…å¸ƒå¯èƒ½ãªå¤ªã£è…¹ã®ãƒ•ãƒªãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ -Default Icon ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã®é‹å–¶ã§ã‚ˆãä½¿ã„ãã†ãª.hta
udy 2012/01/22
Webãƒ‡ã‚¶ã‚¤ãƒ³

html

css

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã€Sassã‚’è¦šãˆã‚ˆã†ï¼Vol.1ã€‘ã¯ã˜ã‚ã«
è¬¹è³€æ–°å¹´ã€‚ æ›´æ–°çŽ‡ãŒè½ã¡ã¦ä¹…ã—ã„å½“ãƒ–ãƒã‚°ã§ã™ãŒã€ç´°ã€…ã¨ã¾ã æ›¸ã„ã¦ã„ã‘ã‚Œã°ã¨æ€ã£ã¦ã„ã¾ã™ã®ã§ã€æœ¬å¹´ã‚‚ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ã•ã¦ã€Sass ã¨ã‹ LESS ã£ã¦èžã„ãŸã“ã¨æœ‰ã‚Šã¾ã™ï¼Ÿ ãªã‚“ã‹ã€CSSã‚’ã‚¯ãƒ¼ãƒ«ã«æ›¸ã‘ã‚‹ã¨ã‹ã™ã’ãƒ¼ã£ã¦å«ã‚“ã§ã‚‹äººãŒã„ã‚‹æ„Ÿã˜ã®ã‚¢ãƒ¬ã§ã™ã€‚ ãƒœã‚¯ã‚‚ã€2010å¹´ã®çµ‚ã‚ã‚Šé ƒã«@hamashun ã•ã‚“ã«ã”å”åŠ›é ‚ã„ã¦Rubyã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’ã—ãŸã‚Šã—ã¦ã€Sassã‚’ã¡ã‚‡ã“ã£ã¨è©¦ã—ã¦ã¾ã—ãŸã€‚ ãªã®ã«ãã®ç›´å¾Œãã‚‰ã„ã«PCãŒãŠäº¡ããªã‚Šã«ãªã£ãŸã‚Šã—ãŸã®ã‚‚æœ‰ã‚Šã€å¾©æ—§ã«å¿…æ»ã ã£ãŸã‚Šä»•äº‹ãŒå¿™ã—ããªã‚Šï¼ˆè¨€ã„è¨³ï¼‰ãã®ã¾ã¾ç‰¹ã«éŸ³æ²™æ±°ç„¡ãéŽã”ã—ã¦ã„ãŸã®ã§ã™ãŒã€æœ€è¿‘ã«ãªã£ã¦ã‚„ã£ã¨è¦šãˆã¦ããŸã®ã§ã€CSSãƒ“ã‚®ãƒŠãƒ¼å‘ã‘ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¿ãŸã„ãªãƒŽãƒªã§ã“ã‚Œã‹ã‚‰å§‹ã‚ã‚‹äººå‘ã‘ã«æ›¸ã‘ã‚Œã°ã¨æ€ã£ã¦ã¾ã™ã€‚ Sassã«é–¢ã—ã¦ã¯ æ—¥æœ¬åˆã® Sass ã‚¨ãƒ´ã‚¡ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã§ã‚ã‚‹ @kotarok ã•ã‚“ãŒéšåˆ†å‰ã‹ã‚‰ã‚ªã‚¹ã‚¹ãƒ¡ã—ã¦ãŸã‚Šã€æœ€è¿‘ã§ã¯Le
udy 2012/01/21
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å€‹äººçš„ã«ä½¿ã„ãã†ãªPHPã€CSSã€HTMLç‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯17å€‹ - ã‹ã¡ã³ã¨.net
å€‹äººçš„ãªãƒ¡ãƒ¢ã§ã™ã€‚ä»Šã¾ã§ã‚ã¾ã‚Šä½¿ã£ã¦ ã„ãªã‹ã£ãŸã®ã§å°‘ã—ä½¿ã£ã¦ã„ã“ã†ã¨æ€ã„ã€ ã„ãã¤ã‹è‡ªåˆ†ã§ã‚‚ä½¿ãˆãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŽ¢ã—ã¾ã—ãŸã€‚è¡¨é¡Œã®é€šã‚Šã€PHPã€ CSSã€HTMLã‚„JSç‰ã—ã‹åƒ•ã¯èƒ½åŠ›ãŒ ç„¡ã„ã®ã§ã“ã®è¾ºã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã® ã¾ã¨ã‚ã«ãªã‚Šã¾ã™ã€‚ ä½¿ã„ã‚„ã™ãã†ã€ä½¿ã„ã«ããã†ã¨ã„ã†ã®ã¯å€‹äººå·®ãŒå‡ºãã†ã ãªãã¨è§¦ã£ã¦ã¿ã¦æ€ã£ãŸã®ã§ã™ãŒã€ãã‚Œãžã‚Œè‰¯ã—æ‚ªã—ãªæ„Ÿã˜ã‚‚ã—ãŸã®ã§ã¨ã‚Šã‚ãˆãšæ°—ã«ãªã£ãŸã‚‚ã®ã ã‘ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ãŠãã‚‰ãæœ‰åæ‰€ã°ã‹ã‚Šã ã¨æ€ã„ã¾ã™ãŒå€‹äººçš„ãªãƒ¡ãƒ¢ãªã®ã§ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ é †ä¸åŒã§ã™ã€‚ Blueprint CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ãªè¨è¨ˆãªãŒã‚‰ç´ æ•µãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã¾ã‚Œã¦ã„ã‚‹å°è±¡ã§ã—ãŸã€‚ Blueprint Sass ã¾ã è§¦ã£ã¦ã„ã¾ã›ã‚“ãŒã€å¥½è©•ã£ã½ã„ã®ã§ãƒ¡ãƒ¢ã€‚Railsã¿ãŸã„ã§ã™ãŒã€CSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿çš„ãªä½¿ã„æ–¹ã‚‚ã‚ã‚‹ã¨ã®äº‹ã§ã‹ãªã‚Šæ°—ã«ãªã‚‹å˜åœ¨ã€‚Compassã¨ã„ã†ã®ã‚’ä¸€ç·’ã«ä½¿ã†ã®
udy 2010/07/21
css

html

php

framework
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸