[B! web-develop] cknbstrã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cknbstr id:cknbstr

web-developã«é–¢ã™ã‚‹cknbstrã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

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

çŸæœŸé–“ï¼‹å¤§è¦æ¨¡ã‚²ãƒ¼ãƒ é–‹ç™ºã§ã‚‚ç ´ç¶»ã—ãªã„HTMLãƒ»SCSS
2. è‡ªå·±ç´¹ä»‹ â€¢ @shiwano â€¢ HTMLç‰ˆãƒãƒ¼ãƒ‰ã‚ªãƒ–ãƒŠã‚¤ãƒ„ã®ãƒ—ãƒã‚¸ã‚§ ã‚¯ãƒˆã«ã¯ã€6æœˆä¸æ—¬ã‹ã‚‰ã‚¢ã‚µã‚¤ãƒ³ â€¢ ã‚²ãƒ¼ãƒ é–‹ç™ºã¸ã®æœ¬æ ¼çš„ãªå‚åŠ ã¯ã€ä»Šå›ž ãŒåˆã‚ã¦ â€¢ ãã‚Œã¾ã§ã¯æ™®é€šã® Web è£½ä½œã§ã€ãƒžãƒ¼ ã‚¯ã‚¢ãƒƒãƒ—ã¨ã‹ã‚„ã£ã¦ãŸ
cknbstr 2012/10/25
sass

scss

css

html

web-develop
ãƒªãƒ³ã‚¯
ã“ã“ã¾ã§å°ã•ããªã‚‹ã®!? PNGã‚’ã»ã¨ã‚“ã©åŠ£åŒ–ãªãåœ§ç¸®ã™ã‚‹ï½¢TinyPNGï½£ãŒã‚¹ã‚²ã‚§!!
ã“ã„ã¤ãã‚¹ã‚²ã‚§! PNGç”»åƒã‚’éžå¯é€†åœ§ç¸®ã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã‚¢ãƒ—ãƒªã€ŒTinyPNGã€ã¨ã„ã†ã®ã‚’è©¦ã—ã¦ã¿ãŸã‚“ã§ã™ãŒã€ã¨ã‚“ã§ã‚‚ãªã„ã§ã™ãã‚³ãƒ¬ã€‚ ç”»åƒè‡ªä½“ã¯ã»ã¼å¤‰ã‚ã‚‰ã‚“ã®ã«ã€é©šç•°çš„ãªã‚µã‚¤ã‚ºãƒ€ã‚¦ãƒ³ã€‚ã¾ã‚‹ã§ç¦æ–ã®ãƒ€ã‚¤ã‚¨ãƒƒãƒˆæ³•ã«ã‚‚è¦‹ãˆã‚‹ã‚“ã§ã™ãŒã€ã©ã‚“ãªä»•çµ„ã¿ãªã‚“ã ã‚ï½¥ï½¥ï½¥ã€‚ TinyPNG â€“ Compress PNG images while preserving transparency ä½¿ã„æ–¹ã¯ã™ã”ãã‹ã‚“ãŸã‚“ã€‚ ã€ŒTinyPNGã€ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸã‚‰ã€ç”»é¢ã®[Drop your .png files here!]ã¨ã„ã†ã‚¹ãƒšãƒ¼ã‚¹ã«ã€åœ§ç¸®ã—ãŸã„PNGãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã ã‘ã§ã™ã€‚ åœ§ç¸®ã®ã‚¿ã‚¹ã‚¯ãŒå®Œäº†ã™ã‚‹ã¨ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ãã‚Œã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãƒãƒ¼ã‚«ãƒ«ã«ä¿å˜ã™ã‚Œã°OKã€‚ ç”»é¢é·ç§»ã¯ä¸€åˆ‡ã‚ã‚Šã¾ã›ã‚“ã€‚ ã™ã’ãƒ¼ã‚µã‚¤ã‚ºãƒ€ã‚¦ãƒ³ã—ã¾ã™ ã“ã‚Œã¯å®Ÿéš›ã«ã‚µã‚¤ã‚ºãƒ€ã‚¦ãƒ³ã—ã¦ã¿ãŸçµæžœã€‚ å·¦ãŒå…ƒç”»åƒã§å³ãŒTi
cknbstr 2012/10/22
png

image

