nyomoさんのタグ「html」についてのクリップ一覧｜@nifty クリップ http://clip.nifty.com/users/nyomo nyomoさんのタグ「html」についてのクリップ一覧 cl.pocari.org - target="_blank" を使わないで新しいウィンドウでリンクを開く方法 http://clip.nifty.com/entry?url=http%3A%2F%2Fcl.pocari.org%2F2006-03-14-5.html&title=cl.pocari.org%20-%20target%3D%22_blank%22%20%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%AA%E3%81%84%E3%81%A7%E6%96%B0%E3%81%97%E3%81%84%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6%E3%81%A7%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E9%96%8B%E3%81%8F%E6%96%B9%E6%B3%95 前の記事:プロが教える Movable Type の構造デザイン
次の記事:国家の品格target="_blank" を使わないで新しいウィンドウでリンクを開く方法comments(9) | trackback(5)<a href="foo.html" target="_blank">foo</a>
を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません．
ではどうするかというと，スクリプトを使うわけですが，
<a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a>
こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません．
しかも，ステータスバーにリンク先が出ないので不安になります．これを
<a href="foo.htm... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://cl.pocari.org/2006-03-14-5.html 47938 nyomo 2008-01-17T05:05:18Z html 要調査 CSSレイアウトの定石　WinIE6バグ回避法 http://clip.nifty.com/entry?url=http%3A%2F%2Fmb.blog7.fc2.com%2Fblog-entry-83.html&title=CSS%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AE%E5%AE%9A%E7%9F%B3%E3%80%80WinIE6%E3%83%90%E3%82%B0%E5%9B%9E%E9%81%BF%E6%B3%95 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://mb.blog7.fc2.com/blog-entry-83.html 15644 nyomo 2008-01-17T05:03:41Z html トップページだけでもなんとかしたいのよ http://clip.nifty.com/entry?url=http%3A%2F%2Fskaska.id25.com%2F&title=%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A0%E3%81%91%E3%81%A7%E3%82%82%E3%81%AA%E3%82%93%E3%81%A8%E3%81%8B%E3%81%97%E3%81%9F%E3%81%84%E3%81%AE%E3%82%88 なんとかしたいかたは、コチラからどうぞはじめてのかたは、コチラから　
なんとかしたいのよランキング
info_top累計　　昨日　本日mainリバースアクセスログ取得 menu(float右)
BR→
main_box
無料HPテンプレートの素材屋　コピペで飾ろうホームページ　バナサガ　写真素材：防腐剤　Burn-OUT
超初心者のためのHP作成講座　無料HP作成　ネットバンクに貯金しよう！　フリー素材画像Click-UP↑　 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://skaska.id25.com/ 95 nyomo 2008-01-17T05:03:24Z html CSSによる段組（マルチカラム）レイアウト講座 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.geocities.jp%2Fmulti_column%2F&title=CSS%E3%81%AB%E3%82%88%E3%82%8B%E6%AE%B5%E7%B5%84%EF%BC%88%E3%83%9E%E3%83%AB%E3%83%81%E3%82%AB%E3%83%A9%E3%83%A0%EF%BC%89%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E8%AC%9B%E5%BA%A7 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.geocities.jp/multi_column/ 12777 nyomo 2008-01-17T05:02:53Z html 特殊な実体参照・ドクロとか http://clip.nifty.com/entry?url=http%3A%2F%2Fwww2.wbs.ne.jp%2F%7Ego-to%2Ftokushu.html&title=%E7%89%B9%E6%AE%8A%E3%81%AA%E5%AE%9F%E4%BD%93%E5%8F%82%E7%85%A7%E3%83%BB%E3%83%89%E3%82%AF%E3%83%AD%E3%81%A8%E3%81%8B 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www2.wbs.ne.jp/~go-to/tokushu.html 235578 nyomo 2008-01-17T05:02:50Z html SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.fseeker.jp%2Fseolecture%2Fcolumn%2F20060405.html&title=SEO%E6%A5%AD%E8%80%85%E3%81%A7%E3%81%99%E3%82%89%E6%84%9F%E5%8B%95%E3%81%99%E3%82%8B%E9%A9%9A%E7%95%B0%E3%81%AECSS%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%20-%20%E4%B8%8D%E5%AE%9A%E6%9C%9F%E6%9B%B4%E6%96%B0%20SEO%E3%82%B3%E3%83%A9%E3%83%A0 つまり出来るだけスッキリしたHTMLコードを目指すあまり、CSSにも詳しくなるわけですね。
そういったことからSEOに携わる全ての人は大抵、(X)HTML/CSSに造詣が深く、CSSテクニックにもある程度は精通しています。私も自称ではありますが、(X)HTML/CSSにはそれなりに詳しいという自負があります。
しかし世の中は広いもので、そんな余計なプライド（？）を打ち砕かれました。それがこのCSSテクニックです。JavaScriptは一切使用せず。HTMLとCSSのみで実装
この画像を見てもらえばある程度の人は察しがつくでしょう。
しかしこれは、Ajaxは利用していないのです。信じられますか？
きちんと全てCSSのみでレイアウトしています。
以下にこのテクニックを丸裸にする分析・解説を掲載しますので、... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.fseeker.jp/seolecture/column/20060405.html 1095 nyomo 2008-01-17T05:02:01Z html hxxk.jp - CSS を書く前に読んでもらいたいこと http://clip.nifty.com/entry?url=http%3A%2F%2Fhxxk.jp%2F2006%2F04%2F09%2F1940&title=hxxk.jp%20-%20CSS%20%E3%82%92%E6%9B%B8%E3%81%8F%E5%89%8D%E3%81%AB%E8%AA%AD%E3%82%93%E3%81%A7%E3%82%82%E3%82%89%E3%81%84%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://hxxk.jp/2006/04/09/1940 12649 nyomo 2008-01-17T05:01:12Z html Webmaster Eyes : リンク先のページランクを表示 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.webmastereyes.com%2F&title=Webmaster%20Eyes%20%3A%20%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%A9%E3%83%B3%E3%82%AF%E3%82%92%E8%A1%A8%E7%A4%BA See it with WebmasterEyes.com
Enter url GoWebmaster Eyes
Which will show:See it with WebmasterEyes.com
Enter url GoWebmaster EyesWebmaster Eyes is a free site helping you to ea... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.webmastereyes.com/ 585 nyomo 2008-01-17T05:00:51Z google html Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! http://clip.nifty.com/entry?url=http%3A%2F%2Fblog.html.it%2Flayoutgala%2F&title=Layout%20Gala%3A%20a%20collection%20of%2040%20CSS%20layouts%20based%20on%20the%20same%20markup%20and%20ready%20for%20download%21 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://blog.html.it/layoutgala/ 1689 nyomo 2008-01-17T05:00:22Z html Buttonator http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.buttonator.com%2F&title=Buttonator login or Signup Free username password: cancel HomeSignup FreeLoginFAQ's
Text Here Font AldineArialArial NarrowBaubodBook AntiquaBookman Old StyleCentury GothicCompactaCourier NewDutchJapanese (sans-serif)Japanese (serif)Simplified ArabicSimplified Arabic (fixed)Simplified Chinese (sans-serif)T... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.buttonator.com/ 32298 nyomo 2008-01-17T04:56:34Z 便利 html IBM dW : XML : ヒント: ひどいHTMLをTagSoupで修正する - Japan http://clip.nifty.com/entry?url=http%3A%2F%2Fwww-06.ibm.com%2Fjp%2Fdeveloperworks%2Fxml%2F060602%2Fj_x-tiptagsoup.shtml&title=IBM%20dW%20%3A%20XML%20%3A%20%E3%83%92%E3%83%B3%E3%83%88%3A%20%E3%81%B2%E3%81%A9%E3%81%84HTML%E3%82%92TagSoup%E3%81%A7%E4%BF%AE%E6%AD%A3%E3%81%99%E3%82%8B%20-%20Japan 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www-06.ibm.com/jp/developerworks/xml/060602/j_x-tiptagsoup.shtml 31349 nyomo 2008-01-17T04:55:02Z html ソフトウェア 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ: phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F06%2Fjavascript_14.html&title=%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E6%96%B9%E5%BC%8F%E3%81%AE%E3%83%84%E3%83%BC%E3%83%AB%E3%83%81%E3%83%83%E3%83%97%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E4%BD%9C%E6%88%90JavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%3A%20phpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHPでPGPを使う方法
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ2006年06月06日スポンサード リンク
wg:Bubble TooltipsBubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。

