[B! image] okeke1101ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

okeke1101 id:okeke1101

imageã«é–¢ã™ã‚‹okeke1101ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«å¿…é ˆã® link rel=preload ã¨ã¯ï¼Ÿï¼ˆä½¿ã„æ–¹ã¨ã‚µãƒ³ãƒ—ãƒ«HTMLãƒ»CSSï¼‰ | æ ªå¼ä¼šç¤¾ã‚¦ã‚§ãƒ–ä¼ç”»ãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ã‚º
ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«ã‚ãŸã‚Š Google ã® PageSpeed Insights ã¨ç¨ã‚ã£ã“ã‚’ã—ã¦ã„ã‚‹éš›ã€ã€Œã‚ãƒ¼ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ã€ã¨ã„ã†é …ç›®ãŒå‡ºç¾ã—ã¾ã—ãŸã€‚ ã‚ãƒ¼ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ <link rel="preload"> ã‚’ä½¿ç”¨ã—ã¦ã€ç¾åœ¨ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ã®å¾Œã®ã»ã†ã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ã¦ã„ã‚‹ãƒªã‚½ãƒ¼ã‚¹ã‚’å„ªå…ˆçš„ã«å–å¾—ã™ã‚‹ã“ã¨ã‚’ã”æ¤œè¨Žãã ã•ã„ã€‚ â†“ã“ã‚“ãªæ„Ÿã˜ã®ã§ã™ ã“ã®æ”¹å–„ãŒã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«åŠ¹ãä½¿ãˆã‚‹æŠ€è¡“ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã™ãŒã€ãªã‹ãªã‹ç†è§£ã—ã«ãã‹ã£ãŸã®ã§ã€ä»Šå›žã¯ <link rel="preload"> ã«ã¤ã„ã¦ã‚ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚¹ãƒ«ãƒ¼ã—ã¦ã—ã¾ã£ã¦ã„ãŸæ–¹ã¯ã€ã“ã‚Œã‚’æ©Ÿä¼šã«è¦šãˆã€ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ preloadï¼ãƒ—ãƒªãƒãƒ¼ãƒ‰ã¨èªã‚€ãã†ã§ã™ã€‚ ãã®åã®é€šã‚Šã€ãƒ—ãƒªï¼å…ˆè¡Œã€ãƒãƒ¼ãƒ‰ï¼èªã¿è¾¼ã¿ã€ã§å…ˆè¡Œèªã¿è¾¼ã¿ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã«æŒ‡ç¤ºã™ã‚‹æ©Ÿèƒ½ã«ãªã‚Šã¾ã™ã€‚ link è¦ç´ ãªã®
okeke1101 2019/04/03
preload

image
ãƒªãƒ³ã‚¯
ç”»åƒæœ€é©åŒ–æˆ¦ç•¥ PNG/JEPG ç·¨ | blog.jxck.io
Intro æœ¬ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã—ã¦ã„ã‚‹ PNG/JPEG ç”»åƒã«å¯¾ã—ã€ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿å‰Šé™¤ã€æ¸›è‰²ã€ãƒªã‚µã‚¤ã‚ºãªã©åŸºæœ¬çš„ãªæœ€é©åŒ–å‡¦ç†ã®é©ç”¨æˆ¦ç•¥ã¨ã€ãã®æ–¹æ³•ãŠã‚ˆã³çµæžœã«ã¤ã„ã¦ã€‚ ç”»åƒæœ€é©åŒ–ã‚·ãƒªãƒ¼ã‚ºç¬¬ 1 å›žç›®ã®ã‚¨ãƒ³ãƒˆãƒªã§ã‚ã‚‹ã€‚ > ç”»åƒæœ€é©åŒ–æˆ¦ç•¥ PNG/JPEG ç·¨ ç”»åƒæœ€é©åŒ–æˆ¦ç•¥ Picture ç·¨ ç”»åƒæœ€é©åŒ–æˆ¦ç•¥ WebP ç·¨ ç”»åƒæœ€é©åŒ–æˆ¦ç•¥ SVG/Font ç·¨ ç”»åƒæœ€é©åŒ–æˆ¦ç•¥ Lazy Loading ç·¨ ã‚µã‚¤ã‚ºæœ€é©åŒ– ç”»åƒã«ãŠã„ã¦æœ€ã‚‚ç„¡é§„ãªã®ã¯ã€ã‚µã‚¤ã‚ºã®å¤§ãã„ç”»åƒã‚’å°ã•ãè¡¨ç¤ºã—ã¦ã„ã‚‹å ´åˆã§ã‚ã‚‹ã€‚ ã“ã‚Œã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã§ã®è»¢é€ä¸Šã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ä¸Šã‚‚ã‚ªãƒ¼ãƒãƒ¼ãƒ˜ãƒƒãƒ‰ã«ãªã‚‹ã€‚ é€†ã«å°ã•ã„ç”»åƒã‚’æ‹¡å¤§ã—ã¦æç”»ã™ã‚‹ã¨ã€ç´°éƒ¨ãŒè’ã‚Œã¦ã—ã¾ã†ã€‚ ã—ãŸãŒã£ã¦ã€è¡¨ç¤ºã™ã‚‹ã‚µã‚¤ã‚ºã´ã£ãŸã‚Šã«ãƒªã‚µã‚¤ã‚ºã™ã‚Œã°ã€ãƒ‡ãƒ¼ã‚¿é‡ã‚‚æœ€é©ã¨ãªã‚‹ã€‚ ã¾ãŸã€è¦‹ãŸç›®ä¸Šã®å¤‰åŒ–/åŠ£åŒ–ãŒç”Ÿã˜ãªã‘ã‚Œã°ã€æ¸›è‰²ã‚„ä½™è¨ˆãªãƒ¡ã‚¿æƒ…å ±ã®å‰Šé™¤ãªã©ã«ã‚ˆã£ã¦ã€ã‚µã‚¤
okeke1101 2016/06/09
png