web-develop
ãƒªãƒ³ã‚¯
Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ - Make the Web Faster
Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ Last updated: 02 October 2012 ç¿»è¨³ï¼š@t32k Webãƒšãƒ¼ã‚¸ã‚’Page Speedã§èª¿ã¹ã‚‹ã¨ãƒ«ãƒ¼ãƒ«ã«æº–æ‹ ã—ã¦ã„ãªã„ã‚‚ã®ãŒæç¤ºã•ã‚Œã‚‹ã€‚ã“ã®ãƒ«ãƒ¼ãƒ«ã¨ã„ã†ã®ã¯ã€ä¸€èˆ¬çš„ã«ã‚ãªãŸãŒé–‹ç™ºæ®µéšŽã«ãŠã„ã¦å–ã‚Šå…¥ã‚Œã‚‹ã¹ããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã ã€‚ã‚ãªãŸãŒPage Speedã‚’ä½¿ç”¨ã—ã‚ˆã†ã¨ã—ã¾ã„ã¨ã€ç§ãŸã¡ã¯ã“ã®å„ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’æä¾›ã™ã‚‹ï¼ˆãŸã¶ã‚“ã¡ã‚‡ã†ã©æ–°ã—ã„ã‚µã‚¤ãƒˆã‚’é–‹ç™ºä¸ã§ãƒ†ã‚¹ãƒˆã™ã‚‹æº–å‚™ãŒæ•´ã£ã¦ãªã„ã ã‚ã†ï¼‰ã€‚ã‚‚ã¡ã‚ã‚“ã€ã“ã‚Œã‚‰ã®ãƒšãƒ¼ã‚¸ã¯ã„ã¤ã§ã‚‚å‚ç…§ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ç§ãŸã¡ã¯ã‚ãªãŸã®é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã«å–ã‚Šå…¥ã‚Œã¦ã‚‚ã‚‰ã†ãŸã‚ã«ã€ã“ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®æ˜Žç¢ºãªãƒ†ã‚£ãƒƒãƒ—ã‚¹ã¨ææ¡ˆã‚’æä¾›ã™ã‚‹ã€‚ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã«ã¤ã„ã¦ Page Speedã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã‹ã‚‰ã®è¦³ç‚¹ã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’è©•ä¾¡ã—ã€ä¸€èˆ¬çš„ã«ãƒšãƒ¼
cknbstr 2012/10/04
web-develop

performance
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ããŸ #tnmk0929 - Diary of absj31
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–å‹‰å¼·ä¼š : ATND 2012/09/29 ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–å‹‰å¼·ä¼š #tnmk0929 - Togetter ã•ãã‚‰ã®VPSã«ã¦ã‚µãƒ¼ãƒï¼†ãƒ‰ãƒ¡ã‚¤ãƒ³å–å¾—ã‚’è¡Œã£ãŸæµã‚Œã‚‚ã‚ã‚Šã€å€‹äººç”¨é¯–ã«ã‚‚ä½•ã‚‰ã‹ã®Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…å‚™ãƒ»å…¬é–‹ã—ã¦è¡Œãäº‹ã«ãªã‚‹ã ã‚ã†(ã¦ã‹ãã†ã„ã†é¢¨ã«ã—ã¦è¡ŒããŸã„)ã¨è¨€ã†ã®ã‚‚ã‚ã‚Šã€ã¡ã‚‡ã†ã©ç›®ã«ã—ãŸã“ã¡ã‚‰ã®å‹‰å¼·ä¼šã«ç›®ãŒç•™ã¾ã‚Šã€å‚åŠ ã—ã¦æ¥ã¾ã—ãŸã€‚ ãªã®ã§ç¾çŠ¶ã®Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã•ã›ã‚‹ãŸã‚ã«ã€ã£ã¦ã®ã§ã¯ãªãã¦ä»Šå¾Œã®ãŸã‚ã«ã€ã¨ã„ã†æ„å‘³åˆã„ãŒå¼·ã„ã§ã™ãã€‚ ä¼šå ´ã¯æ¨ªæµœã‚¿ãƒãƒžã‚ã€‚æœ€è¿‘ã¯å€‹äººçš„ã«ã¯Yokohama.groovyç‰ã§2é€±é–“ã«ä¸€éã¯ä½¿ã£ã¦ã‚‹æ„Ÿã˜ã§ã™ãã€‚ ã‚¿ãƒãƒžã‚ ã€ã‚³ãƒ¯ãƒ¼ã‚ãƒ³ã‚° ï¼† ã‚·ã‚§ã‚¢ã‚ªãƒ•ã‚£ã‚¹ã‚¹ãƒšãƒ¼ã‚¹ã€‘ é–‹å§‹é–“éš›ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤æŽ¥ç¶šã§èª¿æ•´ãŒä¸Šæ‰‹ãè¡Œã‹ãš10åˆ†ç¨‹æŠ¼ã—ãŸå¾Œã‚¹ã‚¿ãƒ¼ãƒˆã€‚ Web Site Optimization for Beginners ã“ã‚‚ã‚Š ã¾ã•ã‚ã
cknbstr 2012/09/30
web-develop

