jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
HTML5 Video Player | Video.js
Video.js is the open-source HTML5 video player for the modern web: embed html5 video easily, support all major formats, and style it your way. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and has been used on over 3,000,000 websites. Plays anythingPlays “traditional†file formats such as MP4 and WebM, but also supp
CSS Click Chart | CSS3 Browser Support and Information
Can I Use ? Data on support for the default feature across the major browsers from caniuse.com.
å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦è‰²ã€…調ã¹ã¦ã¿ã¾ã—㟠- ã‚‚ã¨ã¾ã‹æ—¥è¨˜
先日ã€ãƒ‰ã‚³ãƒ¢ã®Android端末ã§ã‚る「GALAXY Sã€ã‚’予約ã—ãŸã‚ã‘ã§ã™ãŒã€ãã†ãªã‚‹ã¨æ°—ã«ãªã‚‹ã®ãŒã€ãšãƒ¼ã£ã¨å‰ã‹ã‚‰æ°—ã«ãªã£ã¦ãŸHTML5ã«ã¤ã„ã¦ã€‚ã“ã‚Œã‹ã‚‰ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã¦ã€ç„¡è¦–出æ¥ãªã„技術ã§ã‚ã‚‹ã®ã¯èª°ã®ç›®ã«ã‚‚明らã‹ãªã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¦ã“ã¨ã§ã€HTML5ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸãƒ¡ãƒ¢ã§ã™ã€‚ HTML5ã®æ¦‚è¦ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€æ¦‚è¦ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5, ãã¡ã‚“ã¨ã€‚ã“ã®è¨˜äº‹ã ã‘ã§å分ã§ã™ã€‚é•·ãã‚‚ãªãã€æ–‡å—ã‚‚å°‘ãªã„ã®ã§éžå¸¸ã«å…¥ã‚Šã‚„ã™ã„ã§ã™ã€‚ HTML5仕様関連一応ã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ HTML5.JP - 次世代HTML標準 HTML5æƒ…å ±ã‚µã‚¤ãƒˆHTML 5 ― HTML 4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹ (http://www.w3.org/TR/html5-diff/ 日本語訳) å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã®ã§ã€ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“。 基礎知è˜æ¦‚è¦ãŒç†è§£å‡ºæ¥
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
[CSS]スマフォ対応サイトã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
iPhoneãªã©ã®å°ã•ã„サイズã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’ã¯ã˜ã‚ã€2560pxã®å¤§ãã„サイズã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©ã€ãã‚Œãžã‚Œã®å¹…ã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’自動的ã«é©ç”¨ã™ã‚‹Media Queriesã‚’ã—ã£ã‹ã‚Šã¨èº«ã«ã¤ã‘ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ デモページã®ç¢ºèª HTML CSS Media Queries 完æˆã—ãŸãƒ‡ãƒ¢ã®ç¢ºèª デモページã®ç¢ºèª ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å‰ã«ã¾ãšã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„。 ã“ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯HTML5+CSS3 Media Queriesã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ç”¨ã—ã¦ã„るビューãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«è‡ªå‹•èª¿æ•´ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ デモページ å·¦ã‹ã‚‰ã€ãƒŽãƒ¼ãƒžãƒ«ã€ãƒŠãƒã‚¦ã€ã‚¹
DeNAãŒæ˜Žã‹ã™HTML5ã§ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã€æœ¬æ—¥ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€‘ / GameBusiness.jp
スマートフォンã«ã¦ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚²ãƒ¼ãƒ を作ã‚ã†ã¨ã™ã‚‹ã¨ã€HTML5ã‚’ä¸å¿ƒã«ãƒ–ラウザã§å‹•ä½œã™ã‚‹ã‚‚ã®ã€ã‚‚ã—ãã¯ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã§ã®æä¾›ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚モãƒã‚²ãƒ¼ã‚¿ã‚¦ãƒ³ã‚„グリーã¯ãã®ä¸¡æ–¹ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ä½œã‚Šæ–¹ã¯æ—¢ã«æ–‡çŒ®ã‚‚多数ãªã®ã§ã™ãŒã€HTML5ã¨ãªã‚‹ã¨ã¾ã å分ã¨ã¯è¨€ãˆã¾ã›ã‚“。ã“ã®è³‡æ–™ã¯å¿…見ã§ã™ã€‚ 「HTML5@iPhoneゲーム開発ã€ã¯ãƒ‡ã‚£ãƒ¼ãƒ»ã‚¨ãƒŒãƒ»ã‚¨ãƒ¼ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–‹ç™ºã‚°ãƒ«ãƒ¼ãƒ—ã®å²¸å¼˜å€«æ°ãŒã€ŒDeNA Technology Seminar #3ã€ã§ã®è¬›æ¼”用ã«ä½œæˆã—ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚åŒç¤¾ã§ã¯åŒ—ç±³ã®MiniNationå‘ã‘ã«iPhone『Pirate Nationã€(海賊トレジャー)ã‚’HTMLã€CSSã€JavaScriptã§é–‹ç™ºã—ã¦æä¾›ã—ã¦ã„ã¦ã€ãã®ãƒŽã‚¦ãƒã‚¦ã‚’å‡ç¸®ã—ãŸã‚‚ã®ã§ã™ã€‚ 『Pirate Nationã€ã¯å†’é ã®æ‹¬ã‚Šã§åˆ†ã‘ã‚‹ã¨ãƒ–ラウザã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—リã¨ã„ã†ã“ã¨ã«ãª
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未満（
çµå±€ã©ã†ã™ã‚Œã°ã„ã„ã®ï¼Ÿ - Dive Into HTML5
Translation of: What Does It All Mean? - Dive Into HTML5 Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle unknown elements Headers Articles Dates and Times Navigation Footers Further Reading 訳注 Diving In ã“ã®ç« ã§
ã“ã‚Œã¯å‡„ã„ãžï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘HTML5生æˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€Œmobl〠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
moblã¯Eclipse上ã§é–‹ç™ºã—ã€HTML5/CSS/JavaScript/ç”»åƒã‚’生æˆã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã€‚ moblã¯Java製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。スマートフォンã®äººæ°—ãŒã¨ã¦ã‚‚高ã„。特ã«WebKitã®ãƒ¢ãƒã‚¤ãƒ«ç‰ˆã‚’組ã¿è¾¼ã‚“ã§ã„ã‚‹ã‚‚ã®ãŒæ®†ã©ã§ï¼ˆiOS/Android/Palm Pre/Blackberryãªã©ï¼‰HTML5ã®æ©æµã«ã‚ãšã‹ã‚Šã‚„ã™ã„ã®ãŒè‰¯ã„。 開発環境ã¯Eclipse ãã‚“ãªHTML5ã®ãƒ‘ワーを使ãˆã°ã€ã¾ã‚‹ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªå‹•ä½œã‚’ã•ã›ã‚‹ã“ã¨ã‚‚å¯èƒ½ã«ãªã£ã¦ã„る。ãã®ãŸã‚ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ライブラリã¯æ•°å¤šãã‚ã‚Œã©ã€moblã¯ä¸€å‘³ã‚‚二味もé•ã†ã€‚完全ã«å°‚用言語ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘Webアプリケーションを開発ã§ãる。 moblã¯Eclipse用ã®ãƒ—ラグインをé…布ã—ã¦ãŠã‚Šã€ãれをインストールã—ãŸå¾Œãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã™ã‚‹ã€‚使ã†ã®ã¯moblã¨ã„ã†æ‹¡å¼µåã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://voxeljs.com/
https://jp.techcrunch.com/2011/03/01/20110228ajax-org-debuts-development-as-a-service-platform-for-javascript-html5/
Webサイトã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œ 7ã¤ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«
{{#tags}}- {{label}}
{{/tags}}