jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
HTML5サンプル集 - æ ªå¼ä¼šç¤¾ã‚ゆãŸ
ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€HTML5ã®APIを利用ã—ãŸç°¡å˜ãªã‚µãƒ³ãƒ—ルを公開ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ルã®å¤šãã¯ã€å¼Šç¤¾æŠ€è¡“顧å•ã®ç™½çŸ³æ°ãŒãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã«å¯„稿ã—ãŸè¨˜äº‹ã§ä½¿ç”¨ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å…ƒã«ã€å¤šå°‘ã®æ”¹å¤‰ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ ã©ã‚Œã‚‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã™ãŒã€HTML5ã®å„機能を試ã™ãŸã‚ã®ã¨ã£ã‹ã‹ã‚Šã¨ã—ã¦ã”åˆ©ç”¨é ‚ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 白石æ°ãŒå¯„稿ã—ãŸè¨˜äº‹ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ã“れらã®è¨˜äº‹ã¨åˆã‚ã›ã¦ã‚µãƒ³ãƒ—ルをã”利用ã«ãªã£ã¦é ‚ã事ã§ã€å„機能ã®ç†è§£ãŒã‚ˆã‚Šæ·±ã¾ã‚‹ã“ã¨ã§ã—ょã†ã€‚ 詳解! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - æ–°ã‚¿ã‚°&APIç·¨ 詳解! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - Webアプリ開発編 アプリケーションã‚ャッシュã®ã‚µãƒ³ãƒ—ル (ダウンãƒãƒ¼ãƒ‰) (Safari4ã€Google Chrome3ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã€‚Firefoxã ã¨ã€ã‚¢ãƒ—リケーションã‚ャッシュã®ã‚¤ãƒ™ãƒ³ãƒˆãŒæ£ã—ã発生ã›ãšã€å‹•ä½œã—ãªã„ã¨
Kazuho@Cybozu Labs: Wiki.Formatter in JavaScript
« 組ã¿è¾¼ã¿ç”¨ Wiki | メイン | Japanize - JP ドメインã®ç¿»è¨³ãƒ‡ãƒ¼ã‚¿ç™»éŒ²ã«ã¤ã„㦠» 2006å¹´09月13æ—¥ Wiki.Formatter in JavaScript ã¨ã„ã†ã‚ã‘ã§ã€ã„ã¾ã•ã‚‰ Wiki ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒã‚¿ã‚’作りã¾ã—ãŸã€‚JavaScript ã§å®Ÿè£…ã—ãŸã®ã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§æ•´å½¢ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™æ³¨1。ãªã®ã§ã€æ—¢å˜ã®ã‚¦ã‚§ãƒ–アプリを wiki 記法ã«å¯¾å¿œã•ã›ãŸã„ãªã€ã¨ã„ã£ãŸå ´åˆã«ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™æ³¨2。記法も自由ã«æ‹¡å¼µã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã—。 ã¨ã„ã†ã‚ã‘ã§ã€â†“ã§ãŠè©¦ã—ãã ã•ã„ (編集çµæžœã¯ä¿å˜ã•ã‚Œã¾ã›ã‚“)。 注1: AJAJA ç‰ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ JavaScript ã§ä½¿ã†ã“ã¨ã‚‚ã§ãã‚‹ã¯ãš 注2: æ•´å½¢å‰ã®ãƒ†ã‚ã‚¹ãƒˆã‚’éš ã— DIV ç‰ã«å…¥ã‚Œã¦ãŠã‘ã°ã€SEO çš„ã«ã‚‚大丈夫ãªã‚“ã§ã—ょã†ã‹? 注2: テーブルã®ä¿®é£¾ã€ç”»åƒã¸ã®ãƒªãƒ³ã‚¯ç‰ãŒæœªå¯¾å¿œã§ã™
グーグルãŒè³ã‘ã‚‹HTML 5ã®æœªæ¥ ï¼ ï¼ IT
2009/05/28 「決ã—ã¦Webã‚’ã‚ãªã©ã£ã¦ã¯ã„ã‘ãªã„ã€ï¼ˆNever underestimate the Web）。Google I/O 2009åˆæ—¥ã®åŸºèª¿è¬›æ¼”ã§ã‚·ãƒ¥ãƒŸãƒƒãƒˆCEOã«ç¶šã„ã¦ç™»å£‡ã—ãŸã®ã¯ã€ç±³ã‚°ãƒ¼ã‚°ãƒ« ãƒã‚¤ã‚¹ãƒ»ãƒ—レジデントã®ãƒ“ック・グンドトラæ°ã 。ゆã£ãã‚Šã¨ä¸€èªžä¸€èªžã‚’区切りãªãŒã‚‰èªžã‚Šå§‹ã‚ãŸã‚°ãƒ³ãƒ‰ãƒˆãƒ©æ°ã®è¨€è‘‰ã«ã¯é‡ã¿ãŒã‚る。彼ã¯å…ƒãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾å“¡ã§ã€ã¾ã•ã«Webã‚’ã‚ãªã©ã£ã¦ã„ãŸå´ã«ã„ãŸã‹ã‚‰ã 。 グンドトラæ°ã¯Windowsプラットフォームを唱é“ã™ã‚‹ç«‹å ´ã«ã‚ã£ãŸã€‚å½¼ã«é™ã‚‰ãšã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾å“¡ã®é–“ã«ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションã§ãªã‘ã‚Œã°ã§ããªã„ã“ã¨ãŒã‚ã‚‹ã¨ã™ã‚‹è¦‹æ–¹ãŒä¸€èˆ¬çš„ã ã£ãŸã¨ã„ã†ã€‚「Keyholeã¨ã„ã†ä¼šç¤¾ãŒå‡ºã¦ããŸã¨ãã€å½¼ã‚‰ãŒæŒã¤ã‚ˆã†ãªã‚¢ãƒ—リケーションã“ãã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã§ãªã‘ã‚Œã°ã§ããªã„ã‚‚ã®ã ã¨è¨€ã£ã¦ã„ãŸã€‚ã¨ã“ã‚ãŒã‚°ãƒ¼ã‚°ãƒ«ã¯2004å¹´11月ã«Keyholeã‚’è²·åŽã—ã€Goo
作ã‚ã†iモード：iモードブラウザ2.0 | サービス・機能 | NTTドコモ
ブラウザã‚ャッシュサイズã¯500KBã§ã™ã€‚ Shift_JISã€UTF-8ã®æ–‡å—コードãŒåˆ©ç”¨å¯èƒ½ã§ã™ã€‚ GIFã€JPEGã€BMPã®ç”»åƒãŒè¡¨ç¤ºå¯èƒ½ã§ã™ã€‚ JavaScriptã€CSSã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ 176種類ã®åŸºæœ¬çµµæ–‡å—ã¨76種類ã®æ‹¡å¼µçµµæ–‡å—ã€ãƒ‡ã‚³ãƒ¡çµµæ–‡å—ãŒåˆ©ç”¨å¯èƒ½ã§ã™ã€‚
HTMLã§é›‘誌ã®ã‚ˆã†ãªç¾Žã—ã„段組ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’軽ã実ç¾ã§ãã‚‹jQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. ã¯HTMLã§é›‘誌ã®ã‚ˆã†ãªç¾Žã—ã„段組ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’実ç¾ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ルãªjQueryプラグインã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€æ—¥æœ¬è£½ã®ãƒ—ラグインãªã®ã§æ—¥æœ¬èªžã‚‚ãã‚Œã„ã«æ®µçµ„ã¿ã«ã—ã¾ã™ã€‚HTMLã§é›‘誌ã®ã‚ˆã†ãªç¾Žã—ã„段組ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’軽ã実ç¾ã§ãã‚‹jQueryプラグインã®ç´¹ä»‹ã€‚ 次ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’書ãã¨ã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ã‚’ç°¡å˜ã«4カラムã«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定ã§ãã‚‹ã¨ã“ã‚も良ã„ã§ã™ã。 関連エントリ 複雑ãªãƒ–ãƒãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚シンプルã‹ã¤ç°¡å˜ã«å®Ÿè£…å¯èƒ½ãªã€Œmalo〠複雑ãªCSSレイアウトもサクッã¨å®Ÿè£…ã§ãã‚‹CSSフレームワーク「emastic〠CSSレイアウトã®ãƒãƒ¼ãƒˆé›†ã€ŒCSS Layout Cheats
ã‚‚ã†ã“ã‚Œã§å分。HTML上ã§ãƒ†ãƒ¼ãƒ–ルを表示ã™ã‚‹ãªã‚‰Â·Sigma Grid MOONGIFT
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹éš›ã«ã€ä¸€è¦§è¡¨ã‚’表示ã™ã‚‹ã¨ã„ã†å‡¦ç†ã¯å¤šã„。ãã—ã¦ãã®ãƒ‡ãƒ¼ã‚¿ã‚’並ã¹æ›¿ãˆãŸã‚Šã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’入れãŸã‚Šã—ãŸã„ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚多ã発生ã™ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯ã‚«ãƒ©ãƒ を並ã¹æ›¿ãˆãŸã‚Šã€ä¸€æ‹¬æ›´æ–°ã—ãŸã„ãªã‚“ã¦è¨€ã‚れるã“ã¨ã‚‚ã‚る。 ソートも並ã¹æ›¿ãˆã‚‚ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚全部ã“ã¿ã“ã¿ ãれを一ã¤ä¸€ã¤å®Ÿè£…ã—ã¦ã„ã¦ã¯éžå¸¸ã«å·¥æ•°ãŒã‹ã‹ã£ã¦ã—ã¾ã†ã€‚ãã“ã§ä½¿ã„ãŸã„ã®ãŒã“ã®Sigma Gridã 。 Sigma Gridã¯ãƒ†ãƒ¼ãƒ–ルã®è¡¨ç¤ºã¨ã‚½ãƒ¼ãƒˆã€ãƒ‡ãƒ¼ã‚¿ç·¨é›†ãªã©ã‚’å¯èƒ½ã«ã™ã‚‹è¶…豪è¯ãƒ©ã‚¤ãƒ–ラリã 。LGPLライセンスã®ä¸‹ã«å…¬é–‹ã•ã‚Œã¦ã„るオープンソース・ソフトウェアã 。 Sigma Gridã¯ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤ºã«éš›ã—ã¦JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’渡ã™å¿…è¦ãŒã‚る。ãã®ãŸã‚æ—¢å˜ã®ã‚·ã‚¹ãƒ†ãƒ ã«ãã®ã¾ã¾çµ„ã¿è¾¼ã‚€ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œãªã„。ã ãŒãã®å¤‰æ›´ã—ã¦ã‚‚ã‚ã¾ã‚Šã‚るメリットを享å—ã§ãã‚‹ã«é•ã„ãªã„。 ç”»åƒè¡¨ç¤ºã¨ã‚¯ãƒªãƒƒã‚¯ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ä¾‹ ã¾ãšã‚«ãƒ©ãƒ ã”ã¨
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3
éšåˆ†å‰ã«ã€Ver2ã®è¦‹ç›´ã—ã‚’ã—ã¦3ã«ãªã£ã¦ãŸã‚“ã§ã™ã‘ã©ã€å…¬é–‹ã—ã¦ãªã‹ã£ãŸã®ã§ä»Šæ›´ãªãŒã‚‰å…¬é–‹ã§ã™ã€‚ ä¸èº«ã¯2を使ã£ã¦ã¿ã¦ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚らã£ãŸã‚Šã€è‡ªåˆ†ã§ã‚‚é•å’Œæ„ŸãŒæœ‰ã£ãŸéƒ¨åˆ†ã‚’調整ã—ã¦ã¾ã™ã€‚ ãã‚Œãªã‚Šã®æœŸé–“使ã£ã¦ã¿ã¦ã€å•é¡Œã‚’ã‚ã‚“ã¾ã‚Šæ„Ÿã˜ã¦ã„ãªã„ã®ã§ã€å®Œæˆåº¦ã¨ã—ã¦ã¯å¤§åˆ†è‰¯ããªã£ãŸã‹ãªãã£ã¦æ€ã„ã¾ã™ã€‚ æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 3ã‚’DL（zip：40kb） Ver 3を見る Ver.3ã®ä¸èº«ã”説明 主ãªå¤‰æ›´ç‚¹ã‚’。 style.cssã®widthãªã©ã®ãƒ—ãƒãƒ‘ティをã¾ã¨ã‚ã¦ã„ãŸã®ã‚’Ver1ã¨åŒã˜ã«ã€‚ default.cssã«æ›¸ã‹ã‚Œã¦ã„ãŸã€pè¦ç´ ã®margin-bottomã®æŒ‡å®šã‚’style.cssã«ç§»å‹•ã€‚ default.cssã®font-familyã®æŒ‡å®šã‚’若干変更。 index.htmlã«Googleカスタムサーãƒç”¨ã«ä½¿ãˆã‚‹ã‚½ãƒ¼ã‚¹ã‚’記入。 Ja
HTML5.JP - 次世代HTML標準 HTML5æƒ…å ±ã‚µã‚¤ãƒˆ
HTML5.JP ã¯ã€HTML5 ã®å›½å†…ã§ã®æ™®åŠã‚’目指ã—ã€2007 å¹´ã«å€‹äººãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦é‹å–¶ãŒé–‹å§‹ã•ã‚Œã¾ã—ãŸã€‚2019 å¹´ç¾åœ¨ã€ã™ã§ã« HTML5 ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«æ´»ç”¨ã•ã‚Œã€å¤šãã®æƒ…å ±ãŒãƒãƒƒãƒˆã‹ã‚‰å…¥æ‰‹ã™ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 当サイトã®å½¹å‰²ã¯çµ‚ãˆãŸã“ã¨ã«åŠ ãˆã€å½“サイトã®æ›´æ–°ã‚‚ã¾ã¾ãªã‚‰ãšæƒ…å ±ã‚‚å¤ã„ã¾ã¾ã§ã‚ã£ãŸã“ã¨ã‹ã‚‰ã€å½“サイトを閉鎖ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ã“ã‚Œã¾ã§å½“サイトをã”支æ´é ‚ãã¾ã—ãŸçš†æ§˜ã«ã¯å¿ƒã‚ˆã‚Šå¾¡ç¤¼ç”³ã—上ã’ã¾ã™ã€‚ 2019 å¹´ 8 月 15 æ—¥ 管ç†äººã‚ˆã‚Š
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Emblem.js: a concise, indented alternative Handlebars syntax
Jade ã«ã¤ã„ã¦ã€‚
The Acid3 Test
Rendur 2.4
{{#tags}}- {{label}}
{{/tags}}