tuning
ãƒªãƒ³ã‚¯
å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ åˆ¶ä½œç·¨ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é‡Žç”°ã§ã™ã€‚ ã¾ãšã€ä»Šå›žã®è¨˜äº‹ã‚’è¦‹ã¦ã„ãŸã ãå‰ã«ã€å‰å›žã¨å‰ã€…å›žã«æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ ã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ Pt.2ã€ ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨ã‚¹ãƒ ãƒ¼ã‚ºã§ã™ã€‚ ä»Šå›žã§ã€ã€å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€‘ã®ã‚·ãƒªãƒ¼ã‚ºã‚‚æœ€å¾Œã«ã•ã›ã¦ã„ãŸã ãã¾ã™ã®ã§ã€å°‘ã—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå¤šããªã‚Šã¾ã™ã€‚ 100ï¼… 5åˆ†ã§ã¯åˆ†ã‚‰ãªã„ã®ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã¯ã‚¹ãƒ«ãƒ¼ã—ã¦ã‚„ã£ã¦ãã ã•ã„ã€‚ æ§˜ã€…ãªã‚µã‚¤ãƒˆã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€åˆ¶ä½œæ–¹æ³•ãŒç•°ãªã£ã¦ã„ãŸã‚Šã€å†…å®¹ãŒå°‘ã—é›£ã—ã„ã¨æ„Ÿã˜ã‚‹éƒ¨åˆ†ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®æ–¹ã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€ã©ã¡ã‚‰ã«ã‚‚ç†è§£ã—ã‚„ã™ã„ã‚ˆã†ã«æ›¸ã‹ã›ã¦ã„ãŸã ã„ã¦ã¾ã™ã€‚ ã¾ãŸã€ã“ã‚Œã¾ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã‚„ã£ã¦ãã¾ã—ãŸãŒã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã§
cknbstr 2012/09/29
respoinsive-web-design

web-develop
ãƒªãƒ³ã‚¯
javascriptä¸è¦ã®CSSã§åˆ¶å¾¡ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€ŒEasy CSS Tooltipã€
ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ã®å‘ä¸Šã®ãŸã‚ã®ä»•æŽ›ã®ä¸€ã¤ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€æœ€è¿‘ã®ä¸»æµã¨ã—ã¦ã¯javascroptã‚’ä½¿ç”¨ã—ã¦ã®å®Ÿè£…ã¨ã„ã†å½¢ãŒå¤šãã€è‰²ã€…ãªå½¢ã§ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸åŒ–ã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚ã‚‹ç¨‹åº¦ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒ³ã‚°ã•ã‚Œã¦ã„ã‚‹ã‚“ã§å®Ÿè£…ã¯ç°¡å˜ã¨ã¯è¨€ãˆã€ãªã‚Œã¦ã„ãªã„äººã«ã¨ã£ã¦ã¯ã¾ã ã¾ã ã‚„ã‚„ã“ã—ã„éƒ¨åˆ†ã‚‚å¤šã„ã§ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã€ŒEasy CSS Tooltipã€ã¯javascriptã‚’ä½¿ç”¨ã›ãšCSSã¨HTMLã§ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’å®Ÿç¾ã™ã‚‹ã¨è¨€ã†ã‚‚ã®ã§ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®é€šã‚Šã€è‡³ã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§å°‘ã—HTMLã¨CSSãŒã‚ã‹ã‚Œã°æ‚©ã‚€å¿…è¦ã¯ç„¡ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ â– CSSéƒ¨åˆ† a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; m
cknbstr 2012/08/09
css

tooltip

web-develop
ãƒªãƒ³ã‚¯
Easy CSS Tooltip | Kollermedia.at
If you need a really simple and basic Crossbrowser Tooltip on your website, this <1kb tooltip CSS script might be the one for you. Here is the 4 line magic (3lines css, 1line html): a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; b
cknbstr 2012/08/09
css

tooltip

