[B! css3] hirose504ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hirose504 id:hirose504

css3ã«é–¢ã™ã‚‹hirose504ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

CSS3ã®ã€Œãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ä½¿ã„æ–¹ã¾ã¨ã‚ ãƒ•ãƒ©ãƒƒãƒ—ã‚¤ã‚ºãƒ
ã©ã†ã‚‚ã€ããƒ¼ã¸ã„ã§ã™ã€‚ ä»Šå›žã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã®ä½¿ç”¨ãŒæƒ³å®šã•ã‚Œã‚‹ã€ã€Œãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãƒœãƒƒã‚¯ã‚¹ã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€æœ¬è¨˜äº‹ã¯ã€ŒCSS Flexible Box Layout Module Level 1ã€ã®2014å¹´5æœˆ22æ—¥ä»˜ã‘ã®ç·¨é›†è€…è‰æ¡ˆï¼ˆEditorâ€™s Draftï¼‰ã‚’åŸºã«ä½œæˆã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã€ŒCSS Flexible Box Layout Module Level 1ã€ã¯æœªã ã«ç–å®šä¸ã§ã‚ã‚Šã€ç¾åœ¨ã¯2014 å¹´3æœˆ25æ—¥ä»˜ã®æœ€çµ‚è‰æ¡ˆï¼ˆLast Call Working Draftï¼‰ãŒæœ€æ–°ä»•æ§˜ã§ã™ã€‚ 2014å¹´5æœˆ22æ—¥ä»˜ã‘ã®ç·¨é›†è€…è‰æ¡ˆã¯ã€2014 å¹´3æœˆ25æ—¥ä»˜ã®æœ€çµ‚è‰æ¡ˆã«å¾®ä¿®æ£ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ æœ€åˆã«ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã«ã¤ã„ã¦æ³¨æ„ç‚¹ ã€Œãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãƒœãƒƒã‚¯ã‚¹ã€ã§æ¤œç´¢ã™ã‚‹ã¨ã€ã„ãã¤ã‹ã®ç´ æ™´ã‚‰ã—ã„è¨˜äº‹ãŒå‡ºã¦ãã¾ã™ãŒã€ä¸ã«ã¯å¤ã„è¨˜äº‹ãŒå¤šãå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ã€Œ
hirose504 2015/05/19
css3
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼·ã—ã¦ã¿ã‚‹ | DevelopersIO
HTML5 Ã— CSS3 Ã— jQuery â€“ #20 æ–‡å—ã‚’ãƒ©ãƒ³ãƒ€ãƒ ã§ã‚«ã‚·ãƒ£ã‚«ã‚·ãƒ£å‹•ã‹ã—ãªãŒã‚‰ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã•ã›ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹
hirose504 2013/04/15
html5

css3

jquery
ãƒªãƒ³ã‚¯
CSS Transformsã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢
æ—¢ã«è‰²ã€…ãªãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ãŒä½œã‚‰ã‚Œã¦ã„ãŸã‚Šã€å®Ÿç”¨ã•ã‚Œã¦ã„ãŸã‚Šã™ã‚‹CSS Transf ormsã§ã™ãŒã€ã¡ã‚ƒã‚“ã¨ç†è§£ã—ãŸã‹ã£ãŸã®ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã¾ã ãã‚“ãªã«è‡ªä¿¡ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ä»¥å‰ã‚ˆã‚Šã¯ç†è§£ã§ããŸæ°—ãŒã—ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ãªã®ã§ã€è‡ªåˆ†ãŒåˆ†ã‹ã‚‹ç¯„å›²ã§èª¬æ˜Žã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS Transf ormsã¯2Dã¨3Dã¨ã§åˆ¥ã«ãªã£ã¦ã„ã¾ã™ãŒã€å°†æ¥çš„ã«ã¯ SVG Transf orms ã¨åˆã‚ã›ã¦ä¸€ã¤ã®ä»•æ§˜ã«ãªã‚‹ãã†ã§ã™ã€‚ ä»Šã¯ã¾ã åˆ¥ã€…ãªã®ã§ã€ãã‚Œãžã‚Œã«ãƒªãƒ³ã‚¯ã‚’ã—ã¦ãŠãã¾ã™ã€‚æ‹¬å¼§å†…ã¯ç¾æ™‚ç‚¹ã§ã®æœ€æ–°ã®æ—¥ä»˜ã§ã™ã€‚ WD: CSS 2D Transf ormsï¼ˆ2011/12/15ï¼‰ED: CSS Transf ormsï¼ˆ2011/11/28ï¼‰WD: CSS 3D Transf orms Module Level 3ï¼ˆ2009/03/20ï¼‰ED: CSS 3D Transf ormsï¼ˆ2011/03/21ï¼‰æ–°ã—ããªã£ãŸ
hirose504 2013/04/15
css3
ãƒªãƒ³ã‚¯
Amaze: Empowering Creators to Sell Anything, Anywhere
Create any product you can imagine and sell it everywhere. We remove the roadblocksâ€”supply chain, global shipping, and customer serviceâ€”so you can focus on your creativity. With automatic storefronts on platforms like YouTube, TikTok and more, your fans can easily buy what they love from you. You create. We handle the rest.
hirose504 2013/04/10
html5