image

ç”»åƒ
ãƒªãƒ³ã‚¯
Fran Verona
In 2012, I built my own software for creating and displaying augmented reality content within the browser. Unfortunately, after 2 years it didnâ€™t work out. Then I was freelancing for almost 8 years ðŸ‘¨â€ðŸ’», helping startups building their products in UK, USA, Netherlands and Spain. From webpages connected to third-party services, to digital products used daily by hundreds of users which invoice more
okeke1101 2015/11/13
ãƒã‚´ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°çŠ¶æ³ã‚’è¡¨ç¤º

jQuery

image

download
ãƒªãƒ³ã‚¯
Cleoh twitter
Cleoh twitter - free nudes, naked, photos, Reddit
okeke1101 2015/10/07
image

jquery
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ†ãƒ ã‚’ç›¸å¯¾ãƒ‘ã‚¹ã§æŒ¿å…¥ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³:AssetRelativePath - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚° - ã‚¹ã‚«ã‚¤ã‚¢ãƒ¼ã‚¯
MTã®ãƒ–ãƒã‚°è¨˜äº‹ä½œæˆãƒ»ç·¨é›†ç”»é¢ã§ç”»åƒã‚’æŒ¿å…¥ã™ã‚‹ã¨ã€ç”»åƒã¸ã®ãƒ‘ã‚¹ã¯ãƒ–ãƒã‚°URLã‹ã‚‰ã®çµ¶å¯¾ãƒ‘ã‚¹ã«ãªã‚Šã¾ã™ãŒã€AssetRelativePathãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å°Žå…¥ã™ã‚‹ã¨ç”»åƒã¸ã®ãƒ‘ã‚¹ã‚’ç›¸å¯¾ãƒ‘ã‚¹ã«å¤‰æ›ã—ã¦ãã‚Œã¾ã™ã€‚ ä¾‹ãˆã°ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¾Œã€ç”»åƒæŒ¿å…¥æ™‚ã«ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã¨ãªã‚Šã¾ã™ã€‚ src="http://www.skyarc.co.jp/engineerblog/images/test.jpg" â†“ src="/engineerblog/images/test.jpg" ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ AssetRelativePath.1.02ï¼šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚’è§£å‡ã—ã¦AssetRelativePathãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’MovableTypeã®pluginsãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªä»¥ä¸‹ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚è¨å®šãªã©ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ æ³¨æ„äº‹é … MT5ã§
okeke1101 2013/12/25
movabletype

image