web-develop
ãƒªãƒ³ã‚¯
å•é¡ŒãŒèµ·ãã‚‹å‰ã«ã€‚Webã‚µãƒ¼ãƒã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚«ãƒ¼Â·Websecurify MOONGIFT
Websecurifyã¯ä¸»ç«‹ã£ãŸWebã‚µãƒ¼ãƒã«ãŠã‘ã‚‹ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ã‚’è‡ªå‹•åŒ–ã—ã¦ãã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’å·¡ã‚‹ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£å•é¡Œã¯å¤šã€…ã‚ã‚Šã¾ã™ã€‚è‡ªå‹•åŒ–ã•ã‚Œã¦ã„ã‚‹æ”»æ’ƒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚‚ã‚ã‚Šã€ã¡ã‚‡ã£ã¨ã—ãŸæ²¹æ–ã§ä¸€æ°—ã«é‡è¦ãƒ‡ãƒ¼ã‚¿ãŒå¼•ãæŠœã‹ã‚ŒãŸã‚Šã€é€†ã«ç ´å£Šã•ã‚Œã¦ã—ã¾ã†å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã‚’äº‹å‰ã«ç¢ºèªã™ã¹ãä½¿ã£ã¦ãŠããŸã„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒWebsecurifyã§ã™ã€‚ ãƒ¡ã‚¤ãƒ³ç”»é¢ã§ã™ã€‚ ãƒ†ã‚¹ãƒˆã‚’è¡Œã†URLã‚’å…¥åŠ›ã—ã¾ã™ã€‚å®Ÿè¡Œå‰ã«ç¢ºèªãŒå‡ºã¾ã™ã€‚ ãƒ†ã‚¹ãƒˆã®å®Ÿè¡Œä¸ã§ã™ã€‚ å®Œäº†ã—ã¾ã—ãŸã€‚ ãƒ¬ãƒãƒ¼ãƒˆç”»é¢ã§ã‚¤ãƒ³ã‚·ãƒ‡ãƒ³ãƒˆã®è©³ç´°ãŒç¢ºèªã§ãã¾ã™ã€‚ Websecurifyã¯ä»£è¡¨çš„ã¨è¨€ãˆã‚‹ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ã«ã¤ã„ã¦è‡ªå‹•ã§è¡Œã£ã¦ãã‚Œã¾ã™ã€‚SQLã‚¤ãƒ³ã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³ã€ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã€ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã€CSRFãªã©å¤šå²ã«ã‚ãŸã‚Šã¾ã™ã€‚ã‚µãƒ¼ãƒã®ç¨®åˆ¥ã‚’åˆ¤æ–ã—ãŸä¸Šã§ã‚„ã‚Šæ–¹ã‚’å¤‰ãˆã‚‹ã®ã§ã€ã‚ˆã‚Šç¢ºåº¦ãŒé«˜ããªã‚Šã¾ã™
cknbstr 2012/08/01
web-develop

security

tool
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®Webé–‹ç™ºã«ã€Adobe ShadowãŒç¥žãƒ„ãƒ¼ãƒ«ãªä»¶ | fladdict
ã‚¹ã‚´ã‚¤ã€‚ãƒ¤ãƒã„ã€‚ Adobe Shadowã¯ã€Adobeã®ãƒ©ãƒœãŒãƒªãƒªãƒ¼ã‚¹ã—ãŸã€ã‚¹ãƒžãƒ›ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–‹ç™ºæ”¯æ´ãƒ„ãƒ¼ãƒ«ã€‚ ä½•ãŒã§ãã‚‹ã‹ã¨ã„ã†ã¨ã€PCã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã—ãŸURLã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã€iPhoneã‚„iPadã§åŒæ™‚ã«è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã€‚ PCã§ã‚µã‚¤ãƒˆã‚’ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§ã€iPhoneã‚„iPadã§ã‚‚è‡ªå‹•ã§ãƒ–ãƒ©ã‚¦ã‚¶ãŒãƒªãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã€è¡¨ç¤ºã‚’æ¤œè¨¼ã§ãã‚‹ï¼ï¼ iPhoneã‚„iPadã¯URLã®å…¥åŠ›ãŒé¢å€’ã ã—ã€PCã§ä½œæ¥ã™ã‚‹åº¦ã«ãƒ‡ãƒã‚¤ã‚¹ã‚’ç§»å‹•ã™ã‚‹ã®ãŒå¤§å¤‰ã ã£ãŸã€‚ Adobe Shadowã‚’ä½¿ã†ã¨ã€PCã§ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ã ã‘ã§ã€å…¨ç’°å¢ƒã§è¡¨ç¤ºã®ç¢ºèªãŒã™ãã§ãã‚‹ã€‚ã“ã‚Œã¯ä½œæ¥ãŒã¯ã‹ã©ã‚‹ã€‚ ä½¿ã„æ–¹ Mac / PC ã« Adobe Shadowã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆChrome)ã«Adobe Shadowã®æ‹¡å¼µã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« iPhone, iPad, android, kindleã« Adobe Shadowã‚¢ãƒ—ãƒªã‚’ã‚¤
cknbstr 2012/06/22
web-develop

chrome

smartphone

adobe
ãƒªãƒ³ã‚¯
çŸæœŸé–“ã§ã®ã‚¹ãƒžãƒ›å‘ã‘Webé–‹ç™º
ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–‹ç™ºè€…å‘ã‘ IDCFã‚¯ãƒ©ã‚¦ãƒ‰æ´»ç”¨ã‚»ãƒŸãƒŠãƒ¼ 2012å¹´6æœˆ14æ—¥(æœ¨)18:30ï½ž ï¼ IDCãƒ•ãƒãƒ³ãƒ†ã‚£ã‚¢ ï½žã€ŽçŸæœŸé–“ã§ã®ã‚¹ãƒžãƒ›å‘ã‘webé–‹ç™ºã«ã¤ã„ã¦ã€ï½ž ã‚»ãƒŸãƒŠãƒ¼è³‡æ–™Read less
cknbstr 2012/06/16
web-develop

