当サイトã§ã‚‚ã„ãã¤ã‹ç´¹ä»‹ã—ãŸHTMLベースã®ãƒ—レゼンテーションツールã§ã™ãŒã€ã“れ一番ã„ã„ã‹ã‚‚ã¨ã„ã†ã®ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚
ã“ã‚Œã¯ä½¿ã„ã‚„ã™ã„ã€HTML5+jQueryã®ãƒ—レゼンテーション用ツール -Deck JS
当サイトã§ã‚‚ã„ãã¤ã‹ç´¹ä»‹ã—ãŸHTMLベースã®ãƒ—レゼンテーションツールã§ã™ãŒã€ã“れ一番ã„ã„ã‹ã‚‚ã¨ã„ã†ã®ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚
楽èœã‚’Web上ã«è¡¨ç¤ºã™ã‚‹JavaScriptライブラリ·Audiofile.cc MOONGIFT
Audiofile.ccã¯HTMLタグを楽èœåŒ–ã—ã¦è¡¨ç¤ºã™ã‚‹JavaScriptライブラリ。 Audiofile.ccã¯HTML5/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。Webベースã®ã‚¢ãƒ—リケーションãŒå¢—ãˆã‚‹ã«å¾“ã£ã¦ã€è¡¨ç¾ã—ãŸã„内容も増ãˆã¦ã„る。テã‚ストã€ç”»åƒã€å‹•ç”»ã€éŸ³æ¥½ä»¥å¤–ã«ã‚‚様々ãªãƒ‡ãƒ¼ã‚¿ã‚’表示ã—ãŸã„ã¨æ€ã£ã¦ã„ã‚‹ã¯ãšã 。 表示例 HTML4以å‰ã§ã¯FlashãŒæ´»èºã—ãŸã€‚ã ãŒæ™‚代ã¯HTML5ã«ç§»ã‚Šå¤‰ã‚ã‚ã†ã¨ã—ã¦ã„る。今ã¯Canvasã‚¿ã‚°ã§æ§˜ã€…ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã™ã‚‹ã€‚Audiofile.ccã¯ãã®ä¸€ã¤ã€æ¥½èœã‚’表示ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã 。 楽èœã«ã¤ã„ã¦ã¯MMLã¨å‘¼ã°ã‚Œã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—言語ãŒã‚ã‚‹ãŒã€Audiofile.ccã§ã¯ãã‚Œã¯ç”¨ã„ã¦ã„ãªã„。ã‚ãã¾ã§ã‚‚独自ã®è¨˜æ³•ã«å‰‡ã£ã¦è¨˜è¿°ã™ã‚‹å¿…è¦ãŒã‚る。具体的ã«ã¯divã‚¿ã‚°ã«å¯¾ã—ã¦data-note/data-pitch/data-octaveã¨ã„
CSS3ã€HTML5ã€jQueryã€ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã‚¦ã‚§ãƒ–制作ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå‹•ç”»ã§å¦ã¹ã‚‹ã‚µã‚¤ãƒˆ
CSS3ã€HTML5ã€jQueryã€ã‚¦ã‚§ãƒ–デザインãªã©ã€ã‚¦ã‚§ãƒ–制作ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå‹•ç”»ã§å¦ã¹ã‚‹ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Learn Web Design! HTML 5 & CSS3 Video Tutorials & Training Resource [ad#ad-2] å‹•ç”»ã¯æœ‰æ–™ä¼šå“¡å‘ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ãŒã€ç„¡æ–™ã§ã‚‚数多ãã®å‹•ç”»ã‚’見るã“ã¨ãŒã§ãã¾ã™ã€‚ç„¡æ–™ã§è¦‹ã‚‹ã¨ãã«ã€ç™»éŒ²ãªã©ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 å‹•ç”»ã¯ã™ã¹ã¦è‹±èªžã§ã€è‹±èªžãŒè‹¦æ‰‹ãªäººã§ã‚‚コードやæˆæžœç‰©ã‚’見るã ã‘ã§ã‚‚勉強ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚下記ã«ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
ã“れもã¾ãŸå†™çœŸã®æ¥½ã—ã¿æ–¹ã€‚手軽ã«ãƒ“ンテージ風ã«åŠ å·¥ã™ã‚‹JavaScriptライブラリ·vintageJS MOONGIFT
vintageJSã¯ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãŸå†™çœŸã‚’ビンテージ風ã«åŠ å·¥ã™ã‚‹JavaScriptライブラリ。 vintageJSã¯jQuery/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。写真ã¯å…¨ã¦ã‚’ã‚ã‚‹ã¾ã¾ã«å†™ã—出ã›ã°è‰¯ã„ã ã‘ã§ã¯ãªã„。トイカメラã«ä»£è¡¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã£ã¦ã‚‚ã¾ãŸæ¥½ã—ã•ãŒã‚る。 赤を強ã‚㫠カメラ自体ã«ãã†ã„ã†æ©Ÿèƒ½ãŒã‚ã£ã¦ã‚‚良ã„ãŒã€ãªã‹ã£ãŸã¨ã—ã¦ã‚‚ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§åŠ å·¥ã™ã‚‹ã“ã¨ã‚‚ã§ãる。特殊ãªç”»åƒç·¨é›†ã‚’Webベースã§è¡Œã£ã¦ãれるã®ãŒvintageJSã 。 vintageJSã¯Canvasタグを使ã£ã¦ç”»åƒåŠ 工を行ã†ã€‚åå‰ã®é€šã‚Šãƒ“ンテージ風ã«åŠ å·¥ã—ã¦ãれるã®ãŒç‰¹å¾´ã 。è’ãã—ãŸã‚Šè‰²èª¿ã‚’変化ã•ã›ãŸã‚Šã—ã¦ä½•ã¨ãªãå¤ã‚ã‹ã—ãã—ã¦ãれる。味ã‚ã„æ·±ãã€å°è±¡çš„ãªå†™çœŸã«ä»•ä¸ŠãŒã‚‹ã¯ãšã ã€‚åŠ å·¥ã—ãŸå†™çœŸã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる。 ã ã„ã¶ãƒ“ンテージã£ã½ããªã£ãŸ フィルターã¯å¤šæ•°è¨å®šãŒã‚る。
HTML5ã®Desktop Notificationã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹jQueryプラグイン「jwNotifyã€:phpspot開発日誌
HTML5ã®Desktop Notificationã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹jQueryプラグイン「jwNotify〠2011å¹´04月08æ—¥- Test HTML5 Desktop Notification Plugin HTML5ã®Desktop Notificationã‚’ç°¡å˜ã«å®Ÿç¾ã™ã‚‹jQueryプラグイン「jwNotifyã€ã€‚ ç”»é¢ã®å³ä¸‹ã«ãƒãƒƒãƒ—アップ通知を出ã™æ©Ÿèƒ½ãŒHTML5ã§ã‚ã‚‹ã¿ãŸã„ã§ã™ãŒã€ãれをjQueryã§è¶…ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ãƒ—ラグイン。 jQueryã§å®Ÿè£…ã™ã‚‹ã“ã¨ã§ã€ã¨ã‚Šã‚ãˆãšæ¬¡ã®ã‚ˆã†ã«ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ç”»åƒã®ãƒ‘スãªã‚“ã‹ã‚‚指定ã—ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨å®šå‡ºæ¥ã¾ã™ã€‚ $.jwNotify({ image : 'path-to-image-file', title: 'title-to-be-shown', body: 'body-of-the-notification', timeout:Â
HTML5+Canvasã‚¿ã‚°ã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£Â·gury MOONGIFT
guryã¯jQueryを使ã£ãŸCanvasタグ用JavaScriptユーティリティ。HTML5å‘ã‘。 guryã¯jQuery/HTML5/JavaScriptã«ã‚ˆã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。HTML5ã®ç™»å ´ä»¥æ¥ã€æœŸå¾…ãŒé«˜ã¾ã£ã¦ã„ã‚‹ã®ãŒCanvasタグを使ã£ãŸå›³å½¢æç”»ã 。ã“ã‚Œã¾ã§ã¯ç”»åƒã‚„Flashã§ã—ã‹ä½œã‚Œãªã‹ã£ãŸã‚ˆã†ãªæç”»ãŒJavaScriptã®ã¿ã§ã€ã•ã‚‰ã«ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«å‹•ã‹ã›ã‚‹ã‚‚ã®ãŒä½œæˆã§ãる。 ゲームã®ãƒ‡ãƒ¢ ã¨ã¯è¨€ãˆå®Ÿéš›ã«ã©ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã¯å®Ÿä½“験を通ã—ã¦ã‹ã‚‰ã—ã‹å¦ã¹ãªã„。ã“ã‚“ãªã“ã¨ã¾ã§ã§ãã‚‹ã®ã‹ã€ã¨ã„ã†è¡æ’ƒã‚’覚ãˆã‚Œã°è‡ªåˆ†ã§ã‚‚作ã‚ã†ã¨æ€ã†ã ã‚ã†ã€‚ãã‚“ãªCanvasã‚¿ã‚°ã®æ“作を身近ã«ã—ã¦ãれるã®ãŒguryã 。 guryã¯jQueryを使ã£ãŸCanvas用ユーティリティライブラリã 。多数ã®ãƒ‡ãƒ¢ãŒç™»éŒ²ã•ã‚Œã¦ã„る。例ãˆã°ãƒœãƒ¼ãƒ«ãŒé£›ã³äº¤ã†ã‚‚ã®ã€è‰²ãŒå¤‰ã‚るモザイクã€åŒã˜è‰²ã®éš£ã‚Šåˆã£
ファイルアップãƒãƒ¼ãƒ‰ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚‚å–å¾—ã§ãã‚‹jQuery製HTML5用マルãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼Â·jQuery HTML5 Upload MOONGIFT
jQuery HTML5 Uploadã¯HTML5/JavaScriptã«ã‚ˆã‚‹ãƒžãƒ«ãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ãƒ©ã‚¤ãƒ–ラリ。 jQuery HTML5 Uploadã¯JavaScript/jQuery製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。HTML5ã®é…力ã®ä¸€ã¤ã«inputã®fileを使ã£ã¦ã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸€æ‹¬ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒã§ãã‚‹ã¨ã„ã†ã®ãŒã‚る。実際ã«ã¯ãƒ•ã‚¡ã‚¤ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã®é–¢ä¿‚上ã€ä¸€ã¤ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‹ã‚‰ã—ã‹é¸ã¹ãªã„ã®ã ãŒãã‚Œã§ã‚‚便利ã 。 アップãƒãƒ¼ãƒ‰ä¸ ãã‚“ãªè¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’使ã†ã¨ã©ã‚“ãªæ“作ãŒã§ãã‚‹ã ã‚ã†ã‹ã€‚ãã‚Œã¯æ–‡ç« ã«ã—ãŸã ã‘ã§ã¯åˆ†ã‹ã‚Šã¥ã‚‰ã„。やã¯ã‚Šå‹•ã„ã¦ã„ã‚‹ã‚‚ã®ã‚’見るã®ãŒä¸€ç•ªè‰¯ã„。ã¨ã„ã†è¨³ã§è¦‹ã¦ã»ã—ã„ãŒjQuery HTML5 Uploadã«ãªã‚‹ã€‚ jQuery HTML5 Uploadã¯jQueryã«ã‚ˆã‚‹HTML5ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…ã 。ã¾ãšãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸ã¶ã¨onStartãŒå‘¼ã°
必見。D&Dã«ã‚‚対応ã—ãŸJS/HTML5製マルãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã€ŒjQuery File Upload〠| MOONGIFT | オープンソース・ソフトウェア紹介をä¸å¿ƒã¨ã—ãŸITエンジニア/Webデザイナーå‘ã‘ブãƒã‚°
jQuery File Uploadã¯HTML5を使ã£ã¦è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã§ãるファイルアップãƒãƒ¼ãƒ€ãƒ¼ã€‚ドラッグアンドドãƒãƒƒãƒ—ã«ã‚‚対応。 [/s2If] jQuery File Uploadã¯jQuery/JavaScript/HTML5製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。Webã®ä»•æ§˜ã®ä¸ã«ã¯é¢å€’ã ã¨æ€ã†ã‚‚ã®ãŒå¹¾ã¤ã‹ã‚ã‚‹ãŒã€ãƒ¦ãƒ¼ã‚¶ã¨ã—ã¦ä½¿ã£ã¦ã„ã‚‹ä¸ã§æ„Ÿã˜ã‚‹ã®ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«æ‰‹é–“ãŒã‹ã‹ã‚Šã™ãŽã‚‹ã“ã¨ã 。 アップãƒãƒ¼ãƒ‰ä¸ ファイルボックスã§ã¯ä¸€ã¤ã—ã‹ãƒ•ã‚¡ã‚¤ãƒ«ãŒé¸ã¹ãšã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’ã„ã¡ã„ã¡å‡ºã—ã¦é¸ã°ãªã„ã¨ã„ã‘ãªã„。Flashã§è§£æ±ºã™ã‚‹æ‰‹æ³•ã‚‚ã‚ã‚‹ãŒã€JavaScriptã¨ã®çµ„ã¿åˆã‚ã›ã«å•é¡ŒãŒã‚ã£ãŸã‚Šå°Žå…¥ãŒè‹¥å¹²é¢å€’ã ã£ãŸã€‚ã ãŒãれを解決ã™ã‚‹ç´ 晴らã—ã„ライブラリãŒjQuery File Uploadã 。 jQuery File Uploadã¯HTML5を使ã£ã¦ãŠã‚Šã€Flashã«é ¼ã‚‰ãªã„複数ファイル
jQuery Mobileを使ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘HTML5フレームワーク·The-M-Project MOONGIFT
The-M-Projectã¯iOSã‚„Androidã¨ã„ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã«ç‰¹åŒ–ã—ãŸWebアプリケーションフレームワーク。 The-M-Projectã¯JavaScript/HTML5製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。WebアプリケーションãŒæœ¬æ ¼çš„ã«å–り入れられるよã†ã«ãªã£ã¦ã„る。Ajaxãªã©ã«ã‚ˆã‚‹Webアプリケーションã®æ“作性å‘上ã«åŠ ãˆã¦ã€JavaScriptã§å®Ÿç¾ã—ã†ã‚‹æ©Ÿèƒ½ãŒå¢—ãˆã¦ã„ã‚‹ã“ã¨ã«è¦å› ãŒã‚ã‚‹ã ã‚ã†ã€‚ サンプルã®Todoアプリ ãã—ã¦ã‚‚ã†ä¸€ã¤ãŒHTML5ã®å˜åœ¨ã 。PCブラウザå‘ã‘ã«ã¯ã¾ã å…¨é¢æŽ¡ç”¨ã¯é›£ã—ã„ã‚‚ã®ã®ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚ã‚Œã°æŽ¡ç”¨ã§ãã‚‹ã ã‚ã†ã€‚ãã‚“ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®Webアプリケーションを開発ã™ã‚‹éš›ã«ä½¿ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒThe-M-Projectã 。 The-M-Projectã¯HTML5を採用ã—ãŸWebアプリケーションフレームワークã 。iOSã¯ã‚‚ã¡ã‚ã‚“ã€Andr
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}