css3
ãƒªãƒ³ã‚¯
ãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ï¼ | ã‚´ãƒªãƒŸãƒ¼
ä»Šã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã‚Šã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ï¼ æ˜¨æ—¥ã€ã¨ã‚ã‚‹ã‚¢ãƒ—ãƒªã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦è©±ã—åˆã£ã¦ã„ãŸã®ã ãŒã€æ ªå¼ä¼šç¤¾LIGã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚ã£ãŸã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹æµè¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ã«è¼‰ã£ã¦ã„ãŸã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¤ã‚±ã‚¤ã‚±ã™ãŽã¦æ„Ÿå‹•ã—ãŸã®ã§ã€ç´¹ä»‹ã™ã‚‹ï¼ã“ã‚Œã¯æœ¬å½“ã«ã™ã”ã„ï¼ï¼ ã¾ãšæ™®é€šã«è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚ã‚ˆãã‚ã‚‹3ã‚³ãƒ©ãƒ ãƒ™ãƒ¼ã‚¹ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚ å°‘ã—å¹…ã‚’ç‹ã‚ã‚‹ã¨ã€ä¸‹ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç§»å‹•ã—ã€å³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸‹ã«ç§»å‹•ã—ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå®Œå…¨ã«ç„¡ããªã£ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã‚‹ã¨ä»Šåº¦ã¯å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒæ¶ˆãˆãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®é™ç•Œã¾ã§ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å„ãƒ‘ãƒ¼ãƒ„ã®å¹…ã‚‚ç‹ã¾ã£ã¦ã“ã®ã‚ˆã†ãªå½¢ã«è½ã¡ç€ã„ãŸã€‚ ã“ã‚Œã‚’è©¦ã—ã¦ã„ã‚‹æ™‚ã€å„è¦ç´ ã®å‹•ããŒã‚ã¾ã‚Šã«ã‚‚æ»‘ã‚‰ã‹ã§ã‚‚ã®ã™ã”ãæ„Ÿå‹•ã—ãŸã€‚çš†ã•
hirose504 2012/10/16
ä½¿ã‚ã‚Œã¦ã„ãŸã®ã¯ã€ŒjQuery Masonryã€ã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jquery

css3
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã® CSS ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ | Yomotsu net
ã„ã‚ã‚†ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¤ã¾ã‚Šãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã‚’æŽ¡ç”¨ã—ãŸ Web ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã®ä¸€ç•ªç®¡ç†ã—ã‚„ã™ã„ã¨æ„Ÿã˜ã‚‹ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ãŸã ã—ã€ã‚ãã¾ã§ã‚‚å€‹äººçš„ãªã€çµŒé¨“ã‹ã‚‰æ„Ÿã˜ãŸæ„è¦‹ã§ã™ã®ã§çµ¶å¯¾ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ CSS ã®ã‚³ãƒ¼ãƒ‰ã®é…ç½®åºƒãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ CSS ãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ã‚’åˆ†ã‘ã‚‹æ–¹æ³• @media è¦å‰‡ã§ 1ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ãƒ¡ãƒ‡ã‚£ã‚¢ç‰¹æ€§å˜ä½ã«æ›¸ãæ–¹æ³• @media è¦å‰‡ã§ 1ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ãƒ‘ãƒ¼ãƒ„å˜ä½ã§æ›¸ãæ–¹æ³• ãã‚Œãžã‚Œã‚’ã‚³ãƒ¼ãƒ‰ã§è¡¨ã™ãªã‚‰ä»¥ä¸‹ã®æ›¸ãæ–¹ãŒè©²å½“ã—ã¾ã™ã€‚ æ–¹æ³•1 : CSS ãƒ•ã‚¡ã‚¤ãƒ«è‡ªä½“ã‚’åˆ†ã‘ã‚‹æ–¹æ³•ã“ã®æ–¹æ³•ã¯ç®¡ç†ãŒå¤§å¤‰ã§ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã€‚ã“ã‚Œã§ãƒ•ã‚¡ã‚¤ãƒ«ã”ã¨ã‚³ãƒ¼ãƒ‰åˆ†å‰²ã•ã‚Œã¦ã—ã¾ã£ãŸã‚‰ã‚³ãƒ¼ãƒ‰æ¤œç´¢ã—ã¥ã‚‰ã„ã‚ã‘ã§ã™ã€‚ <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
hirose504 2012/10/02
media è¦å‰‡ã§ 1ãƒ•ã‚¡ã‚¤ãƒ«å†…ã«ãƒ‘ãƒ¼ãƒ„å˜ä½ã§æ›¸ãæ–¹æ³•ãŒæœ€ã‚‚ç®¡ç†ã—ã‚„ã™ããŠã™ã™ã‚

