[B! ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–] ahiru_zã®ãƒ

ahiru_z id:ahiru_z

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«é–¢ã™ã‚‹ahiru_zã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

Responsive Design Testing
Responsive Web Design Testing Tool This tool has been built to help with testing your responsive websites while you design and build them. You can enter your website's URL into the address bar at the top of this page (not your browser's address bar) to test a specific page. Unfortunately, with the way browser security works, you are unable to navigate your site through the frames that your website
ahiru_z 2014/02/12
è¡¨ç¤ºç¢ºèªã®ã¨ãã«ä¾¿åˆ©

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ã€ŒAdobe Edge Reflowã€ã®ä½¿ã„æ–¹
ã“ã®ã‚ˆã†ã«@mediaã‚’ä½¿ç”¨ã—ã¦å‡ºåŠ›å…ˆã‚„è§£åƒåº¦ã€ã‚µã‚¤ã‚ºãªã©ã§æ¡ä»¶åˆ†å²ã‚’ã—ã¦ã„ãã€å¿…è¦ã®ãªã„è¦ç´ ã‚’éžè¡¨ç¤ºã«ã—ãŸã‚Šã—ã¦ã€è¦‹æ „ãˆã‚’åˆ‡ã‚Šåˆ†ã‘ã¦è£½ä½œã—ã¦ã„ãã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆ å‰è¿°ã®ã¨ãŠã‚Šã€RWDã§ã¯åŒã˜CSSãƒ•ã‚¡ã‚¤ãƒ«ã§å„ãƒ‡ãƒã‚¤ã‚¹ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å…±æœ‰ã—ã¾ã™ã€‚ãã®ãŸã‚ã€å…±æœ‰ã—ã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«å¤‰æ›´ã®å½±éŸ¿ã‚’å—ã‘ã‚„ã™ãã€åˆ¶ä½œã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ãƒ¢ãƒã‚¤ãƒ«ã§åˆ†æ‹…ã—ã¦ã„ã‚‹å ´åˆãªã©ã¯ç´°ã‹ã„ãƒ¬ã‚®ãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æœ€åˆã«æ±ºã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã¨ã¯ã„ãˆã€ãƒ¢ãƒã‚¤ãƒ«ã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚’HTMLã‹ã‚‰åˆ‡ã‚Šåˆ†ã‘ãŸå ´åˆã€å®Œæˆå¾Œã®æ›´æ–°ã®æ‰‹é–“ã‚‚äºŒé‡ã«ã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚CSSã§åˆ†å²ã—ã¦å¿…è¦ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã¿ä¸Šæ›¸ãã—ã¦ãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©åŒ–ã™ã‚‹ã ã‘ã§åŒã˜ç´ æã‚’å…±æœ‰ã§ãã‚‹ã“ã¨ã¯ã€ã‚µã‚¤ãƒˆé‹å–¶è€…ã«ã¨ã£ã¦éžå¸¸ã«é…åŠ›çš„ã§ã™ã€‚ RWDã®ãƒ¡ãƒªãƒƒãƒˆ ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«åˆ‡ã‚Šåˆ†ã‘ãš1ã¤ã®HTMLãƒ•ã‚¡ã‚¤ãƒ«ã§ç®¡ç†å¯èƒ½ ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å…±æœ‰ã—ã¦ãƒ†ã‚¤ã‚¹ãƒˆã®çµ±ä¸€æ€§
ahiru_z 2013/03/27
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