url
ãƒªãƒ³ã‚¯
ç”»åƒç´ æ ã‚²ãƒƒãƒ†ã‚£ ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚º getty images
ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ç”»åƒä»–ã§ã¯è¦‹ã¤ã‹ã‚‰ãªã„ç‹¬å ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚’å«ã‚ã€å¹…åºƒã„ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒ«ã§å…¥æ‰‹å¯èƒ½ãªä½•ç™¾ä¸‡ç‚¹ã‚‚ã®ãƒã‚¤ãƒ¤ãƒªãƒ†ã‚£ãƒ•ãƒªãƒ¼ç”»åƒã¨å†™çœŸã‚’é–²è¦§ã§ãã¾ã™ã€‚ å…¨ã¦ã®ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ç”»åƒã‚’è¦‹ã‚‹äººæ°—ã®ç”»åƒæ¤œç´¢
okeke1101 2013/11/25
ç´ æ

å†™çœŸ

image
ãƒªãƒ³ã‚¯
okeke1101 2013/08/05
image

jpg

javascript

jquery

plugin
ãƒªãƒ³ã‚¯
ã‚«ã‚¹ã‚¿ãƒ ç”»åƒã‚µã‚¤ã‚ºã®ç¨®é¡žã‚’å¢—ã‚„ã—ãŸã„
ã”è¿”ä¿¡ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ï¼ ã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ãè¾¼ã‚€ã®ã‹åˆ†ã‹ã‚‰ãªã‹ã£ãŸã®ã§ ä¸€æ—¦ã€ãƒ†ãƒ¼ãƒžå†…ã®function.phpã« add_image_size( $top_thumbnail, 120, 161, $crop ); ã®è¨˜è¿°ã‚’è¿½è¨˜ã—ã¾ã—ãŸã€‚ ãã—ã¦ã€toppage.phpå†…ã« <?php $myposts = get_posts('numberposts=1&category=3'); if(empty($myposts)){ ?> /* ä»£æ›¿ã®ç”»åƒãŒã¯ã„ã‚Šã¾ã™ã‚ˆ */ <?php }foreach($myposts as $post) : ?> <?php echo get_the_post_thumbnail($post->ID, $top_thumbnail); ?> <?php endforeach; ?> ã¨æ›¸ã„ã¦å‡ºåŠ›ã—ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®ç¸¦æ¨ªå¹…ã¯è‡ªä½“ã¯æ€ã£ãŸã‚ˆã†ãªå½¢ã§å‡º
okeke1101 2013/03/26
thumbnail

image

wordpress
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒŠã«ç”»åƒãŒã´ã£ãŸã‚ŠåŽã¾ã‚‹ã‚ˆã†ã«ç”»åƒã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»imgLiquid - ã‹ã¡ã³ã¨.net
ç”»åƒã‚’åŒ…æ‹¬ã—ãŸã‚³ãƒ³ãƒ†ãƒŠã« ãã®ç”»åƒãŒã´ã£ãŸã‚ŠåŽã¾ã‚‹ ã‚ˆã†ã«ã‚µã‚¤ã‚ºã‚’èª¿æ•´ã™ã‚‹ã€ ã¨ã„ã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ å¿…è¦ã«ãªã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“ ãŒã€éœ€è¦ã¯ã‚ã‚Šãã†ã€‚ ã‚³ãƒ³ãƒ†ãƒŠä¸€æ¯ã«ç”»åƒã‚’è¡¨ç¤ºã•ã›ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã€‚ ä¸ŠãŒä½¿ç”¨ã—ãŸçŠ¶æ…‹ã€ä¸‹ãŒæœªä½¿ç”¨ã§ã™ã€‚ä¸‹ã¯ã‚³ãƒ³ãƒ†ãƒŠã«éš™é–“ãŒã‚ã‚‹ã®ã«å¯¾ã—ã€ä¸Šã¯ã‚³ãƒ³ãƒ†ãƒŠã«éš™é–“ç„¡ãç”»åƒãŒåŽã¾ã£ã¦ã„ã¾ã™ã€‚ç”»åƒã‚’ãƒ¡ã‚¤ãƒ³ã¨ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªWebã‚µã‚¤ãƒˆãªã©ã«ã‚‚è‰¯ã•ãã†ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script> <script src ="imgLiquid-min.js" type="text/javascript"></script> ã‚³ã‚¢ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ $
okeke1101 2012/11/08
ã“ã‚Œã€ã‚¢ãƒ¬ã§ä½¿ãˆã‚‹ã‹ã‚‚

javascript

plugin

image