css3
ãƒªãƒ³ã‚¯
adakoda.com
hirose504 2011/12/07
android

html5

css3
ãƒªãƒ³ã‚¯
[CSS]é‡‘å±žã®è³ªæ„ŸãŒç¾Žã—ã™ãŽã‚‹ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã•ã‚ŒãŸãƒœã‚¿ãƒ³
ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ–ãƒ«ãƒ¼ã«è¼ãã¾ã™ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯Safari5.1, Chromeã§ã™ã€‚ çŸ©å½¢ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ç·šçŠ¶ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆæ•°å—ã®ãƒœã‚¿ãƒ³ï¼‰ã¯ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚è¡¨ç¤ºã§ãã¾ã™ãŒã€å††éŒçŠ¶ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆé£›è¡Œæ©Ÿã®ãƒœã‚¿ãƒ³ï¼‰ã¯Safari, Chromeã®ã¿ã§ç¾Žã—ãè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å††éŒçŠ¶ã®ä»•çµ„ã¿ã¯ã€Œradial-gradientã€ã‚’é‡ãã¦ã‚¹ã‚¿ã‚¤ãƒ«ã—ã¦ã„ã¾ã™ã€‚
hirose504 2011/09/06
css3
ãƒªãƒ³ã‚¯
Media Queries ã‚’ä½¿ã£ã¦ã€Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„æ›¸ã
ä»Šå›žã“ã®ãƒ–ãƒã‚° - Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€iPhone ãªã©ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ãŸã€‚ä½¿ç”¨ã—ãŸã®ã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã€‚ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ä½¿ã„æ–¹ã‚„æ„Ÿæƒ³ã€æ°—ã‚’ã¤ã‘ãŸã„æ³¨æ„æ›¸ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ é…ã‚Œã°ã›ãªãŒã‚‰ã“ã®ãƒ–ãƒã‚° â€“ Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«æ”¹ä¿®ã—ã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã¯ WordPress ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ iPad ã¸ã®å¯¾å¿œæ–¹æ³•ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ã£ã¦ã€iPadã€iPhone ãªã©ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œï¼ˆå¯¾å¿œã¨ã„ã†ã‹ã€ä¸€å¿œè¦‹ã‚Œã‚‹ç¨‹åº¦ï¼‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªã®ã§ Media Queries ã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã¨ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ€ã£ãŸã“ã¨ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3 Media Queries ç›®æ¬¡
hirose504 2011/07/14
css3
ãƒªãƒ³ã‚¯
ã©ã†è€ƒãˆã¦ã‚‚ç„¡èŒ¶ãªã€ŒCSSãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ãŒè©±é¡Œã«
CSS3ãŒã„ãã‚‰ãƒ‘ãƒ¯ãƒ•ãƒ«ã¨ã¯ã„ãˆã€ã•ã™ãŒã«ã“ã“ã¾ã§å‡ã£ãŸã‚‚ã®ãŒä½œã‚Œã‚‹ã¨ã¯æ€ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ ã¾ãšã¯Chromeã§ã“ã¡ã‚‰ã‚’éŠã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS ã¾ã‚‹ã§JSã‚’ãƒãƒªãƒãƒªä½¿ã£ãŸã‚²ãƒ¼ãƒ ã€ã®ã‚ˆã†ã«è¦‹ãˆã¾ã™ãŒã€å®Ÿã¯ã€ŒOnly CSSã€ã€‚ä¸Šã®STOPãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jsdo.itã§CSSãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒæµè¡Œä¸ï¼ ãˆãˆã€ã©ã†è€ƒãˆã¦ã‚‚ç„¡èŒ¶ãªã‚“ã§ã™ã€‚CSSã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã˜ã‚ƒãªã„ã§ã™ã‹ã‚‰ãã€‚ CSSã®æ©Ÿèƒ½ã‚’å·§ã¿ã«çµ„ã¿åˆã‚ã›ã¦ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€æŠ•ç¨¿ä½œå“ã®ã»ã‚“ã®ä¸€éƒ¨ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ CSS PANIC CSSã ã‘ã§ä½œã‚‰ã‚ŒãŸãƒ¯ãƒ‹ãƒ¯ãƒ‹ãƒ‘ãƒ‹ãƒƒã‚¯ã€‚ ã“ã®ã‚³ãƒ¼ãƒ‰ã¯æµ·å¤–ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚å¤§ããªåéŸ¿ã‚’å‘¼ã³ã¾ã—ãŸã€‚
hirose504 2011/06/22
css3

