[JS]é€éŽå‡¦ç†ã‚’ã—ãŸå†™çœŸç”»åƒã®è»¢é€é‡ã‚’軽ãã™ã‚‹æ–¹æ³•é€šå¸¸ã€é€éŽå‡¦ç†ã‚’ã—ãŸå†™çœŸç”»åƒã‚’使用ã™ã‚‹éš›ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯PNGを使用ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ã“れを写真画åƒã«JPEGã€ãã®ä¸Šã«ãƒžã‚¹ã‚¯ã®PNGを使用ã—ã¦ãƒˆãƒ¼ã‚¿ãƒ«ã®å®¹é‡ã‚’軽減ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ デモã§ã¯ã€PNGã®ã¿ã§127KBã€JPEG with PNGã§42KBã€ã¨ç´„1/3容é‡ãŒè»½æ¸›ã—ã¦ã„ã¾ã™ã€‚ ;(function() { var create_alpha_jpeg = function(img) { var alpha_path = img.getAttribute('data-alpha-src') if(!alpha_path) return // Hide the original un-alpha'd img.style.visiblity = 'hidden' // Preload the un-alpha'd image var image = document.cre
[JS]最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹é¢ç™½ã„仕掛ã‘や便利ãªæ©Ÿèƒ½ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã¾ã¨ã‚![[JS]最近ã®Webサイトã§è¦‹ã‹ã‘ã‚‹é¢ç™½ã„仕掛ã‘や便利ãªæ©Ÿèƒ½ã‚’実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/eb35406166a9bab01fb02a6a7949249bd7191347/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014092904-01.png)
WebGL 開発支æ´ã‚µã‚¤ãƒˆ wgld.org
180æ—¥ã§180個ã®ã‚¦ã‚§ãƒ–サイトを作るプãƒã‚¸ã‚§ã‚¯ãƒˆãŒã¤ã„ã«å®Œèµ°ã‚’æžœãŸã™
msto.jp - itè»¢è· ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
ãŸã£ãŸä¸€è¡Œã§ã•ã¾ã–ã¾ãªè¦ç´ をレスãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Fluidity | コリス
Webアプリをã„ã¾ã©ãã®æ‰‹æ³•ã§çˆ†é€Ÿé–‹ç™ºã—㟠— KaoriYa
ã·ã‚‹ã‚‹ã‚“新感覚ï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ゲーション -Jelly Navigation Menu
æ ªå¼ä¼šç¤¾ã‚³ãƒ³ãƒ†ãƒ³ãƒ„　Contents Co.,Ltd.
ã¾ãŸæ–°ã—ã„HTML5オーサリングツール「Ninjaã€ã€ã‚¿ã‚¤ãƒ ラインã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚作æˆå¯èƒ½ã€‚Motorola MobilityãŒã‚ªãƒ¼ãƒ—ンソースã§å…¬é–‹
HTML5.JP - 次世代HTML標準 HTML5æƒ…å ±ã‚µã‚¤ãƒˆ
ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹HTML5ã§ã®ã‚µã‚¤ãƒˆåˆ¶ä½œï¼ç¬¬9回　XHTML1.0ã¨HTML5ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®é•ã„を確èªã—ã¦ã¿ã‚ˆã† - MdN Design Interactive
Browserling – Online cross-browser testing
{{#tags}}- {{label}}
{{/tags}}