ç”»åƒ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹CSS4ã®image-set
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹CSS4ã®image-set iOS6ã®Mobile Safariã§æ–°ãŸã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹CSS4(WD)ã®image-seté–¢æ•°ãŒå®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚ ä»•æ§˜ã¯ã€ŒCSS Image Values and Replaced Content Module Level 4ã€ã€è©³ã—ã„æ—¥æœ¬èªžã®è§£èª¬ã¯ã€ŒResponsive imagesã®ãŸã‚ã®-webkit-image-set() - fragmentaryã€ã‚’å‚è€ƒã«ã—ã¦ã„ãŸã ãã¨ã—ã¦ã€æ—©é€Ÿã©ã®ã‚ˆã†ã«ãªã‚‹ã‹è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ #img{ background:black; background:-webkit-image-set( url(1x.png) 1x, url(2x.png) 2x ); width:100px; height:50px; } ã“ã®ã‚ˆã†ã«ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒªãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ã‘ãŸ-webkit-im
okeke1101 2012/09/27
ã“ã‚ŒãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã£ã¦ãã‚Œã‚‹ã¨ãƒžã‚¸åŠ©ã‹ã‚Šã¾ã™ã‚ã€‚

css

image
ãƒªãƒ³ã‚¯
iPhoneãƒšãƒ¼ã‚¸ã®è»½é‡åŒ–ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - Branch
Clicking the â€œBranch thisâ€ button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someoneâ€™s post or want to go on a tangentâ€”without taking the whole conversation off track. Join our beta so you can branch posts, too.
okeke1101 2012/09/18
iPhone

canvas

image
ãƒªãƒ³ã‚¯
jquery.n3.cropper Overview
ã“ã®ã‚³ãƒ¼ãƒ‰ã§ã€ jQuery("#target").n3Cropper({ width : 150, height : 150 });
okeke1101 2012/07/24
ã„ã¾ã®æ¡ˆä»¶ã§ä½¿ãˆãã†ã ãªã€‚è¦æ¤œè¨Žã€‚

jquery

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

image

ç”»åƒ

*use
ãƒªãƒ³ã‚¯
CSS3ã‚’ä½¿ã£ã¦ã§ãã‚‹ç”»åƒã¾ã‚ã‚Šã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°18
CSS3ã‚’ä½¿ã£ãŸç”»åƒã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã«ã¤ã„ã¦ã€æ€ã„ã¤ãé™ã‚Šä¸€æŒ™ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãŸãã•ã‚“ç”»åƒã‚’æ‰±ã†ã‚µã‚¤ãƒˆãªã©ã‚’ä½œã‚‹éš›ã«ã€CSSã§ã§ãã‚‹è¡¨ç¾ã®ã‚«ã‚¿ãƒã‚°ã¨ã—ã¦ä½¿ã£ã¦ã‚‚ã‚‰ãˆãŸã‚‰ã¨æ€ã„ã¾ã™ã€‚ â€» 2/24 ã€Œ2. ã‚ãã‚ŒãŸé¢¨ã€ã‚’æ›¸ãå¿˜ã‚Œã¦ã„ãŸã®ã§è¿½è¨˜ã—ã¾ã—ãŸ ç›®æ¬¡ 1. ã‚·ãƒ£ãƒ‰ã‚¦ 2. ã‚ãã‚ŒãŸé¢¨ 3. ãƒˆã‚¤ã‚«ãƒ¡ãƒ©é¢¨ãƒˆãƒ³ãƒãƒ«åŠ¹æžœ 4. ã‚«ãƒ©ãƒ¼èª¿æ•´ 5. å›žè»¢ 6. è§’ä¸¸ 7. æ¥•å††ã®ãƒ•ãƒ¬ãƒ¼ãƒ 8. å††ã®ãƒ•ãƒ¬ãƒ¼ãƒ 9. ä¸‰è§’å½¢ãƒ•ãƒ¬ãƒ¼ãƒ 10. é‡ãªã£ãŸé¢¨ 11. ã¼ã‹ã— 12. ãƒ•ã‚§ãƒ¼ãƒ‰ï¼ˆã‚·ãƒ£ãƒ‰ã‚¦ç·¨ï¼‰ 13. ãƒ•ã‚§ãƒ¼ãƒ‰ï¼ˆã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç·¨ï¼‰ 14. åå°„ 15. ãƒªãƒœãƒ³ 16. å·®ã—è¾¼ã‚“ã é¢¨ 17. ãƒ•ãƒ¬ãƒ¼ãƒ ã ã‘ã‚’å‚¾ã‘ã‚‹ 18. åŠé€æ˜Žãƒ•ãƒ¬ãƒ¼ãƒ ã¾ã¨ã‚ â€» å®Ÿéš›ã®è¡¨ç¤ºã¯ã“ã¡ã‚‰ã‹ã‚‰ç¢ºèªã§ãã¾ã™ã€‚ â€» ã“ã®è¨˜äº‹ã§æŽ²è¼‰ã—ã¦ã„ã‚‹CSSã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ã«ã™ã‚‹ãŸã‚ã«ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒªãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ã‘ã¦ã„ã¾ã›ã‚“
okeke1101 2012/07/19
css3