programming
ãƒªãƒ³ã‚¯
IDã¨classã‚’ä½¿ã‚ãªã„ã§ã€HTML5ã¨CSS3ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã€‚
IDã¨classã‚’ä½¿ã‚ãªã„ã§ã€HTML5ã¨CSS3ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ãŸã€‚ 2011-05-02 Webã‚µã‚¤ãƒˆã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ™‚ã«ã€IDã¨classã‚’è€ƒãˆã‚‹ã®ãŒé¢å€’è‡ããªã£ãŸã®ã§ã€IDã¨classã‚’ä½¿ã‚ãªã„ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µã‚¤ãƒˆãªã‚‰ç°¡å˜ã§ã¤ã¾ã‚‰ãªã„ã®ã§ã€IDã¨classã‚’ä½¿ã£ã¦ã‚‚é›£ã—ãã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã‚‚JavaScriptã¯ä¸€åˆ‡ã€ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ å®Œæˆã—ãŸã‚µã‚¤ãƒˆ ID, classãªã—ã§çµ„ã‚“ã ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã€‚ ã‚µã‚¤ãƒˆã§ã‚„ã£ã¦ã¿ãŸHTML5 HTML5ã§ã¯ã€html, head, bodyã‚¿ã‚°ã‚’å®Œå…¨ã«çœç•¥ã—ã¦ã‚‚æ§‹ã‚ãªã„ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ çœç•¥ã—ã¦ã‚‚DOMãƒ„ãƒªãƒ¼ä¸Šã«å˜åœ¨ã—ã¦ã„ã‚‹ã®ã§ã€ body {background:#f00;} ã¨ã„ã†CSSã®è¨˜è¿°ã‚‚èªè˜ã—ã¦ãã‚Œã¾ã—ãŸã€‚ ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ãŸCSS, CSS3ã®ç°¡å˜ãªã¾ã¨ã‚ Child Selector çµ
hirose504 2011/05/02
html5

css3
ãƒªãƒ³ã‚¯
ã‚°ãƒªãƒ¼ã«å¦ã¶ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºå‘ã‘Webã‚¢ãƒ—ãƒªè¦ç´ ã®æœ€æ–°æŠ€è¡“ã€€ï½žHTML5ã€CSS3ã‚’æŽ¡ç”¨ã—ãŸãƒã‚¤ãƒ³ãƒˆã¨ã¯
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
hirose504 2011/02/10
html5

css3

gree
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ä½¿ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhoneç‰ˆYahoo!JAPANãƒˆãƒƒãƒ—ã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
hirose504 2010/12/20
css3

html5

iphone

yahoo
ãƒªãƒ³ã‚¯
[CSS]CSS3 Transitionsã‚’ä½¿ç”¨ã—ã¦ã€ãƒ›ãƒãƒ¼æ™‚ã«ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
aè¦ç´ ã«ä½™ç™½ã‚’paddingã§è¨å®šã—ã€ã‚«ãƒ©ãƒ¼ã‚’æŒ‡å®šã—ã¾ã™ã€‚ a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ CSS3 Transitionsã‚’ä½¿ç”¨ã—ã¦ã€ãµã‚ã£ã¨ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹ä½œæˆï¼‰ è¿½åŠ ã™ã‚‹ã®ã¯ã€L4-7ã§ã™ã€‚ â€»ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã¯paddingãªã©ã®å€¤ã‚’è‹¥å¹²å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ a.foo { padding: 5px 10px; background: #9c3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: al
hirose504 2010/11/18
css3
ãƒªãƒ³ã‚¯
CSS3ã ã‘ã§ã¤ãã‚‹Webãƒœã‚¿ãƒ³ï¼æŠ¼ã•ãšã«ã¯ã„ã‚‰ã‚Œãªã„ãƒœã‚¿ãƒ³ç°¡å˜3ã‚¹ãƒ†ãƒƒãƒ—
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ã«ãã¦ã„ã¾ã™ã€‚ ã“ã‚“ã«ã¡ã‚ã€‚(ãƒ»`Ð´ãƒ»ãƒŽ)ãƒŽ é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ä¸ã®ã©ã†ã‚‚ã½ã‚“ãŸã§ã™ã€‚ å…ˆé€±ã€éŽŒå€‰æœ¬ç¤¾ã‹ã‚‰è‡ªç”±ãŒä¸˜æ”¯ç¤¾ã«ç§»ã‚Šã¾ã—ãŸã€‚ è‡ªç”±ãŒä¸˜ã«æ¥ãŸã®ã¯åˆã‚ã¦ãªã®ã§ã€ã€Œä¸˜ãªã„ãªãã€‚ã€ã£ã¦æ€ã„ã¾ã—ãŸã€‚ ãã—ã¦ã“ã¡ã‚‰ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ç ”ä¿®ã§ã€æ›¸ã„ã¦ã„ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã©ã†ã‹æŸ”ã‚‰ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆã£ã¦ä¸‹ã•ã„ã¾ã›ï¼ ä»Šå›žã¯ç”»åƒã‚’ä½¿ã‚ãšã€CSS3ã ã‘ã§Webãƒœã‚¿ãƒ³ã‚’ã¤ãã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚åƒ•è‡ªèº«ã¤ãã£ãŸã“ã¨ãŒãªã„ã®ã§ã€ä¸€ç·’ã«æŒ‘æˆ¦ã—ã¾ã—ã‚‡ã†ï¼ï¼ ã¤ã¥ãã‹ã‚‰ã©ã†ãžï¼ ã™ã”ã„ã‚ˆï¼CSS3 â‰« CSS3ã®ã¿ã§ã¤ãã£ã¦ã„ã‚‹ãƒœã‚¿ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹å‡„ã„ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ãƒ ãƒã®ã‚ˆã†ãªãƒ†ã‚¤ã‚¹ãƒˆã®ãƒœã‚¿ãƒ³ã§ã™ãªã€‚ ã“ã‚Œã‚’ç”»åƒãªã—ã§ã¤ãã£ã¦ã‚‹ã£ã¦ã„ã†ã‹ã‚‰ã‚¹ã‚´ã‚¤ï¼ ã“ã“ã¾ã§ãƒ¬ãƒ™ãƒ«ã®é«˜ã„ãƒœã‚¿ãƒ³ã¯ã¤ãã‚Œãªã„ã®ã§ã€ åŸºæœ¬é‡è¦–ã®ã‚·ãƒ³ãƒ—ãƒ«ãªCSSãƒœã‚¿ãƒ³ã‚’ã¤ãã‚ã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯C
hirose504 2010/09/24
css3

webdesign
ãƒªãƒ³ã‚¯
ã€ãƒã‚¦ãƒ„ãƒ¼ã€‘JavaScriptã„ã‚‰ãšã€CSS3ã§ä½œã‚‹ã‚·ãƒ³ãƒ—ãƒ«&ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ (1) CSS3 Dropdown Menuã¨ã¯ | ã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚º | ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«
JavaScriptã‚’ä½¿ã‚ãšã€CSS3ã§ä½œã‚‹ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ WebDesignerWallã«ãŠã„ã¦CSS3ã‚’åˆ©ç”¨ã—ãŸã€MacOSã®ã‚ˆã†ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼(Mac-like multi-level dropdown menu)ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ãŒå…¬é–‹ã•ã‚ŒãŸ(ãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹è¨˜äº‹ - CSS3ã§ç¶ºéº—ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ–¹æ³•)ã€‚CSS3ã®æ–°æ©Ÿèƒ½ã§ã‚ã‚‹border-radiusã‚„box-shadow, text-shadowã‚’æ´»ç”¨ã—ã€JavaScriptã‚’ä½¿ã‚ãšã«ã‚¯ãƒ¼ãƒ«ãªå¤šæ®µãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã€‚ CSS3 Dropdown Menu - CSS Codeã‚ˆã‚Šå¼•ç”¨ CSS3 Dropdown Menuã¯Firefoxã¨Safariã€ãã—ã¦Chromeã§å®Œç’§ã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã€‚Internet Explorer 7ä»¥é™ã®ã‚ˆã†ãªCSS3ã«å¯¾å¿œã—ã¦ã„ãªã„Webãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å‹•ä½œã™ã‚‹
hirose504 2010/03/25
css3

webdesign
ãƒªãƒ³ã‚¯
1