次のような吹き出し方式のツールチップテキストを作成できます。



次のようなJavascriptコードを書いておき、<script type="text/javascript" src="BubbleTooltips.js">&l... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/06/javascript_14.html 4447 nyomo 2008-01-17T04:54:09Z html 我的春秋: 続 JavaScript ソースが HTML から消える日 http://clip.nifty.com/entry?url=http%3A%2F%2Fmy-chunqiu.cocolog-nifty.com%2Fblog%2F2006%2F06%2F_javascript_htm_d49c.html&title=%E6%88%91%E7%9A%84%E6%98%A5%E7%A7%8B%3A%20%E7%B6%9A%20JavaScript%20%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%8C%20HTML%20%E3%81%8B%E3%82%89%E6%B6%88%E3%81%88%E3%82%8B%E6%97%A5 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://my-chunqiu.cocolog-nifty.com/blog/2006/06/_javascript_htm_d49c.html 3269 nyomo 2008-01-17T04:53:36Z html プログラミング GIGAZINE - CSS3に関する情報をまとめたサイト「CSS3.info」 http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20060613_css3info%2F&title=GIGAZINE%20-%20CSS3%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E6%83%85%E5%A0%B1%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88%E3%80%8CCSS3.info%E3%80%8D 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20060613_css3info/ 12020 nyomo 2008-01-17T04:52:55Z html d.aql - scriptタグの中にJavaScriptを書く正しい方法 http://clip.nifty.com/entry?url=http%3A%2F%2Fd.hatena.ne.jp%2Faql%2F20060615%2F1150300264&title=d.aql%20-%20script%E3%82%BF%E3%82%B0%E3%81%AE%E4%B8%AD%E3%81%ABJavaScript%E3%82%92%E6%9B%B8%E3%81%8F%E6%AD%A3%E3%81%97%E3%81%84%E6%96%B9%E6%B3%95 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://d.hatena.ne.jp/aql/20060615/1150300264 4775 nyomo 2008-01-17T04:51:07Z html script GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」 http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20060616_curvycorners%2F&title=GIGAZINE%20-%20%E7%94%BB%E5%83%8F%E3%82%92%E4%BD%BF%E3%82%8F%E3%81%9A%E3%80%81%E8%A7%92%E3%81%AB%E3%82%A2%E3%83%B3%E3%83%81%E3%82%A8%E3%82%A4%E3%83%AA%E3%82%A2%E3%82%B9%E3%82%92%E3%81%8B%E3%81%91%E3%81%A6%E4%B8%B8%E3%81%8F%E3%81%99%E3%82%8B%E3%80%8CcurvyCorners%E3%80%8D 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20060616_curvycorners/ 5387 nyomo 2008-01-17T04:49:23Z html css 2001年12月 - マーク付けノート：一般実体参照と文字参照 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.satoshii.org%2Fmarkup%2Fnotes%2F2001%2F12%23day26-2&title=2001%E5%B9%B412%E6%9C%88%20-%20%E3%83%9E%E3%83%BC%E3%82%AF%E4%BB%98%E3%81%91%E3%83%8E%E3%83%BC%E3%83%88%EF%BC%9A%E4%B8%80%E8%88%AC%E5%AE%9F%E4%BD%93%E5%8F%82%E7%85%A7%E3%81%A8%E6%96%87%E5%AD%97%E5%8F%82%E7%85%A7 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.satoshii.org/markup/notes/2001/12#day26-2 6361 nyomo 2008-01-17T04:23:18Z html なるほど スタイルシートを分けて管理する方法をまとめる - 2xup.org http://clip.nifty.com/entry?url=http%3A%2F%2F2xup.org%2Flog%2F2006%2F10%2F17-2115&title=%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%E3%82%92%E5%88%86%E3%81%91%E3%81%A6%E7%AE%A1%E7%90%86%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%E3%82%92%E3%81%BE%E3%81%A8%E3%82%81%E3%82%8B%20-%202xup.org 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://2xup.org/log/2006/10/17-2115 30210 nyomo 2008-01-17T04:13:11Z css デザイン html hxxk.jp - 仕様をちゃんと理解しておくか、英文をしっかりと読むことで誤解を防ぐ http://clip.nifty.com/entry?url=http%3A%2F%2Fhxxk.jp%2F2006%2F11%2F24%2F1248.php&title=hxxk.jp%20-%20%E4%BB%95%E6%A7%98%E3%82%92%E3%81%A1%E3%82%83%E3%82%93%E3%81%A8%E7%90%86%E8%A7%A3%E3%81%97%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%8B%E3%80%81%E8%8B%B1%E6%96%87%E3%82%92%E3%81%97%E3%81%A3%E3%81%8B%E3%82%8A%E3%81%A8%E8%AA%AD%E3%82%80%E3%81%93%E3%81%A8%E3%81%A7%E8%AA%A4%E8%A7%A3%E3%82%92%E9%98%B2%E3%81%90 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://hxxk.jp/2006/11/24/1248.php 234997 nyomo 2008-01-17T04:09:50Z html xml なるほど 後で 「サニタイズ言うなキャンペーン」私の解釈 http://clip.nifty.com/entry?url=http%3A%2F%2Fkmaebashi.com%2Fzakki%2Fzakki0042.html&title=%E3%80%8C%E3%82%B5%E3%83%8B%E3%82%BF%E3%82%A4%E3%82%BA%E8%A8%80%E3%81%86%E3%81%AA%E3%82%AD%E3%83%A3%E3%83%B3%E3%83%9A%E3%83%BC%E3%83%B3%E3%80%8D%E7%A7%81%E3%81%AE%E8%A7%A3%E9%87%88 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://kmaebashi.com/zakki/zakki0042.html 234990 nyomo 2008-01-17T04:09:10Z security html mail void GraphicWizardsLair( void ); // script type="text/javascript"で.jsを呼び出すタグは、出来る限り本文の後に移動したほうが閲覧者に親切 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.otsune.com%2Fdiary%2F2007%2F05%2F13%2F1.html%23200705131&title=void%20GraphicWizardsLair%28%20void%20%29%3B%20%2F%2F%20script%20type%3D%22text%2Fjavascript%22%E3%81%A7.js%E3%82%92%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%99%E3%82%BF%E3%82%B0%E3%81%AF%E3%80%81%E5%87%BA%E6%9D%A5%E3%82%8B%E9%99%90%E3%82%8A%E6%9C%AC%E6%96%87%E3%81%AE%E5%BE%8C%E3%81%AB%E7%A7%BB%E5%8B%95%E3%81%97%E3%81%9F%E3%81%BB%E3%81%86%E3%81%8C%E9%96%B2%E8%A6%A7%E8%80%85%E3%81%AB%E8%A6%AA%E5%88%87 FreeBSD, AfterEffects, RETAS, animo, DigitalAnime, Linux, Mac OS, Win2k[Who is otsune?][title][message][Policy][注目エントリー][top]
Twitter Status : Namazu for hns による簡易全文検索
詳しくは 詳細指定/ヘルプを参照して下さい検索式: 先月 2007年05月 来月 日 月 火 水 木 金 土 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 312008年2007年2006年2005年2004年2003年2002年2001年01月02月03月04月05月06月07月08月09月10月11月12月1〜10日11〜20日21〜日全て2007年05月13日(日)[長年日記][neta] script type=&quo... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.otsune.com/diary/2007/05/13/1.html#200705131 234493 nyomo 2008-01-17T03:22:34Z html oitake blog | HTML2CSS：HTMLを解析して空のCSSを生成するブクマ http://clip.nifty.com/entry?url=http%3A%2F%2Foitake.jugem.jp%2F%3Feid%3D185&title=oitake%20blog%20%7C%20HTML2CSS%EF%BC%9AHTML%E3%82%92%E8%A7%A3%E6%9E%90%E3%81%97%E3%81%A6%E7%A9%BA%E3%81%AECSS%E3%82%92%E7%94%9F%E6%88%90%E3%81%99%E3%82%8B%E3%83%96%E3%82%AF%E3%83%9E ( ' ρ')＜oitake？｜トップページ HTML2CSS：HTMLを解析して空のCSSを生成するブクマ※20070831：デラックス版をリリースしました。こちらをお使いください。
※20070830：Firefoxでは改行文字がそのまま表示されてしまうため、別途Firefox用のブクマを用意しました。テキストエリアではなくページ上にそのまま表示してしまいますが、とりあえずFirefoxユーザーの方はこちらをお使いください。

Jonathan Holstさんの作られた「HTML2CSS」というプログラムがGoogle Codeで公開されています。国内でも少し話題になりました。
HTML2CSSは、HTMLからCSSのセレクタだけを生成してくれるので、コーダーの方には有用だと思います。CSSを一から書き起こす際に手間が省けますからね。
ただ、このプログラムはPythonで書かれているので、経験のある人でなければ起動することすら難しいでしょう。

というわけで、HTML2CSSと同じ動作をするプログラムをブックマークレット（JavaScript）で作ってみました。
同じ動作、といっても、H... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://oitake.jugem.jp/?eid=185 234299 nyomo 2008-01-17T03:04:50Z html css tool