css
ãƒªãƒ³ã‚¯
å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§å®Ÿç¾ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆå¾Œç·¨ï¼‰ | ADC - Adobe Developer Connection
Dreamweaver CS6 ã§ã¯ã€ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©æ§˜ã€…ãªç”»é¢ã‚µã‚¤ã‚ºã«é©ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ã€Œå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ©Ÿèƒ½ã¯ã€ã€Œãƒ¬ã‚¹ ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã‚ã‚Œã‚‹ã€CSS3ã® Media Queries ã‚’ä½¿ç”¨ã—ã¦ãƒ¯ãƒ³ã‚½ãƒ¼ã‚¹ã§ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã•ã›ã‚‹æŒ¯ã‚Šåˆ†ã‘æ–¹æ³•ã‚’å®¹æ˜“ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ã§ã™ã€‚ å‰ç·¨ã§ã¯ã€ã“ã®ã€Œå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¦ã€å®Ÿéš›ã«3ã¤ã®ãƒ‡ãƒã‚¤ã‚¹ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¯å¤‰ã™ã‚‹å¤§æž ã®HTMLã¾ã§ã‚’æº–å‚™ã—ã¾ã—ãŸã€‚ å¾Œç·¨ã§ã¯ã€ä»¥ä¸‹ã®æ§˜ãªä½œä¾‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å…ƒã«ã—ã¦ã€å®Ÿéš›ã®ç´°ã‹ã„éƒ¨åˆ†ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ã‚ãŸã£ã¦ã®Tipsã‚„æ³¨æ„ç‚¹ã‚’ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ â€»ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã¯æœ¬è¨˜äº‹ç”¨ã«ä½œæˆã—ãŸæž¶ç©ºã®ã‚µã‚¤ãƒˆã§ã‚ã‚Šã€å…¬å¼ã®ãƒšãƒ¼ã‚¸ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ¢ãƒã‚¤ãƒ«â†’ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆâ†’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ã„ã†CSSã®ç¶™æ‰¿é †åºã¨ Media Queries ã¾ãšã€å‰ç·¨
ahiru_z 2013/03/27
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
Responsive Web Design JPï¼ˆæ—¥æœ¬å›½å†…ã®ç§€é€¸ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆï¼‰
æ—¥æœ¬å›½å†…ã®ç§€é€¸ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚
ahiru_z 2013/03/27
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼
ãƒªãƒ³ã‚¯
Responsive Cat
I'm responsive.
ahiru_z 2012/11/13
ã‹ã‚ã„ã„///

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
hicksdesign
From our studio in Oxfordshire we have worked for a wide variety of lovely clients. You may recognise our identity work on logos for Firefox, Mailchimp and Shopify, as well as emoticons for Skype. Read more about our services or contact us for help with your next project!
ahiru_z 2012/11/07
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
æ–‡ç³»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚å¤§ä¸ˆå¤«ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBã‚µã‚¤ãƒˆã‚’WordPressã§ä½œã£ã¦ã¿ã‚ˆã†
1. æ–‡ç³»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚å¤§ä¸ˆå¤«ï¼ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webã‚µã‚¤ãƒˆã‚’â€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒã§ä½œã£ã¦ã¿ã‚ˆã† November 3,2012 WordCamp Osaka é¡è³€ é †å 12å¹´11æœˆ3æ—¥åœŸæ›œæ—¥ 3. è‡ªå·±ç´¹ä»‹ é¡è³€ é †å | ãƒŒã‚«ã‚¬ã‚¸ãƒ¥ãƒ³ã‚³ ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®Webãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€‚ ã¤ã¾ã‚Šï¼‘äººã§å¤§æ¦‚ã®äº‹ã¯ã‚„ã£ã¡ã‚ƒã†äººã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸å¿ƒã«ã€ä¼ç”»ãƒ»è‰²å½©è¨è¨ˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆãªã©å¹…åºƒã åˆ¶ä½œã‚’æ‰‹ãŒã‘ã¦ã„ã¾ã™ã€‚ ç¶ºéº—ã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¾—æ„ã§ã™ã€‚èžãå–ã‚Šã‚’å¤§åˆ‡ã«ã—ã¾ã™ã€‚ä½•ã‚’æœ›ã‚“ã§ã„ã¦ã€ã©ã‚“ ãªåŠ¹æžœãŒæ¬²ã—ã„ã®ã‹ã€‚ãƒ—ãƒ©ãƒ³ãƒ‹ãƒ³ã‚°ã‚’é‡è¦è¦–ã—ã¾ã™ã€‚ åˆ¶ä½œã‚’ç¶šã‘ãªãŒã‚‰ã€åŽšç”ŸåŠ´åƒçœç·Šæ€¥äººæè‚²æˆäº‹æ¥åŸºé‡‘è¨“ç·´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³/ã‚« ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ã‚¿ãƒ¼é¤Šæˆè¬›å¸«ã‚’ã¤ã¨ã‚ã€Adobeã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ© ã‚¯ã‚¿ãƒ¼ã€ã‚»ãƒŸãƒŠãƒ¼è¬›å¸«ã‚‚å…¼å‹™ã€‚ Webã®ä»•äº‹ã¯äººã¨äººã‚’ç¹‹ãä»•äº‹ã¨è€ƒãˆã€åˆ¶ä½œã ã‘ã§ã¯ãªãè¬›æ¼”ã‚„æ•™è‚²äº‹
ahiru_z 2012/11/06
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– ã‚¦ã‚§ãƒ– ãƒ‡ã‚¶ã‚¤ãƒ³ ææ¡ˆã®ææ¡ˆÂ World of granshe.
HTMLã‚„CSSã€JavaScriptã«é–¢ã™ã‚‹è©±é¡Œã‚’ä¸å¿ƒã«ã€Webåˆ¶ä½œã«ã¤ã„ã¦çŸ¥ã£ãŸã“ã¨ã€è¦šãˆã¦ãŠããŸã„ã“ã¨ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãå€‹äººçš„ã‚¹ãƒšãƒ¼ã‚¹ã§ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç³»ã®è¨˜äº‹ã‚’æ›¸ãã¨ãã«ã©ã“ã®ã‚«ãƒ†ã‚´ãƒªã«æ›¸ãã‹è¿·ã£ã¦ã—ã¾ã„ã€ãã‚ãã‚ãƒ–ãƒã‚°ã®ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã®é™ç•Œã‚’æ„Ÿã˜ã¦ãã¾ã—ãŸã€‚ ã¨ã„ã†ã‹ã€æ—©ããƒ–ãƒã‚°ã‚’ç‹¬è‡ªãƒ‰ãƒ¡ã‚¤ãƒ³ã®ã‚µãƒ¼ãƒã«ç§»è¡Œã—ãŸã„ï½¥ï½¥ï½¥ï¼ ã¨ã„ã†ã“ã¨ã§ã•ã£ããæœ¬é¡Œã§ã™ãŒã€ æœ€è¿‘ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆä»¥ä¸‹ã€RWDã¨è¡¨è¨˜ï¼‰ã®æ¡ˆä»¶ã‚’2ã¤ã»ã©ã‚„ã£ã¦ã¿ã¦ã€æ€ã†ã¨ã“ã‚ãŒã‚ã£ãŸã®ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ä»Šå›žã¯æŠ€è¡“çš„ãªã¨ã“ã‚ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ææ¡ˆã¨ã„ã†ã‹ã€æ¡ˆä»¶ã®å–ã‚Šæ–¹ã¨ã„ã†ã‹ã€æ¡ˆä»¶ã®æµã‚Œã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ æ€ã„ã®ã»ã‹é•·ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸï½¥ï½¥ï½¥ã€‚ ãã£ã‹ã‘ è‡ªåˆ†ãŒé–¢ã‚ã£ãŸ2ã¤ã®æ¡ˆä»¶ã®ã†ã¡ã€ä¸€ã¤ã¯1ãƒšãƒ¼ã‚¸ã‚‚ã®ã®ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚µã‚¤ãƒˆã€ã‚‚ã†ä¸€ã¤ã¯æ—¢å˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆãšRWDã«ã™ã‚‹ã¨ã„ã†
ahiru_z 2012/11/06
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãŸã£ãŸï¼‘è¡Œã§å®Œæˆï¼Ÿå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | DECONCEPTER
ç°¡å˜ã«ä½œã‚Œã‚‹ï¼ã¿ã‚“ãªå¤§å¥½ãå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ å…ˆæ—¥è©±é¡Œã«ãªã£ã¦ã„ãŸã€Œãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ï¼ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚ãƒ¬ã‚¤ã€‚ã“ã®ã‚·ãƒ³ãƒ—ãƒ«ã•ã‚’ä¼ãˆãŸãã¦ã†ãšã†ãšã—ã¦ãã¾ã—ãŸã€‚ã›ã£ã‹ãã†ãšã†ãšã—ãŸã®ã§ã©ã‚“ãªä½œã‚Šæ–¹ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã‚’å¾¡è¦§ãã ã•ã„ã€‚ å‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚µã‚¤ãƒˆãƒ‡ãƒ¢ ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã¯jQuery Masonryã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã ï¼ @planetofgoriã•ã‚“ã®ãƒ–ãƒã‚°ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€jQuery Masonryã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŸã£ãŸæ•°è¡Œã§NHKã®ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä½œã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ã®ãƒ¬ã‚¤ã‚¢
ahiru_z 2012/10/19
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
1