日本 Haml ã®ä¼š
Haml/Sass ã®æ™®åŠã‚’目的ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã§ã™ã€‚Rails 勉強会@æ±äº¬ã®åˆ†ç§‘会ã®ã‚ˆã†ãªä½ç½®ä»˜ã‘ã§æ´»å‹•ã—ã¦ã„ã¾ã™ã€‚略称ã¯æ—¥æœ¬ãƒãƒ ã§ã™ã€‚ 活動内容 Haml/Sass ã«é–¢ã™ã‚‹æƒ…å ±äº¤æ› (Rails 勉強会@æ±äº¬ã€ã¾ãŸã¯ irc.freenode.net ã® #rails-tokyo ãƒãƒ£ãƒ³ãƒãƒ«) å„種イベントã«ãŠã‘ã‚‹ Haml/Sass ã®å®£ä¼ オープンソースプãƒãƒ€ã‚¯ãƒˆã« Haml 化パッãƒã‚’投ã’ã‚‹
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ラウザã«å¼·ããªã‚‹ã€22ã®HTML+CSSコーディングã®åŸºç¤Ž
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ラウザã«å¼·ããªã‚‹ã€22ã®HTML+CSSコーディングã®åŸºç¤Ž 2011-06-04 Twitterãªã©ã‚’見ã¦ã‚‹ã¨ã€ 「IE6ãŒãƒ¼ï¼ã€ã¨ã‹ 「IE6,7,8,9ã€Firefoxã€webkitç³»ã€Operaã§åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ã®å¤§å¤‰ã€ãªã©ã®ãƒ„イートをãŸã¾ã«è¦‹ã‚‹ã®ã§ã€ã‚¯ãƒã‚¹ãƒ–ラウザã§ã‚‚å·®ãŒå‡ºã«ããã€åŠ¹çŽ‡ã®è‰¯ããªã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Žã‚’紹介ã—ã¾ã™ã€‚ æ°—ã‚’ã¤ã‘ã‚‹HTMLã®è¨˜è¿°æ–¹æ³• HTMLã®è¨˜è¿°æ–¹æ³•ã‚’é–“é•ãˆã¦ã„ã‚‹ã¨ã€ãƒ–ラウザCSSã®è§£é‡ˆãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚ 以下ã®ã‚ˆã†ãªã“ã¨ã¯åŸºæœ¬çš„ãªã“ã¨ã§ã™ãŒå¤§åˆ‡ãªäº‹ã§ã™ã€‚ DOCTYPEを書ã。 HTMLã®å…ˆé ã«DOCTYPEを入れるよã†ã«ã—ã¦ä¸‹ã•ã„。 DOCTYPEãŒãªã„ã¨ã€ãƒ–ラウザ間ã§ã®èª¤å·®ãŒèµ·ã“ã‚Šã‚„ã™ã„状態ã«ãªã‚Šã¾ã™ã€‚ DOCTYPE スイッãƒã«ã¤ã„ã¦ã®ã¾ã¨ã‚ã¨ä¸€è¦§è¡¨ (HTML 5 ã‚„ IE 8 Beta 2 ã®ãƒ¢ãƒ¼ãƒ‰ã‚¹ã‚¤ãƒƒãƒãªã©ã®æƒ…å ±ã‚‚å«
HTML 㨠CSS ã®ã¿ã§ã‚¿ãƒ–を作るサンプル
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 ul.tab { margin: 0; padding: 0; border-bottom: 2px #ddd solid; } ul.tab li { float: left; margin: 0 0 0 5px; position: relative; bottom: -2px; list-style-type: none; border: 1px #ddd solid; border-top: none; border-bottom: 2px #ddd solid; } ul.tab
最é©ãªãƒ†ã‚ストリンクã®è‰²ã¯ï¼Ÿ | ウェブ力å¦
é’系統ã®è‰²ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã“ã¨ã«å¤‰ã‚ã‚Šã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ä»¥ä¸Šã«ãƒãƒ©ã¤ããŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚特ã«ã€Yahoo!ã®å ´åˆã¯ã€å„ジャンルã”ã¨ã®ãƒšãƒ¼ã‚¸ã§ã‚‚微妙ã«ãƒ†ã‚ストリンクã®è‰²ãŒå¤‰ã‚ã£ã¦ã„ã¾ã—ãŸã€‚ãã‚Œãžã‚Œã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã«åˆã‚ã›ã¦å¤‰åŒ–ã•ã›ã¦ã„ã‚‹ã®ã ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ 楽天ã®ã‚ˆã†ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè‰²ã‚’使用ã—ã¦ã„るサイトもã‚ã‚Šã¾ã—ãŸãŒã€å…¨ä½“ã‹ã‚‰ã™ã‚‹ã¨å°‘æ•°æ´¾ã®ã‚ˆã†ã§ã™ã€‚ Q&Aサイトã®æœ€å¤§æ‰‹OKWaveã¯Googleã¨åŒä¸€ã§ã—ãŸã€‚ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã¨ã„ãˆã°ãƒ“ービットã•ã‚“ã€ã¨ã„ã†ã“ã¨ã§èª¿ã¹ã¦ã¿ã¾ã—ãŸãŒã€ã‚„ã‚„æš—ã‚ã®é’を使用ã—ã¦ã„ã¾ã—ãŸã€‚ビービットã•ã‚“ã®ã“ã¨ãªã®ã§ä½•ã‹æ„味ãŒã‚ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 クックパッド クックパッドã¯ã€æ—¥æœ¬æœ€å¤§ç´šã®ãƒ¬ã‚·ãƒ”検索ã®ã‚µã‚¤ãƒˆã§ã™ã€‚ユーザービリティã«ã¯ç´°å¿ƒã®æ³¨æ„を払ã£ã¦ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä¸€äººå½“ãŸã‚Šã®å¹³å‡PVãŒé«˜ã„ã“ã¨ã§ã‚‚知られã¦ã„ã¾ã™ã€‚ ãã‚“ãªã‚¯ãƒƒã‚¯ãƒ‘ッドã§ã™ãŒã€ã‚µã‚¤ãƒˆã‚’ã®ãžã„ã¦ã¿
エクセルシートをHTMLテーブルã«å¤‰æ›ã—ã¡ã‚ƒã†å› (ββ)
STEP1. エクセルã¨ã‹ã‹ã‚‰CSV (TSV)をコピーã—ã¦ã‚’貼り付㑠STEP2. オプションをé¸æŠžã—ã¦å¤‰æ› ç´°ã‹ã„è¨å®š 列目ã¾ã§ã‚’THEADã¨ã™ã‚‹ã€‚(0ã§THEADãªã—) TBODYã®è¡Œç›®ã¾ã§ã‚’THã¨ã™ã‚‹ã€‚ TBODY THã«æ·±åº¦ã‚’埋ã‚込んã クラスåã‚’è¿½åŠ ã™ã‚‹ã€‚(1〜) クラスå： " + n" ã²ã¨ã¤ã‚ã®THã«æ·±åº¦ã‚¯ãƒ©ã‚¹ã‚’è¿½åŠ ã—ãªã„。(lv1ã‚’è¿½åŠ ã—ãªã„) n列ã”ã¨ã«TRã«ã‚¯ãƒ©ã‚¹åã‚’è¿½åŠ ã™ã‚‹ã€‚(0〜) クラスå： 列数　　： クラスåã«åˆ—æ•°ã‚’è¿½åŠ ã™ã‚‹ã€‚(nrow0, nrow1,,)
htmlページã«ã‚ーボードショートカットをã¤ã‘ã‚‹ã«ã¯ã€‚｜WEB制作（html,css(スタイルシート) )｜プãƒã‚°ãƒ©ãƒ メモ
htmlページã®ãƒœã‚¿ãƒ³ã¯ãƒžã‚¦ã‚¹ã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã‚’å‰æã«ä½œã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ 実ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆï¼ˆã‚¢ã‚¯ã‚»ã‚¹ã‚ー）ã¨ã„ã†ã‚‚ã®ã‚’指定ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ ■指定ã®æ–¹æ³•ä¾‹ <a href="save.html" accesskey="s" >文書ã®ä¿å˜</a> â– ã“ã‚ŒãŒå®Ÿéš›ã®ãƒ–ラウザã§ã¯ã©ã†ã„ã†æ“作ã«ãªã‚‹ã‹ã¨ã„ã†ã¨ ・Windows IE 「altã€+「s〠ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’移動ã•ã›ãŸå¾Œã«ã€ŒEnterã€ã§å®Ÿè¡Œ ・Windows Firefox2「shiftã€+「altã€+「s〠ã§å®Ÿè¡Œ ・Windows Opera 「shiftã€+「esc〠ã§ä¸€è¦§è¡¨ç¤ºã•ã›ãŸå¾Œã«ã€Œsã€ã§å®Ÿè¡Œ ・Windows Safari3 ã‚ーボードショートカットãŒãªã„らã—ã„(?) ・Mac Safari 「controlã€+「s〠ã§å®Ÿè¡Œ ・Mac Firefox 「controlã€+「s〠ã§å®Ÿè¡Œ ・Mac Opera
<input type = "hidden"> input type="hidden"ã¨ã¯ | HTML用語集 | ミツエーリンクス
<input type = "hidden"> <input type = "hidden">ã¨ã¯<input>ã‚¿ã‚°ã®type属性を"hidden"ã«è¨å®šã—ãŸã‚‚ã®ã§ã€ãƒ•ã‚©ãƒ¼ãƒ 内ã«ä¸å¯è¦–フィールドを作æˆã™ã‚‹å ´åˆã«ä½¿ã‚ã‚Œã¾ã™ã€‚ä¸å¯è¦–フィールドã®value属性ã«æŒ‡å®šã•ã‚ŒãŸå€¤ã¯ç”»é¢ä¸Šã«ã¯è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ãŒã€ãƒ‡ãƒ¼ã‚¿é€ä¿¡æ™‚ã«ã¯ä¸€ç·’ã«é€ä¿¡ã•ã‚Œã‚‹ã“ã¨ã¨ãªã‚Šã¾ã™ã€‚ユーザーãŒå¤‰æ›´ã§ããªã„æƒ…å ±ã‚„ç‰¹ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¦‹ã›ã‚‹å¿…è¦ã®ãªã„æƒ…å ±ã‚’åŸ‹ã‚è¾¼ã‚€å ´åˆã«åˆ©ç”¨ã•ã‚Œã¾ã™ã€‚ 一覧ã¸æˆ»ã‚‹
ã”ãç°¡å˜ãªHTMLã®èª¬æ˜Ž
HTMLã¯æœ¬æ¥ç°¡å˜ã§ä¾¿åˆ©ãªã‚‚ã®ã§ã™ã€‚「30分間HTML入門ã€ã§åŸºæœ¬ã¯å分。ã¾ãšã‚·ãƒ³ãƒ—ルã«è‡ªåˆ†ã®æƒ…å ±ã‚’è¡¨ç¾ã—ã¦ã¿ã¦ãã ã•ã„。 You can write a document as simple as you like. In many ways, the simpler the better. -- Tim Berners-Lee ç°¡å˜ãªHTMLã®èª¬æ˜Ž å°‘ã—詳ã—ã„HTMLã®èª¬æ˜Ž XHTMLã‹ã‚‰æ¬¡ä¸–代ウェブ㸠電åテã‚ストã§æƒ…å ±ç™ºä¿¡ ç°¡å˜ãªHTMLã®èª¬æ˜Ž ã ã‚“ã ん説明ã®é‡ãŒå¢—ãˆã¦ããŸã®ã§ã€ã‚³ãƒ³ãƒ‘クトãªå…¥é–€ãƒšãƒ¼ã‚¸ã‚’用æ„ã—ã¾ã—ãŸã€‚ 基本ãŒãã¡ã‚“ã¨åˆ†ã‹ã‚‹30分間(X)HTML入門 HTMLを使ã£ãŸäººé–“・コンピュータåŒæ–¹ã«ã‚ã‹ã‚Šã‚„ã™ã„è¡¨ç¾ ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ã®HTML版） 何ã®ãŸã‚ã®HTML？ HTMLã¯ç”»é¢ã‚’レイアウトã™ã‚‹ãŸã‚ã§ã¯ãªãã€æ–‡æ›¸ã‚’環境ã«ä¾å˜ã›ãšã«å…±æœ‰ã§ãるよã†ã«è¨˜è¿°ã™ã‚‹ãŸã‚ã®ç´„æŸã§ã™ã€‚ãã“ã‚’æ£
相対パスã¨çµ¶å¯¾ãƒ‘スã¨ã¯
å³ã®å›³ã¯å„HTMLファイルã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã€ãƒ•ã‚©ãƒ«ãƒ€ã®éšŽå±¤ã‚’表ã—ãŸã‚‚ã®ã§ã™ã€‚ A.html ã‹ã‚‰ã¿ãŸ C.html ã¸ã®ãƒ‘ス㯠a href="./foto/C.html" B.html ã‹ã‚‰ã¿ãŸ kabe.gif ã¸ã®ãƒ‘ス㯠a href="./gazo/kabe.gif" C.html ã‹ã‚‰ã¿ãŸ A.html ã¸ã®ãƒ‘ス㯠a href="../A.html" C.html ã‹ã‚‰ã¿ãŸ kabe.gif ã¸ã®ãƒ‘ス㯠a href="../gazo/kabe.gif" C.html ã‹ã‚‰ã¿ãŸ foto.jpeg ã¸ã®ãƒ‘ス㯠a href="./foto.jpeg"
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://web.donnatokimo.com/php/553
HTML5, ãã¡ã‚“ã¨ã€‚
colspan.net
{{#tags}}- {{label}}
{{/tags}}