image

*use
ãƒªãƒ³ã‚¯
æ¬¡ä¸–ä»£HTMLã®æ–°ä»•æ§˜ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¤ãƒ¡ãƒ¼ã‚¸ï¼ˆä»®ï¼‰ã€ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿè£…ã™ã‚‹éš›ã€ç”»åƒã®æ‰±ã„ã¯ä¸€ã¤ã®èª²é¡Œã¨ã—ã¦æ®‹ã£ã¦ã„ã¾ã™ã€‚ç¾åœ¨ã€PHPã‚’ä½¿ç”¨ã—ãŸã€ŒAdaptive Imagesã€ã‚„JavaScriptã‚’ä½¿ã£ãŸã€ŒResponsive-Imagesã€ãªã©ãŒç¾å®Ÿçš„ãªå¯¾å¿œç–ã¨ã—ã¦ã‚ã‚Šã¾ã™ãŒã€ã©ã¡ã‚‰ã‚‚Apacheã®è¨å®šã‚’å¿…è¦ã¨ã—ã¾ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ãŒåºƒã¾ã£ã¦æ¨™æº–çš„ãªå®Ÿè£…æ–¹æ³•ã®ä¸€ã¤ã«ãªã‚ã†ã¨ã—ã¦ã„ã‚‹ä»Šã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰æŠ€è¡“ã«ä¾å˜ã—ãªã„è§£æ±ºç–ãŒæ—©æ€¥ã«æ±‚ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã€HTMLã®ä»•æ§˜ç–å®šã®ä¸€ç«¯ã‚’æ‹…ã†WHATWGï¼ˆWeb Hypertext Application Techno logy Working Group â€“ ãƒ¯ãƒƒãƒˆãƒ€ãƒ–ãƒ«ã‚¸ãƒ¼ã¨èªã‚€ï¼‰ã§ã€æ–°ãŸãªä»•æ§˜ãŒæ¤œè¨Žã•ã‚Œã¦ã„ã¾ã™ã€‚ ã§ã¯ã€ã©ã‚“ãªè°è«–ãŒã•ã‚Œã¦ã„ã¦ã€ä»Šã©ã‚“ãªçŠ¶æ³ãªã®ã‹ï¼Ÿ ãªã‹ãªã‹è¤‡é›‘ãªã“ã¨ã«ãªã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ã€èª¿ã¹ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ â€»ã“ã®è¨˜äº‹ã¯ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Web
okeke1101 2012/07/02
å›žç·šé€Ÿåº¦ã®åˆ¤åˆ¥ãŒä»Šå¾Œã®èª²é¡Œã‹ã€‚

responsive

image
ãƒªãƒ³ã‚¯
[JS]Responsiveãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚µã‚¤ã‚ºå¯å¤‰ã®ç”»åƒã§ã‚‚ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—å¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -RWD Image Maps
å®Ÿè£…ã‚‚ç°¡å˜ã§è¶…è»½é‡ã€Responsiveãƒ‡ã‚¶ã‚¤ãƒ³ã§ç”»åƒã®ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ã¦ã‚‚ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—ã®åº§æ¨™ã‚’è¨ˆç®—ã—ãªãŠã™jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º [ad#ad-2] RWD Image Mapsã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.rwdImageMaps.min.js"></script> HTML HTMLã¯ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãƒžãƒƒãƒ—ã‚’é€šå¸¸é€šã‚Šè¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ <img src="powerpuff-girls.fw.jpg" width="1024" height="768" usem
okeke1101 2012/07/01
Responsive

image
ãƒªãƒ³ã‚¯
https://design-spice.com/2012/06/13/responsive-web-design-image/
okeke1101 2012/06/16
responsive

jQuery

image

retina
ãƒªãƒ³ã‚¯
http://retinajs.com/
okeke1101 2012/05/10
retina

js

jquery

image
ãƒªãƒ³ã‚¯
1