smartphone
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ä½¿ãˆã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®WordPressãƒ–ãƒã‚°ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼‘ï¼é¸ | ãƒã‚ºéƒ¨
WordPressãƒ–ãƒã‚°ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯ã€ã¨ã¦ã‚‚é«˜æ€§èƒ½ãªã‚‚ã®ãŒå¤šãã€è‰²ã€…ãªã¨ã“ã‚ã§æ§˜ã€…ãªã‚‚ã®ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ã—ã‹ã—ä½™ã‚Šã«ã‚‚å¤šéŽãŽã¦ã€ã©ã‚Œã‚’é¸ã¹ã°è‰¯ã„ã®ã‹åˆ†ã‹ã‚‰ãªããªã£ã¦ã—ã¾ã†æ–¹ã‚‚ã„ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ï¼Ÿ ãã“ã§æœ¬æ—¥ã¯ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚’å®Ÿè·µã™ã‚‹ä¸Šã§æœ€é©ãªãƒ–ãƒã‚°ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†éƒ¨åˆ†ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦ã€ã‚ªã‚¹ã‚¹ãƒ¡ã®WordPressãƒ–ãƒã‚°ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ï¼‘ï¼å€‹ã”ç´¹ä»‹ã™ã‚‹ã€‚ ã“ã‚Œã‚‰ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®é¸æŠžåŸºæº–ã¯ã€ä»¥ä¸‹ã®ï¼“ã¤ã ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªï¼’ã‚³ãƒ©ãƒ ã§ã‚ã‚‹ã“ã¨ ãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå·¦ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå³ã«ã‚ã‚‹ã“ã¨ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ã“ã¨ ãªãœã€ã“ã®ï¼“ã¤ã®ç‚¹ãŒé‡è¦ãªã®ã‹ã¨ã„ã†ç†ç”±ã¯ã€ã€Œæœˆï¼‘ï¼•ä¸‡PVã‚’ç”Ÿã‚€ãƒ–ãƒã‚°ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸæ™‚ã«å¾¹åº•ã—ãŸï¼—ã¤ã®è¦ç´ ã€ã§ç¢ºèªã—ã¦æ¬²ã—ã„ã€‚ ï¼‘ï¼ŽRespo ãƒ‡ãƒ¢ã‚’ç¢ºèªã€€ï½œã€€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ ã‚·ãƒ³ãƒ—ãƒ«ã§è½ã¡ç€ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚ŠãªãŒã‚‰ã€ãƒ˜ãƒƒãƒ€ãƒ¼ç›´ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç”»åƒãŒç›®ã‚’æƒ¹ã
cknbstr 2012/06/05
wordpress

respoinsive-web-design

template

web-develop
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆåˆ¶ä½œã®ä¸€é€£ã®æµã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ
Webã‚µã‚¤ãƒˆåˆ¶ä½œã®ä¸€é€£ã®æµã‚Œã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå‘ã‘ã«ã¾ã¨ã‚ãŸã‚‚ã®ã‚’å°‘ã—æ‰‹ç›´ã—ã—ã¦ã®ã›ã¦ã„ã¾ã™ã€‚æ–°äººWebæ‹…å½“è€…ã•ã‚“ã‚„ã€æ–°äººãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã•ã‚“ã®å‚è€ƒã«ãªã‚‹ã‹ãªã¨ã€‚ ãªã‚‹ã¹ãé›£ã—ã„è¨€è‘‰ã‚’ä½¿ã‚ãšã€ç†è§£ã—ã‚„ã™ã„ã‚ˆã†å¹³æ˜“ãªè¨€è‘‰ã§æ›¸ã„ã¦ãŠã‚Šã¾ã™ã€‚ â€»æµã‚Œã‚„æ‰‹é †ã¯åˆ¶ä½œä¼šç¤¾ã«ã‚ˆã£ã¦é•ã†ã®ã§ã™ãŒã€æ¦‚è¦ã¯ã¤ã‹ã‚ã‚‹ã‹ãªã¨æ€ã„ã¾ã™ã€‚ ç›®æ¬¡ã¨æµã‚Œ 1. ã‚µã‚¤ãƒˆã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’è€ƒãˆã‚‹ 2. ç«¶åˆä»–ç¤¾ã‹ã‚‰ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãŠåº—ã‚„å•†å“ã‚’é¸ã‚“ã§ã‚‚ã‚‰ã†ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆå¼·ã¿ï¼‰ã‚’æ•´ç†ã™ã‚‹ 3. ãã®ã‚µã‚¤ãƒˆã§ä¸€ç•ªä¼ãˆãŸã„å†…å®¹ã‚’æ±ºã‚ã‚‹ 4. ãŠå®¢ã•ã‚“ãŒå¿…è¦ã¨ã™ã‚‹3ä»¥å¤–ã®æƒ…å ±ã‚„ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ä¼ãˆãŸã„æƒ…å ±ã‚’ã¾ã¨ã‚ã‚‹ 5. ã‚µã‚¤ãƒˆæ›´æ–°ã¯èª°ãŒã™ã‚‹ã®ã‹ã‚’æ±ºã‚ã‚‹ 6. æƒ³å®šä½¿ç”¨ãƒ‡ãƒã‚¤ã‚¹ï¼ˆPCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ï¼‰ã‚’æ±ºã‚ã‚‹ 7. ã‚µã‚¤ãƒˆã®å‘¨çŸ¥ãƒ»å®£ä¼æ–¹æ³•ã‚’è€ƒãˆã‚‹ 8. ãƒšãƒ¼ã‚¸ã®è¨è¨ˆå›³ã‚’ã¤ãã‚‹ 9. ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã‹ã‹ã‚ã‚‹å¿…è¦ãªç´ æã‚’æº–å‚™ã™ã‚‹
cknbstr 2012/05/29
web-develop

