ãªãŽã› ゆã†ã on Twitter: "ã¨ã“ã‚ã§HTML5+CSSã£ã¦ãƒãƒ¥ãƒ¼ãƒªãƒ³ã‚°å®Œå…¨ãªã‚“ã§ã™ã‚ˆã？"ã¨ã“ã‚ã§HTML5+CSSã£ã¦ãƒãƒ¥ãƒ¼ãƒªãƒ³ã‚°å®Œå…¨ãªã‚“ã§ã™ã‚ˆã？
html/css å‚考サイトç·ã¾ã¨ã‚
作æˆï¼š2013/10/15 更新：2014/11/01 Web制作 > 先週ã€WordPressã¨EC-CUBEã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã—ãªã‘ã‚Œã°ã„ã‘ãªãã¦ã€ä¹…ã—ã¶ã‚Šã«ã„ã˜ã£ã¦ãŠã‚Šã¾ã—ãŸãŒã€å¿˜ã‚Œã¦ã„ãŸã‚ŠçŸ¥ã‚‰ãªã‹ã£ãŸã“ã¨ãŒæ²¢å±±ã‚ã‚Šã¾ã—ãŸã€‚レイアウトã¯SEOã‚„UIã«ã‚‚æ·±ã関係ã—ã¦ã„ã‚‹ã®ã‚‚ã‚ã‚Šã€ã“ã“らã¸ã‚“ã§CSSã‚„HTML５を触るã¨ãã«å‚考ã«ã™ã‚‹ã¨æ—る記事を一回ã¾ã¨ã‚よã†ã¨æ€ã„ã¾ã™ã€‚今回ã¯CMSやオリジナルサイトを作るã†ãˆã§ã€ŒçŸ¥ã£ã¦ãŠãã¨å¿…ãšå½¹ç«‹ã¤ã€ã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã㘠定番ã¾ã¨ã‚ １．勉強ã«ãªã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ã‚µãƒ³ãƒ—ルã¾ã¨ã‚ åŸºæœ¬çŸ¥è˜ ï¼’ï¼Žã‚»ãƒ¬ã‚¯ã‚¿ ３．メディア クエリ ４．コーディングè¦ç´„ ５．フォント ６．CSSスプライト ７．アニメーション ８．æ£ç¢ºãªHTML使用方法 ９．CSSãƒãƒƒã‚¯ １ï¼ï¼Žæ›¸ãæ–¹ï¼èªã¿æ–¹ 定番ã¾ã¨ã‚
ã“ã‚Œã¯ã‚¹ã‚´ã‚¤ï¼HTML5ã§ãƒªãƒ¡ã‚¤ã‚¯ã•ã‚ŒãŸã‚¹ãƒ¼ãƒ‘ーマリオブラザース
HTML5ã§ä½œã‚‰ã‚ŒãŸã‚¹ãƒ¼ãƒ‘ーマリオブラザースを紹介ã—ã¾ã™ã€‚ ブラウザã¯Chromeã§ãŠæ¥½ã—ã¿ãã ã•ã„。 Full Screen Mario æ“作ã¯ã‚ーボードã§è¡Œã„ã¾ã™ã€‚ 移動 å·¦å³ã®çŸ¢å°ã‚ー or Aã¨D ジャンプ 上ã®çŸ¢å°ã‚ー or W or スペース ファイア Shift ãƒãƒ¼ã‚º P ミュート M 音ãŒæ°—ã«ãªã‚‹äººã¯ã€ã€ŒMã€ã§ã€‚ ã‚ーボードæ“作ãªã®ã§æ…£ã‚ŒãŒå¿…è¦ã§ã™ãŒã€ã‘ã£ã“ã†æ¥½ã—ã‚ã¾ã™ã€‚
世ã®ä¸ã®HTML5アプリケーションãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„んよ - mizchi's blog
2chã¾ã¨ã‚ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦ã¿ãŸã€‚(ã—ã¦ã¿ãŸã‹ã£ãŸ) HTML5ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨åˆæœŸåŒ–ã¨ã‚ャッシュã®è€ƒãˆæ–¹ãŒã€ã€Œã‚¦ã‚§ãƒ–エンジニアã€ã¯æœ¬å½“ã«å‡ºæ¥ã¦ãªã„。 ã¨ãã«ã‚½ã‚·ãƒ£ã‚²ã‚’ウェブビューã«è²¼ã£ã¦ã‚¹ãƒžãƒ›å¯¾å¿œã—ã¾ã—ãŸç³»ã€‚本当ã«ãƒ€ãƒ¡ã€‚ ã˜ã‚ƒã‚ã©ã†ã™ã‚‹ã‹ï¼ŸåŸºæœ¬çš„ã«ã€ŒåˆæœŸåŒ–ã€ã®è€ƒãˆæ–¹ã‚’ç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã€‚ (ã“ã®è¨˜äº‹ã¯Backboneを使ã†ã¨ãã«è€ƒãˆã¦ã‚‹ã“ã¨ã ã‘ã©ã€ä»–ã§ã‚‚一緒ã ã¨æ€ã†) å‰æ シングルページアプリケーション セマンティクスやSEOã¯è€ƒæ…®ã—ãªã„ åŸºæœ¬å“²å¦ å…±é€šãƒ¢ãƒ‡ãƒ«ã®åˆæœŸåŒ–を徹底的ã«è¡Œã† サーãƒãƒ¼ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’投ã’ã‚‹ã®ã¯æœ€å°é™ クライアントã§ã‚µãƒ¼ãƒãƒ¼ãƒ¢ãƒ‡ãƒ«ã®ã‚ャッシュを作りã€æ›´æ–°ãŒæœŸå¾…ã•ã‚Œã‚‹ã¾ã§å†å–å¾—ã—ãªã„ ç†ç”± ã„ãらDOMã®æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã§UXã«å½±éŸ¿ãŒå¤§ãã„ã®ã¯ã‚µãƒ¼ãƒãƒ¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(200~2000ms)ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ®µéšŽã§è¾›ã•ãŒã‚ã¤ã¾ã‚‹ã®ã¯éžåŒæœŸå‡¦ç†ã®éƒ¨åˆ†ã€‚ プãƒã‚°ãƒ©ãƒžã¨ã—
Happy Elements Labs: 世界平和ã¨Android
エンジニアã®è‰è‹…ã§ã™ã€‚ スマートフォンを扱ã†ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®çš†ã•ã‚“ã¯ã€æ—¥ã€…Android ã®ãƒã‚°ã«æ‚©ã¾ã•ã‚Œã¦ã„ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚弊社も類ã«æ¼ã‚Œãšæ§˜ã€…㪠Android ã®ãƒã‚°ã¨æˆ¦ã£ã¦ã„ã¾ã™ã€‚ 特ã«ã‚ã‚“ã•ã‚“ã¶ã‚‹ã‚¬ãƒ¼ãƒ«ã‚ºï¼ã§ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã™ã¹ã¦ Canvas を利用ã—ã¦ã„ã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€Android ã® Canvas 絡ã¿ã®ãƒã‚°ã«ã€é ã‚’ç—›ã‚ã¦ã„ã¾ã™ã€‚ Android ã®ãƒãƒƒãƒ‰ãƒŽã‚¦ãƒã‚¦ã¯æ‚©ã‚“ã§ã„る人ã¿ã‚“ãªã§å…±æœ‰ã—ãŸæ–¹ãŒã€ä¸–ã®ãŸã‚人ã®ãŸã‚ã«ãªã‚‹ã®ã§ã¯ã¨æ€ã„ç«‹ã£ãŸã®ã§ã€ä¸–界平和を願ã£ã¦ã„ãã¤ã‹ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. GPUレンダリングã®è¨å®šã«ã‚ˆã£ã¦ Canvas ã§ä¸å…·åˆãŒç™ºç”Ÿã™ã‚‹ Android 㯠OS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚„ã€WebView ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®é•ã„ã«ã‚ˆã£ã¦ã€GPUレンダリングOFFã®å ´åˆã«ã€Canvas ãŒæ£å¸¸ã«è¡¨ç¤ºã§ããªã„端末ã€ã‚‚ã—ãã¯GPUレンダリングONã®
Facebookアプリをã€HTML5ã§ã©ã†ã—ã¦ã‚µã‚¯ã‚µã‚¯ã«ã§ããŸã®ã‹ã€‚Sencha Touch開発ãƒãƒ¼ãƒ ãŒç”¨ã„ãŸ3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Sencha Touchã®é–‹ç™ºãƒãƒ¼ãƒ ãŒHTML5ã§é«˜é€Ÿã«å‹•ä½œã™ã‚‹Facebookアプリを開発ã—ãŸã“ã¨ã‚’紹介ã—ãŸ1ã¤å‰ã®è¨˜äº‹ 「Facebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リãŒå¤±æ•—ã—ãŸç†ç”±ã¯HTML5ã®ã›ã„ã˜ã‚ƒãªã„。HTML5ã§ã‚µã‚¯ã‚µã‚¯å‹•ãFacebookアプリを作ã£ã¦è¦‹ã›ãŸSencha Touch開発ãƒãƒ¼ãƒ ã€ã¯ã€éžå¸¸ã«å¤šãã®èªè€…ã«æ³¨ç›®ã•ã‚Œã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸSencha Touch開発ãƒãƒ¼ãƒ ã®ãƒ–ãƒã‚°ã€ŒThe Making of Fastbook: An HTML5 Love Storyã€ã®å¾ŒåŠã§ã¯ã€ã©ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’用ã„ã¦é«˜é€ŸãªHTML5アプリケーションを実ç¾ã—ãŸã®ã‹ã‚‚紹介ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®3ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚タイムラインやニュースフィードã®ã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å‚™ãˆãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã¯ã€ã“ã‚Œã‹ã‚‰åºƒã開発ã•ã‚Œã¦ã„ãã“ã¨ã«ãª
Facebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リãŒå¤±æ•—ã—ãŸç†ç”±ã¯HTML5ã®ã›ã„ã˜ã‚ƒãªã„。HTML5ã§ã‚µã‚¯ã‚µã‚¯å‹•ãFacebookアプリを作ã£ã¦è¦‹ã›ãŸSencha Touch開発ãƒãƒ¼ãƒ
Facebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リãŒå¤±æ•—ã—ãŸç†ç”±ã¯HTML5ã®ã›ã„ã˜ã‚ƒãªã„。HTML5ã§ã‚µã‚¯ã‚µã‚¯å‹•ãFacebookアプリを作ã£ã¦è¦‹ã›ãŸSencha Touch開発ãƒãƒ¼ãƒ Facebookã¯ä»Šå¹´ã€HTML5ベースã§é–‹ç™ºã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リã®å‹•ä½œé€Ÿåº¦ã‚„安定性ã§ä¸è©•ã‚’è²·ã„ã€å‹•ä½œã‚’改善ã—ãŸãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションをã‚らãŸã‚ã¦ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ザッカーãƒãƒ¼ã‚°æ°ã‚‚ã“れを振り返ã£ã¦ã€ŒHTML5ã«è³ã‘ãŸã®ã¯å¤±æ•—ã€ã¨ç™ºè¨€ã—ã¾ã—ãŸã€‚ ã—ã‹ã—「Facebookã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発ãƒãƒ¼ãƒ ãŒæŠ±ãˆãŸå•é¡Œã®ç†ç”±ã‚’ã€ç§ãŸã¡ã¯æ€ªã—ã„ã¨æ€ã£ã¦ã„ã‚‹ã€ï¼ˆWe had our suspicions about why Facebook's mobile application team had problems）ã¨ãƒ–ãƒã‚°ã«æ›¸ã„ãŸã®ã¯ã€HTML5ベースã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションフレームワーク「Sencha Touchã€ã®é–‹ç™ºãƒãƒ¼ãƒ 。
HTML5 Advent Calendar 2012 - Adventar
誰ã‹ä½œã£ã¦ã„ã‚‹ã‹ã¨æ€ã£ãŸã‚‰ã€æ„外ã¨ãªã‹ã£ãŸã‚‰ã—ã„ã®ã§ä½œã‚Šã¾ã—ãŸã€‚ HTML5ã‚„JavaScript APIã«é–¢ã™ã‚‹è©±é¡Œã§ã‚ã‚Œã°ã€Web標準ã‹ã‚‰ã‹ã‘離れãŸè©±é¡Œã§ãªã‘ã‚Œã°ã€ãªã‚“ã§ã‚‚OKã§ã™ï¼
HTML5ã‚’ä¸å¿ƒã¨ã—ãŸã€ŒWeb標準ã€ãŒã©ã‚Œã ã‘ã‚ã‚‹ã®ã‹ã€å›³ã«ã—ã¦ã¿ã‚‹ã¨â€¦â€¦
急速ã«ç«‹ã¡ä¸ŠãŒã‚ã†ã¨ã—ã¦ã„る「プラットフォームã¨ã—ã¦ã®Webã€ã€‚ãã®ãŸã‚ã«ç¾åœ¨ãŸãã•ã‚“ã®Web標準ãŒæå”±ã•ã‚Œã€æ¨™æº–化作æ¥ãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã®å…¨ä½“åƒã‚’1æžšã®å›³ã¨ã—ã¦ç¤ºã—ãŸã®ã¯ã€Mozilla Japanã®dynamis（ã§ã‚…ãªã¿ã™ï¼‰æ°ã“ã¨æµ…井智也æ°ã€‚先週行ã‚ã‚ŒãŸã‚ªãƒ¼ãƒ—ンソースカンファレンス2012京都ã§è¡Œã£ãŸè¬›æ¼”ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‹ã‚‰è¨±å¯ã‚’å¾—ã¦å¼•ç”¨ã—ã¾ã™ã€‚ HTML5ã‚’ä¸å¿ƒã«ã€å††ã®è‰²ã¯æ¨™æº–化団体ã®è‰²ã‚’示ã—ã¦ã„ã¾ã™ã€‚é’ãªã‚‰W3C/WHATWGã€é»„色ã¯IETFã€èŒ¶è‰²ã¯ECMAã€èµ¤ã¯Khronos。ã¾ãŸã€å††ã®å¤–å´ã¯ã¾ã ã¾ã ã“ã‚Œã‹ã‚‰ã®æŠ€è¡“ã¨ã„ã†ä½ç½®ã¥ã‘ã«ãªã£ã¦ã„ã‚‹ãã†ã§ã™ã€‚ ã“ã†ã—ã¦1æžšã®å›³ã«ã—ã¦è¦‹ã‚‹ã¨ã€å®Ÿã«ãŸãã•ã‚“ã®æŠ€è¡“ãŒWebã§å®Ÿç¾ã•ã‚Œã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã“ã¨ã«é©šã‹ã•ã‚Œã¾ã™ã€‚ ã“ã®ã™ã¹ã¦ã®æŠ€è¡“を使ã„ã“ãªã™å¿…è¦ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Webをプラットフォームã¨ã™ã‚‹ã‚¢ãƒ—リケーションã®æ§‹ç¯‰ã«ã¯ã€HTML5ã®ãƒžãƒ¼
Google ãŒã¾ã Flash を使ã£ã¦ã„るサービスã§ã¿ã‚‹è„± Flash ã®é›£ã—ã• - ã¦ã£ã煮ブãƒã‚°
Flash, HTML5スマートフォンã®æ™®åŠãŒé€²ã‚€ä¸ã€iPhone ã«ã¯ Flash ãŒæ載ã•ã‚Œãšã€Android 版 Flash ã¯é–‹ç™ºåœæ¢ã«ãªã‚‹ãªã©ã€é…ã‹ã‚Œæ—©ã‹ã‚Œ Web 上ã‹ã‚‰ Flash ãŒæ¶ˆãˆã¦ã„ãã€ãƒªãƒƒãƒãªè¡¨ç¾ã¯ HTML5 ã«ç½®ãæ›ã‚ã£ã¦ã„ãã“ã¨ã¯ç¢ºå®Ÿã¨ãªã‚Šã¾ã—ãŸã€‚「ã“ã‚Œã‹ã‚‰ã¯ HTML5 ã ã€ã¨ã„ã†å°è±¡ã‚’世間ã«å¼·ã与ãˆãŸã®ãŒã€2009 å¹´ã® Google I/O ã§ã—ãŸã€‚Google I/O 2009 レãƒãƒ¼ãƒˆ グーグルãŒè³ã‘ã‚‹HTML 5ã®æœªæ¥ − ï¼ ITGoogle ã¯ãれ以é™ã€å¤šãã®ã‚µãƒ¼ãƒ“ス㫠HTML5 ã‚’å–り入れã¦ãã¾ã—ãŸã€‚ã—ã‹ã—ã€ã„ã¾ã ã« Flash を利用ã—ã¦ã„るサービスãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ HTML5 化ã—ã¦ã„ãªã„ã€ã¾ãŸã¯ã€ã§ãã¦ã„ãªã„ 5 ã¤ã® Google ã®ã‚µãƒ¼ãƒ“スを通ã—ã¦ã©ã®ã“㧠Flash ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ãªãœ Flash ãŒä½¿ã‚ã‚Œã¦
Flash é‡ã„ã¨ã„ã†äººãŸã¡ - ã¦ã£ã煮ブãƒã‚°
ã“ã“最近ã€ã€Web屋é™å®šã€‘Flash・SilverlightãŠè‘¬å¼ä¼šå ´ HTML5大å‹åˆ©ï½—ï½—ï½— | æ•™ãˆã¦ï¼ã¯ã‹ã©ã‚‹é€Ÿå ±ã¯ã¦ãªãƒ–ックマーク - HTML5ã¯Flashã®3å€é‡ã‹ã£ãŸ! æ画パフォーマンスã®æ¯”較 | ClockMaker Blogã‚ãŸã‚Šãƒœãƒ¼ã£ã¨è¦‹ã¦ã„ã‚‹ã¨ã€ã€ŒFlash ãŒé‡ã„ã€â†’「Flash ãªããªã‚Œã€ã¨ã„ã£ãŸè©±ãŒå‡ºã¦ãる。ã‘ã©ã‚‚ã€å©ãã¹ãã¯ãã“ã˜ã‚ƒãªã„よã†ãªæ°—ãŒã—㦠twitter ã«ã¤ã¶ã‚„ã„ã¦ã„ãŸã®ã‚’ã“ã¡ã‚‰ã«ã‚‚転載ã—ã¤ã¤è£œè¶³ã—ã¦ãŠã。クソé‡ã„ Flash サイトã«ã¤ã„㦠「Flash クソé‡ã„ã€æ¶ˆãˆã‚ã€ã¨è¨€ã£ã¦ã‚‹äººã€Flash ãŒæ¶ˆãˆã¦ HTML5 ã§ã‚¯ã‚½é‡ã„広告サイトãŒä½œã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã¨ãã«ä½•ã¦è¨€ã†ã‚“ã ã‚ã†ã€‚ 2012-02-23 00:18:13 via web 忌むã¹ãã¯ãƒ—ラットフォームã§ã¯ãªãã€é‡ãã¦ã‚‚良ã—ã¨ã™ã‚‹åºƒå‘Šä¸»ã¨åˆ¶ä½œä¼šç¤¾ã€‚ 2012-02-23 00:
Webã®é–‹ç™ºå´ã«ã„る人間ã§Flashæ»ãï¼HTML5最高!ã¨è¨€ã£ã¦ã„る人ã¯æ£ç›´ã©ã†ã‹ã¨æ€ã†ã€‚
æ ªå¼ä¼šç¤¾ã‚¯ãƒ¬ã‚¤ã‚¸ãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã®ä»£è¡¨ã€‚家電メーカー系エンジニアã§ãƒ—リンタやSDカード関連ã®é–‹ç™ºã«å¾“事。ケータイã®ã‚¢ãƒ—リやサイトã€é›»å書ç±ã®ã‚·ã‚¹ãƒ†ãƒ ãªã©ã«è©³ã—ã„。最近ã€æ–食ã«ã¯ã¾ã‚‹ã€‚
Microdata + schema.org を実際ã«ä½¿ã£ã¦ã¿ã‚‹
schema.org 㯠Googleã€Microsoft (Bing)ã€Yahoo! ã¨ã„ㆠWeb 検索ã®å¤§æ‰‹ 3 社ãŒå…±åŒã§å–り組んã§ã„る試ã¿ã§ã€ã‚ˆã‚Šæ§‹é€ 化ã•ã‚ŒãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãŸã‚ã®å…±æœ‰ã®èªžå½™é›† (vocabulary) ã‚’æä¾›ã—よã†ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ã“ã® schema.org ã®èªžå½™ã‚’利用ã—ã¦ã€å®Ÿéš›ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã« Microdata ã‚’è¿½åŠ ã™ã‚‹å…·ä½“例をã„ãã¤ã‹è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ schema.org 㮠アイテム型 (item type) 㯠階層 (hierarchy) ã®ã‹ãŸã¡ã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚åž‹ã”ã¨ã«ç‹¬è‡ªã® プãƒãƒ‘ティ ãŒå®šç¾©ã•ã‚Œã€ä¸Šä½ã®åž‹ã®ãƒ—ãƒãƒ‘ティã¯ä¸‹ä½ã®åž‹ã«å¼•ã継ãŒã‚Œã¾ã™ã€‚最上ä½ã¯ Thing ã¨ã„ã†æ±Žç”¨ã®åž‹ã§ã€nameã€urlã€imageã€description ã¨ã„ã†ã‚‚ã£ã¨ã‚‚基本的ãªãƒ—ãƒãƒ‘ティãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã—ã¦ãã®ä¸‹ã« CreativeWorkã€Eventã€
Ruby製クレヨンã§ãŠçµµæãã—よã†ã‚ˆï¼ - hp12c
ブãƒã‚°ã‚’下記ã«ç§»è»¢ã—ã¾ã—ãŸã€‚デザイン変更ã«ã‚ˆã‚Šç§»è»¢å…ˆã§ã¯è¨˜äº‹ãŒä¸€å±¤èªã¿ã‚„ã™ããªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚ˆã‚ã—ã‘ã‚Œã°ç§»å‹•ã‚’ãŠé¡˜ã„致ã—ã¾ã™ã€‚ Ruby製クレヨンã§ãŠçµµæãã—よã†ã‚ˆï¼ : melborne.github.com - 米国ã«Crayolaã¨ã„ã†ã‚¯ãƒ¬ãƒ¨ãƒ³ã®è€èˆ—メーカーãŒã‚ã‚Šã¾ã™*1 創æ¥ä»¥æ¥ãã®è‰²æ•°ã‚’増やã—ã¦ã„ã£ã¦ ç¾åœ¨ã§ã¯ãã®æ¨™æº–カラーã¯133色もã‚ã‚‹ãã†ã§ã™ ã•ã‚‰ã«12以上ã®ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚»ãƒƒãƒˆãŒã‚ã£ã¦ ãれらをåˆã‚ã›ã‚‹ã¨è‰²æ•°ã¯300を超ãˆã¾ã™ ウィã‚ペディアã«Crayola社クレヨンã®ãƒšãƒ¼ã‚¸ãŒã‚ã£ã¦ ãã“ã«ã»ã¼å…¨è‰²ã®ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’ æƒ…å ±ã‚µã‚¤ãƒˆ*2を通ã—ã¦çŸ¥ã‚Šã¾ã—㟠List of Crayola crayon colors - Wikipedia ãƒ•ã‚¡ãƒ³ã‚¿ã‚¹ãƒ†ã‚£ãƒƒã‚¯ï¼ Color Loverã¨ã—ã¦ã¯ã“れを無視ã§ãã¾ã›ã‚“ ãã‚“ãªã‚ã‘ã§.. Rubyã®å‹‰å¼·ã‚’å…¼ãã¾ã—ã¦ã“れら
SVG女å｜SVG Girl
We’re getting things ready Loading your experience… This won’t take long.
HTML5ã®å‹‰å¼·ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„リファレンスã®ã¾ã¨ã‚
HTML5ã®è¦ç´ や属性ã€ç¾Žã—ã„コードã®æ›¸ãæ–¹ã€å„ブラウザã®å¯¾å¿œçŠ¶æ³ãªã©ã‚’ã¾ã¨ã‚ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„リファレンスを紹介ã—ã¾ã™ã€‚ HTML 5 Visual Cheat Sheet（é…布終了） HTML5ã®ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ä»¥å‰ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰èƒŒæ™¯ãŒç™½ã«å¤‰ã‚ã‚Šã€ç›®ã«å„ªã—ããªã‚Šã¾ã—ãŸã€‚
グーグルã®ã€ŒH.264ã€ã‚µãƒãƒ¼ãƒˆæ‰“ã¡åˆ‡ã‚Š--決定ã®èƒŒæ™¯ã¨å響
（編集部注：ã“ã¡ã‚‰ã¯ã€1月12æ—¥ã«å…¬é–‹ã®ã€Œã‚°ãƒ¼ã‚°ãƒ«ã€ã€ŒChromeã€ã§ã®ã€ŒH.264ã€ã‚µãƒãƒ¼ãƒˆã‚’打ã¡åˆ‡ã‚Šã¸ã€ã«ã€ã‚ªãƒªã‚¸ãƒŠãƒ«è‹±æ–‡è¨˜äº‹ä¸ã«ã‚ã‚‹æœªç¿»è¨³éƒ¨åˆ†ã‚’è¿½åŠ ã—ã€ä¸€éƒ¨ã‚’å†ç·¨é›†ã—ã¦å…¬é–‹ã—ã¦ã„ã¾ã™ï¼‰ Googleã¯ã¡ã‚‡ã†ã©ã€ã‚¦ã‚§ãƒ–ã®ã‚³ãƒ¼ãƒ‡ãƒƒã‚¯æˆ¦äº‰ã§ä¸€æ–‰æ”»æ’ƒã‚’仕掛ã‘ãŸã¨ã“ã‚ã 。 独自ã®ãƒ“デオエンコーディング技術「WebMã€ã§å¸‚å ´ã«å‚å…¥ã—ã¦ã„ã‚‹Googleã¯ã€ç±³å›½æ™‚é–“1月11æ—¥ã€ã€ŒGoogle Chromeã€ã§ã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã€ŒH.264ã€ã®ãƒ“ルトインサãƒãƒ¼ãƒˆã‚’ä¸æ¢ã™ã‚‹è¨ˆç”»ã‚’発表ã—ãŸã€‚「H.264ã€ã¯WebMã¨ç«¶åˆã—ã€åºƒã利用ã•ã‚Œã¦ã„るコーデックã§ã€Appleã‚„MicrosoftãŒæ”¯æŒã—ã¦ã„る。Googleã¯H.264ã®ã‚µãƒãƒ¼ãƒˆã‚’打ã¡åˆ‡ã£ãŸã“ã¨ã§ã€Mozilla Foundationã‚„Operaãªã©ã€åŸºæœ¬çš„ãªã‚¦ã‚§ãƒ–技術ãŒç‰¹è¨±ã®åˆ¶ç´„ã‚’å—ã‘ãªã„ã“ã¨ã‚’å¼·ã望むブラウザメーカーã®ç«‹å ´ã‚’明確ã«æ”¯æŒã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ 「
HTML5ãŒæ³¨ç›®ã‚’æµ´ã³ã‚‹ç†ç”±ã¨ã¯ï¼Ÿã€€ã“ã“ãŒé•ã†ï¼ã‚µãƒ³ãƒ—ルã§è¦‹ã‚‹HTML5（1）
ã¯ã˜ã‚ã« ã“ã®é€£è¼‰ã§ã¯ã€ã€ŒHTML5ã€ã‚’ã¨ã‚Šã‚ã’ã€å…¨6回ã«åˆ†ã‘ã¦ã€ã“ã‚Œã¾ã§ã®æŠ€è¡“ã¨ã©ã®ã‚ˆã†ãªé•ã„ãŒã‚ã‚‹ã®ã‹ã€å…·ä½“çš„ã«ã‚µãƒ³ãƒ—ルã®ã‚³ãƒ¼ãƒ‰ã‚’示ã—ãªãŒã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML5ã¯ãªãœæ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ã‹ HTML5ã¯ã€ä»Šã‚„ウェブæ¥ç•Œã®æµè¡Œèªžã¨ã„ã£ã¦ã‚‚良ã„ã»ã©ã®éŽç†±ã¶ã‚Šã§ã™ã€‚HTML5ã¯ã€åå‰ã®é€šã‚Šã€HTML4ã®å¾Œç¶™ã«å½“ãŸã‚‹ä»•æ§˜ã§ã™ã€‚ã¨ã¯ã„ãˆã€HTML5ã«æ³¨ç›®ã—ã¦ã„ã‚‹ã®ã¯ã€ãƒ›ãƒ¼ãƒ ページを作æˆã™ã‚‹ã‚¦ã‚§ãƒ–制作者ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ウェブæ¥ç•Œã«é™ã‚‰ãšã€ã‚らゆるIT関連æ¥ç•Œã§æ³¨ç›®ã‚’æµ´ã³ã¦ã„ã¾ã™ã€‚ãªãœã€ã“ã‚Œã»ã©ã¾ã§ã«HTML5ãŒæ³¨ç›®ã‚’æµ´ã³ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ã€‚ ã“ã®ç†ç”±ã¯ã€å¤§ãã分ã‘ã¦2ã¤ã‚ã‚Šã¾ã™ã€‚1ã¤ã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã™ã€‚ã‚‚ã†1ã¤ã¯APIã§ã™ã€‚ マークアップã®ä»•æ§˜ã‚’æ›´æ–° ã¾ãšã¯ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è¦–点ã‹ã‚‰è¦‹ã¦ã„ãã¾ã—ょã†ã€‚ã“ã‚Œã¯ã€ã¨ã‚Šã‚ã‘ウェブ制作者ã€ä¸ã§ã‚‚ウェブページ製作ã®ç¾å ´ã«ãŠã„ã¦é‡è¦ã§ã™ã€‚ã“ã‚Œã¾ã§ã‚¦ã‚§ãƒ–
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ggsoku.com
Engadget | Technology News & Reviews
{{#tags}}- {{label}}
{{/tags}}