æ±äº¬æ¸‹è°· “HTML5入門＆jQuery†勉強会(5/26)ã®è³‡æ–™ã‚’公開ã—ã¾ã™ | tonowp
æ±äº¬æ¸‹è°· “HTML5入門＆jQuery†勉強会(5/26)ã‚’è¡Œã„ã¾ã—ãŸã€‚ jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ã¨ã„ã†ã“ã¨ã§ã€HTML5ã®ã–ã£ãã‚Šã¨ã—ãŸè§£èª¬ã¨ã€jQueryã®åŸºæœ¬çš„ãªä½¿ã„方をå¦ç¿’ã—ã¾ã™ï¼è©³ç´°ï¼šATND ãã®ã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŠã‚ˆã³è³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ 今後も勉強会を開催ã™ã‚‹äºˆå®šã§ã™ã€‚ twitterã®ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚° #gooyaHub ã§å‘ŠçŸ¥ã—ã¦ã„ãã¾ã™ã®ã§ よã‹ã£ãŸã‚‰å‚åŠ ã—ã¦ã¿ã¦ãã ã•ã„ï¼
HTML5ã®å‹‰å¼·ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„リファレンスã®ã¾ã¨ã‚
HTML5ã®è¦ç´ や属性ã€ç¾Žã—ã„コードã®æ›¸ãæ–¹ã€å„ブラウザã®å¯¾å¿œçŠ¶æ³ãªã©ã‚’ã¾ã¨ã‚ãŸãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚„リファレンスを紹介ã—ã¾ã™ã€‚ HTML 5 Visual Cheat Sheet（é…布終了） HTML5ã®ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ä»¥å‰ç´¹ä»‹ã—ãŸæ™‚ã‹ã‚‰èƒŒæ™¯ãŒç™½ã«å¤‰ã‚ã‚Šã€ç›®ã«å„ªã—ããªã‚Šã¾ã—ãŸã€‚
HTML5ã‚’ã¯ã˜ã‚る人ã€å‹‰å¼·ã—ãŸã„人用ã®ãƒ†ãƒ³ãƒ—レートファイル -Easy HTML5 Template
HTML5 Templateã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Easy HTML5 Templateã®ç‰¹å¾´ 汎用性ã®é«˜ã„シンプルãªã¤ãã‚Š HTML5ã®æ–°ã—ã„è¦ç´ ã«é‡ç‚¹ã‚’ãŠã„ã¦è¨è¨ˆ HTML5対応ブラウザã¯ã‚‚ã¡ã‚ã‚“ã€IE6, IE7, IE8も考慮 モãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã‚‚考慮 jQuery, Google Analyticsãªã©ã‚ˆã使用ã•ã‚Œã‚‹ã‚‚ã®ã‚’é…置済㿠[ad#ad-2] Easy HTML5 Templateã®å¤–部ファイル Easy HTML5 Templateã§ä½¿ç”¨ã—ã¦ã„る外部ファイルã§ã™ã€‚ screen.css Reset CSSã«ã¯ã€ŒEric Meyer's resetã€ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ modernizr-1.6.min.js 「Modernizrã€ã€‚HTML5ã‚„CSS3をサãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã‹èª¿ã¹ã€CSSã®å ´åˆã¯ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«classã‚’åŠ ãˆã¾ã™ã€‚ html5.js 「html5.jsã€ã€‚IE9未満（
ã¾ã ã¾ã é–“ã«åˆã†Canvasã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å…¥é–€ï¼ˆã¾ã¨ã‚ã¨å®Ÿè·µï¼‰ :: 5509
JavaScript Advent Calendar 2010ã‚‚22日目ï¼ã‚ã¨3æ—¥ã§ã™ã‚ˆã€‚僕ã¯ã¡ã‚‡ã†ã©å¦ã‚“ã ã°ã‹ã‚Šã®Canvasをアウトプットもã‹ãã¦ã€ã¾ã¨ã‚ã¨å®Ÿè·µã‚’書ã„ã¦ã¿ã¾ã™ã€‚知るã“ã¨ã¨è¡Œã†ã“ã¨ã¯åŒä¸€ã§ã‚ã‚‹ã€æœ€è¿‘è¡Œã£ãŸã‚»ãƒŸãƒŠãƒ¼ã§ã‚‚言ã£ã¦ã¾ã—ãŸã€‚ jsdo.itã«ã¯ã»ã‚“ã¾ã«ã“ã‚ŒCanvasãªã‚“？ãªã‚µãƒ³ãƒ—ルã„ã£ã±ã„ã‚ã‚Šã¾ã™ã。ã‚ーã„ã†ã®æ›¸ã‘るよã†ã«ãªã‚ŠãŸã„ãªãã¨ã‹æ€ã„ã¤ã¤ã€jQueryã°ã£ã‹ã‚Šã•ã‚ã£ã¦ãŸåƒ•ã¯.animate()メソッドã®ä¾¿åˆ©ã•ã«å–り憑ã‹ã‚Œã¦ã„ãŸã®ã§ã€Canvasã®çµµã‚‚ã¾ã 上下左å³ã§å‹•ã‹ã™ãらã„ã—ã‹ã§ãã¾ã›ã‚“。慣れãŒå¿…è¦ã§ã™ã€‚。 ã©ã†ã§ã‚‚ã„ã„æƒ…å ±ã¨ã—ã¦Canvasã®èªã¿æ–¹ãªã‚“ã§ã™ã‘ã©ã€ã€Œã‚ャンãƒã‚¹ã€ã˜ã‚ƒãªãã¦ã€Œã‚«ãƒ³ãƒã‚¹ã€ãŒæ£ã—ã„よã†ã§ã™ã€‚ã‚ャンãƒã‚¹ãƒ»ã‚«ãƒ³ãƒã‚¹ã©ã£ã¡ã§ã‚‚よã•ã’。僕ã¯ã‚ャンãƒã‚¹ã£ã¦èªã‚“ã§ã¾ã—ãŸã€‚ã‘ã©ã‚«ãƒ³ãƒã‚¹ã«ã—ã¾ã™ã€‚ å‰ç½®ãã¯ã“ã‚Œãらã„ã«ã—ã¦ã€ä»Šå›žã¯æ¬¡ã®ã‚ˆã†ãªã‚«ãƒ©
HTML5 プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°&クリエイティブ・コンテスト開催
HTML5ã®æ™®åŠã‚’推進ã—ã¦ã„るユーザーコミュニティ「html5-developers-jpã€ãŒã€HTML5 プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°&クリエイティブ・コンテストを開催ã™ã‚‹ã“ã¨ã‚’発表ã—ãŸã€‚ ã“ã®ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã¯æ—¥æœ¬ã®HTML5開発を盛り上ã’ã‚‹ã“ã¨ãŒç›®çš„。募集カテゴリã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°éƒ¨é–€ã¨ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼éƒ¨é–€ãŒã‚る。 プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°éƒ¨é–€ã¯ã€Œã‚¢ã‚¹ã‚ーアートã€ã€ŒChrome Extension/Appsã€ã€Œè‡ªç”±èª²é¡Œã€ã®3種類ã®ä½œå“を募集ã—ã¦ã„る。クリエイター部門ã§ã¯HTML5を想起ã•ã›ã‚‹ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚ャラクターを考ãˆã‚‹ã€ŒHTML5ã‚ャラクターデザインã€ã€HTML5ã‚„Web標準ã«é–¢ã™ã‚‹ã“ã¨ã‚’31æ–‡å—ã§ã¤ã¥ã‚‹ã€ŒHTML5/Web標準 å·æŸ³ã€ã‚’募集ã—ã¦ã„る。 公募期間ã¯2月11æ—¥ã¾ã§ã€‚応募ã™ã‚‹ã«ã¯html5-developers-jpã¸ã®å‚åŠ ãŒå¿…è¦ã€‚優秀作å“ã¯Developers Summit 2011ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ–ース
ã“ã‚Œã¯è¦‹ã¦ãŠãã¹ãHTML5ã®Canvasを使ã£ãŸãƒ‡ãƒ¢é›†:phpspot開発日誌
21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts ã“ã‚Œã¯è¦‹ã¦ãŠãã¹ãHTML5ã®Canvasを使ã£ãŸå®Ÿé¨“集。 ã“ã“ã¾ã§å‡ºæ¥ã‚‹ã®ï¼Ÿã£ã¦ã„ã†ã‚µãƒ³ãƒ—ルãŒæº€è¼‰ã§ä¸€åº¦ã¯è¦‹ã¦ãŠããŸã„ã‚‚ã®ã°ã‹ã‚Šã§ã™ã€‚ 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections 次世代ã®WEBãŒæ¥½ã—ã¿ã§ã™ã€‚ 関連エントリ HTML5ã§å‹•ç”»ã‚„音声å†ç”Ÿã‚’å¯èƒ½ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリ集 HTML5ベースã®TODOリスト「5List〠CSSã§ã‚¯ãƒ¼ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸHTML5動画・音楽プレイヤー実装JS「MediaElement.js〠CSSã§ã‚¹ã‚ン作æˆãŒå¯èƒ½ãªHTML5動画プレイヤー実
HTML5ã¨é–¢é€£ä»•æ§˜ã€è¨€èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒå…¬é–‹ | Web標準Blog | ミツエーリンクス
HTML WGより3月4日付ã§ã€æ–°ã—ã„HTML5ã®è‰æ¡ˆã‚’å«ã‚ãŸ6ã¤ã®æ–‡æ›¸ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4ã®æ—¥æœ¬èªžè¨³ã‚‚ã€ã„ã¤ã‚‚ã®é€šã‚Šæ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ HTML5 ã«ãŠã‘ã‚‹ HTML4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ 変更点 昨年ã®è‰æ¡ˆã‹ã‚‰ã®å¤‰æ›´ç‚¹ã‹ã‚‰ã€ã„ãã¤ã‹æ°—ã«ãªã‚‹ã‚‚ã®ã‚’挙ã’ã¦ã¿ã¾ã™ã€‚ ã²ã¨ã¤ã¯ã€ä¼šè©±æ–‡ã‚’表ç¾ã™ã‚‹dialogè¦ç´ ãŒå‰Šé™¤ã•ã‚Œã¾ã—ãŸã€‚専用ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—を用æ„ã™ã‚‹å¿…è¦æ€§ã‚„ã€è¡¨ç¾åŠ›ã«ä¹ã—ã„ã¨ã„ã£ãŸæ‡¸å¿µãŒå¯„ã›ã‚‰ã‚ŒãŸã“ã¨ã«ã‚ˆã‚Šã¾ã™ã€‚ ã¾ãŸã€figureè¦ç´ ã¨detailsè¦ç´ ã«ã¤ã„ã¦å†…容モデルã®å¤‰æ›´ãŒã‚ã‚Šã¾ã—ãŸã€‚ã“れらã®è¦ç´ ã¯ã‚ャプションã«lab
HTML5 åŸºç¤ŽçŸ¥è˜ - web探検隊
HTML5を書ããŸã‚ã®åŸºç¤ŽçŸ¥è˜ã‚’メモHTML5ã®é››å½¢XHTML5ã§ã¯ãªãã¦HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„㦠html> head> title>HTML5 基礎知è˜title> meta charset="UTF-8"> head> body> body> html> HTML5ã®æ–°è¦ç´ æ–‡ç« æ§‹é€ ã«é–¢ã™ã‚‹ã‚‚ã®section汎用的ãªã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€‚æ–‡ç« ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’構æˆã™ã‚‹ã€‚articleセクションã®ä¸€ç¨®ã§ã€Webページã‹ã‚‰ç‹¬ç«‹ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表ã™ã€‚asideセクションã®ä¸€ç¨®ã§ã€å¤–å´ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹è£œè¶³æƒ…å ±ã‚’è¡¨ã™ã€‚navセクションã®ä¸€ç¨®ã§ã€å¤–å´ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹ãƒŠãƒ“ゲーションメニューを表ã™ã€‚footerセクションã®ãƒ•ãƒƒã‚¿ãƒ¼ã€‚headerセクションã®ãƒ˜ãƒƒãƒ€ãƒ¼ã€‚hgroup複数ã®è¦‹å‡ºã—(h1-h6)ã‚’ã¾ã¨ã‚る。 外部コンテンツã®åŸ‹è¾¼ã¿figureã‚ャプションを伴ã†ã‚ˆã†ãªå†…容ã®ã‚‚ã®ã‚’æ–‡ç« ä¸ã«åŸ‹
iPhoneå‘ã‘サイト構築 基礎文法最速マスター - EC studio デザインブãƒã‚°
弊社代表ã®è‘—書ã€ã€ŒiPhoneã¨ãƒ„イッターã§ä¼šç¤¾ã¯å„²ã‹ã‚‹ã€ã®å‡ºç‰ˆè¨˜å¿µã¨ã€å··ã§è©±é¡Œã®ã€ŒåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€ãƒ–ームã«ä¾¿ä¹—ã—ã¦ã€iPhone（iPod Touch）å‘ã‘サイト構築ã«ãŠã‘る基礎ã¨ãƒ—ラス応用ã®ãƒã‚¿ã¨ã€å‚考ã«ãªã‚‹ãƒªãƒ³ã‚¯é›†ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 2010/11/18追記： iPhoneå‘ã‘サイト制作ã®æ›¸ç±ã‚’執ç†ã—ã¾ã—ãŸï¼ æ—¢å˜ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘サイトをモデルã«ã—㟠iPhoneã«æœ€é©åŒ–ã—ãŸã‚µãƒ³ãƒ—ルサイトã®ç´¹ä»‹ã¨ コードã®è§£èª¬ã‚’ã—ã¦ã„ã¾ã™ã€‚ iPhoneå‘ã‘サイト制作ã®å…¥é–€æ›¸ã«æœ€é©ã§ã™ã€‚ 「HTML5＋CSS3ã§ä½œã‚‹ é…ã›ã‚‹iPhoneサイト〠基礎編 対象ブラウザã¯MobileSafariã§ã™ レンダリングエンジンã¯Safariã¨åŒã˜webkitã§ã™ãŒã€MobileSafariã®æ–¹ã«ã¯iPhoneå‘ã‘ã®ä¸€éƒ¨ç‹¬è‡ªæ‹¡å¼µï¼ˆCSS）ãŒã‚ã‚Šã¾ã™ã€‚検証ã®éš›ã¯ã€é€šå¸¸ã®Safariã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ç‹ãã—
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}