direction
ãƒªãƒ³ã‚¯
çµ¶å¯¾ã«è¦šãˆã¦ãŠããŸã„webãƒ‡ã‚¶ã‚¤ãƒ³ã®é…è‰²ãƒ»ã‚«ãƒ©ãƒ¼3ã¤ã®åŸºæœ¬ã¨åŸºç¤Ž
webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹æ™‚ã«ã‚«ãƒ©ãƒ¼ã¯åˆ‡ã£ã¦ã‚‚åˆ‡ã‚Šã¯ãªã›ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€é…è‰²ã¯è‹¦æ‰‹ã ã‘ã©ã€ã¾ãã‚«ãƒ©ãƒ¼ã®å‹‰å¼·ã¯å¾Œã§ã„ã„ã‚„â€¦ã‚»ãƒ³ã‚¹ç„¡ã„ã—ãã®å‰ã«ã‚„ã‚‹ã“ã¨ã‚ã‚‹ã—â€¦ã¨ãªã‚“ã¨ãªãå¾Œå›žã—ã«ã•ã‚ŒãŒã¡ãªã‚“ã˜ã‚ƒãªã„ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚åŸºæœ¬ã‚’çŸ¥ã£ã¦ãŠãã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«å½¹ç«‹ã¤ã®ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã«ææ¡ˆå‡ºæ¥ãŸã‚Šã€ç§ç”Ÿæ´»ã‚„æ–™ç†etcâ€¦æ§˜ã€…ãªå ´é¢ã§ã¨ã£ã¦ã‚‚å¼·ã„å‘³æ–¹ã«ãªã£ã¦ãã‚Œã‚‹ã¾ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚¹ã‚ãƒ«ã‚¢ãƒƒãƒ—ã‚’ã—ãŸã„ã¨è€ƒãˆã¦ã‚‹ãªã‚‰ã€ã¾ãšã¯é…è‰²ã‹ã‚‰åˆã‚ã¦ã¿ã‚‹ã®ãŒè‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“XD è‰²ã£ã¦ï¼Ÿ ã‚«ãƒ©ãƒ¼ãƒ¢ãƒ¼ãƒ‰RGBã¨CMYKã¨ã¯ï¼Ÿ è‰²ã®ä¸‰å±žæ€§ã«ã¤ã„ã¦ ã€Œè‰²ç›¸ã€ ã€Œæ˜Žåº¦ã€ ã€Œå½©åº¦ã€ å…·ä½“çš„ãªä¾‹ã¨é…è‰²æ–¹æ³• é¢ç©æ¯”çŽ‡ å¯èªæ€§ æœ€å¾Œã« 1.è‰²ã£ã¦ï¼Ÿ ã¾ãšä¸€å£ã«è‰²ã¨ã„ã£ã¦ã‚‚è‰²ã€…(ã‚·ãƒ£ãƒ¬ã˜ã‚ƒãªã„ã§ã™w)ã‚ã‚‹ã®ã§ã™ãŒå¤§ããåˆ†ã‘ã¦æžœç‰©ã‚„å°åˆ·ç‰©ãªã©ç‰©ã«ã¤ã„ã¦ã‚‹è‰²ã¨ãƒ†ãƒ¬ãƒ“ã‚„ãƒ‘ã‚½ã‚³ãƒ³ã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©å…‰ã‚’æ”¾ã£ã¦ã„ã‚‹è‰²ã®2ç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ ç‰©ä½“è‰²
cknbstr 2012/05/18
design

color

web-develop
ãƒªãƒ³ã‚¯
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
cknbstr 2012/04/21
web-develop

respoinsive-web-design
ãƒªãƒ³ã‚¯
WEBé–‹ç™ºè€…ã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¿…é ˆã®Chromeæ‹¡å¼µã€ŒPenduleã€:phpspoté–‹ç™ºæ—¥èªŒ
Chrome ã‚¦ã‚§ãƒ–ã‚¹ãƒˆã‚¢ - Pendule WEBé–‹ç™ºè€…ã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¿…é ˆã®Chromeæ‹¡å¼µã€ŒPenduleã€ã€‚ æ˜”ã‹ã‚‰ã‚ã‚‹Chromeæ‹¡å¼µã§ã™ãŒçŸ¥ã‚‰ãªã„é–“ã«è‰²ã€…ã¨ä¾¿åˆ©ã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ã ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ ï¼”æœˆã‹ã‚‰ã¯ãŸã„ã¦ã„ã‚‹æ–°å…¥ç¤¾å“¡ã®WEBãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã•ã‚“ã«ã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã®ã§ã‚¯ãƒªãƒƒã‚¯ã€‚ ã¾ãšã€StyleSheetã®ã‚¿ãƒ–ã§ã¯CSSã‚’è¦‹ã‚Œã‚‹ã€CSSãŒãã®å ´ã§ãƒªãƒãƒ¼ãƒ‰ã§ããŸã‚Šã€CSSã‚’ã‚’ç„¡åŠ¹ã«ã§ãã¾ã™ ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚«ãƒ©ãƒ¼ã‚’ï¼‘ï¼–é€²æ•°ã§å‡ºã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã‚‚ã‚ã‚Šã¾ã™ CSSãƒ“ãƒ¥ãƒ¼ã€‚æŠ˜ç•³ã¿å¯èƒ½ã§ä½¿ã„ã‚„ã™ãè¦‹ã‚„ã™ã„ Formsã‚¿ãƒ–ã€‚ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’è¡¨ç¤ºã—ãŸã‚Šã€hiddenãªãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚’è¡¨ç¤ºã—ãŸã‚Šã§ãã¡ã‚ƒã„ã¾ã™ã€‚æ¥ãšã‹ã—ã„ï¼ Imagesã®ã‚¿ãƒ–ã§ã¯å…¨éƒ¨ã®ç”»åƒã‚’éžè¡¨ç¤ºã«ã—ãŸã‚Šã€èƒŒæ™¯ç”»åƒã‚’éžè¡¨ç¤ºã«ã—ãŸã‚Šã€altã‚’å…¨éƒ¨è¡¨ç¤ºã—ãŸã‚Šã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ ã
cknbstr 2012/04/17
chrome

web-develop

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

css
ãƒªãƒ³ã‚¯
äººã¨é•ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’ã‚¹ã‚¯ãƒ©ãƒƒãƒã§ä½œã‚‹ãªã‚‰HTML KickStartã‚’ãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã¨ã„ã„ã§ã™ã‚ˆï¼ | Chrome Life
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
cknbstr 2012/02/22
web-develop

template

tool
ãƒªãƒ³ã‚¯
IE6/IE7/IE8/IE9ã®CSSãƒãƒƒã‚¯
IE6/IE7/IE8/IE9ã¨ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹CSSãƒãƒƒã‚¯ã§ã™ã€‚IE9ã¯ã¾ã ãƒ™ãƒ¼ã‚¿ç‰ˆãªã®ã§æœ‰åŠ¹ã«ãªã‚‰ãªããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã¨ã‚Šã‚ãˆãšã€‚ â†’IE9ã‚‚æ£å¼ç‰ˆã§ç¢ºèªæ¸ˆã¿ã§ã™ã€‚ ï¼‘ï¼ŽIE6/IE7/IE8/IE9ã¨ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹CSSãƒãƒƒã‚¯ ä»¥ä¸‹ã®é †ç•ªã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŠã‚ˆã³ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¨˜è¿°ã—ã¦ãã ã•ã„ã€‚ body { color: red; /* all browsers, of course */ color: greenÂ¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: blackÂ¥9; /* IE9 */ } IE6ï¼šãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å…ˆé ã«ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã€Œ_ã€ã‚’ä»˜ä¸Ž IE7ï¼šãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å…ˆé ã«ã‚¢ã‚¹ã‚¿ãƒªã‚¹ã‚¯
cknbstr 2012/02/13
ie

web-develop
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–é…è‰²ãƒ„ãƒ¼ãƒ« Ver2.0
åŸºæœ¬çš„ãªä½¿ã„æ–¹ å·¦ä¸Šã®ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã‚’ä½¿ã£ã¦ã€ä»»æ„ã®1è‰²ã‚’ä½œã‚Œã°ã€ãã‚Œã«åˆã‚ã›ãŸé…è‰²ãŒä½œã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ã¾ãŸãƒã‚´ã®æ–‡å—ã‚„è‰²ã¯ä»»æ„ã®ç‰©ã‚’æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ï¼ˆãŸã ã—ãƒ•ã‚©ãƒ³ãƒˆã¯å¤‰æ›´å‡ºæ¥ã¾ã›ã‚“ï¼‰ã€‚ ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã®ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’åˆ©ç”¨ã™ã‚Œã°ã€ãƒ¡ã‚¤ãƒ³ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®å¤‰æ›´ã‚„è‰²ç›¸å¹…ã‚‚å¤‰ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚å‹•ããŒå¿…è¦ãªé…è‰²ã®å ´åˆã«ã¯ã€2ã¤ã‚ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å³ã«å‹•ã‹ã—ã¦ãã ã•ã„ã€‚è£œè‰²é…è‰²ã«è¿‘ã„é…è‰²ãŒå‡ºæ¥ä¸ŠãŒã‚Šã¾ã™ã€‚ è‰²ã®ä¸€è¦§ã‚’æŠ¼ã™ã“ã¨ã§ã€å‡ºæ¥ä¸ŠãŒã£ãŸè‰²ã®ä¸€è¦§ã‚’è¡¨ç¤ºã—ã¾ã™ã®ã§ã€ã‚³ãƒ”ãƒ¼&ãƒšãƒ¼ã‚¹ãƒˆã—ã¦ãŠä½¿ã„ãã ã•ã„ã€‚ ã“ã®é…è‰²ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦ ã“ã®é…è‰²ãƒ„ãƒ¼ãƒ«ã¯ãƒ•ã‚©ãƒ«ãƒˆã‚¥ãƒŠã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ãƒªãƒ³ã‚¯ç‰ã¯å½“ç„¶ã®ã“ã¨ãªãŒã‚‰è‡ªç”±ã«ã—ã¦ã„ãŸã ã„ã¦æ§‹ã„ã¾ã›ã‚“ãŒã€ç„¡æ–ã§è¤‡è£½ãƒ»è»¢è¼‰ã™ã‚‹ã®ã¯ãŠã‚„ã‚ãã ã•ã„ã€‚ å–æãƒ»åŸ·ç†ç‰ã®ãŠç”³ã—è¾¼ã¿ ã“ã®ãƒ„ãƒ¼ãƒ«ã«é–¢ã—ã¦ã®ã”è³ªå•ã€ã‚ã‚‹ã„ã¯ãã®ä»–ã®è‰²ã«é–¢ã™ã‚‹å–æãƒ»æ¥å‹™ã‚„è¬›æ¼”ãªã©ã¯ã€ãƒ•ã‚©ãƒ«ãƒˆã‚¥
cknbstr 2012/02/07
web-develop

color

tool
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ã€‘ä½Žè§£åƒåº¦ã€é«˜è§£åƒåº¦ç«¯æœ«ã®ã©ã¡ã‚‰ã§ã‚‚ãã£ãã‚Šç¶ºéº—ã«è¡¨ç¤ºã—ã¤ã¤ã€å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€‚
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã®æž—ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã€æ¨ªå¹…ã´ã£ãŸã‚Šã«ã—ãŸã„ã¨æ€ã„ã¾ã›ã‚“ã‹ã€‚ meta viewport ã¨ã„ã†ã‚¿ã‚°ã‚’ä½¿ãˆã°è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ãã‚Œã‚’ä½¿ã£ãŸã¨ã—ã¦ã‚‚ã€Android / iPhone ã¯ç«¯æœ«ã«ã‚ˆã‚Šæ¨ªå¹…ãŒé•ã†ãŸã‚å€‹åˆ¥ã«æœ€é©åŒ–ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã€‚ ã‚¹ãƒžãƒ›ç«¯æœ«ã”ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‘ã‚‹ã“ã¨ãªãå¸¸ã«å¹…ã´ã£ãŸã‚Šã«ã™ã‚‹ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã“ã¡ã‚‰ã‚’å‚è€ƒã«çµ„ã‚“ã§ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ HTML ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ï¼ˆãƒ’ãƒ³ãƒˆä»˜ãï¼‰ ã“ã¡ã‚‰ã® HTML ã‚³ãƒ¼ãƒ‰ã‚’ä¸¸ã£ã¨ã‚³ãƒ”ãƒšã—ã¦ä¿®æ£ã—ã¦ã„ãã¨æ¥½ã ã¨æ€ã„ã¾ã™ã€‚ è¿½è¨˜ï¼š ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ•ãƒªãƒ¼ã§ã™ã€‚è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„ã€‚ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
cknbstr 2012/02/02
html

html5

template

web-develop
ãƒªãƒ³ã‚¯
1