すごく軽快なオンラインHTMLエディター
2006年09月25日
HTMLを編集しながらリアルタイムで表示の確認ができる。
これといって飛び抜けた機能はありませんが、
とっても軽快に動くもんだから、そこがよろしい。
未分類
Archive
タグ ‘html’
Web 2.0サイトで使われてる色
2006年08月23日
DOCTYPE宣言の違いがいまいちわからない
2006年08月07日
HTMLを組んでいてよく思い通りに表示してくれない事があるんですが、
自分の場合そういった時にはかなりの確率で「DOCTYPE宣言」を変更する事で、うまくいきます。
しかしながらこの「DOCTYPE宣言」とやらの役割や違いがいまいちわかりません。
この宣言をする事で、どのバージョンのHTMLの仕様にそって記述しいているかを伝えるものらしいです。
これら３つがあるらしい。
（URLは記述しなくても良いらしいです。）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
いろんなサイトを見ていても記述していないサイトもあったりします。
RSSフィードでもいろんな規格のものがあって今の主流が何なのかが知りたいし。。
「DOCTYPE宣言」も主流は何なんでしょうか。。。
HTMLタグリスト/タグの基本と参考資料/DOCTYPE宣言 - TAG index
未分類
スタイルシートと画像で枠を角丸にするHTMLを自動生成
2006年07月31日
htmlで角丸の枠を実現する方法は色々ありますが、
Spanky Cornersは、cssと画像で角丸を実現します。
- 背景色
- 前景色
- 角丸の寸法
を指定すると、cssとhtml、角丸で利用する画像を自動生成してくれます。
SitePoint Tools : Spanky Corners — The SitePoint Corners Store
Prototype.jsをベースにしたウィンドウ生成ライブラリ
2006年06月16日
Prototype.jsをベースにした、javascriptウィンドウ・ダイアログを生成するライブラリがありました。
サンプルも豊富に用意されてるんで見ればどんな物かわかると思います。
これはいいですね。簡単で。。
http://prototype-window.xilinus.com/
This javascript class allows you to add window in a HTML page.
This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory.
HTMLで簡単・きれいに角丸デザインを実現
2006年03月15日
Nifty Cornersを使えば、JavaScriptで簡単に角丸デザインを実現する事が出来ます。
しかも角丸用の画像なんかも用意する必要がなく、とっても良いです。
↓こんなかんじで指定してやるだけ。
Rounded(”div#news div”,”tr bl”,”#FFF”,”transparent”);
dhtmlとやらの威力
2006年02月14日
しかし凄いですねぇ、dhtmlとやらは…
以下のメニューはdhtmlといわれる、javascript,css,htmlを駆使して表示されてますです。。
うちのサイトのメインのcssが邪魔して、ちと表示が崩れちゃってますが…
興味のある方はこちらからで…
すべてソースがわかりやすく見れます。。
Interactive DOM scripting
phpでどこかのhtmlソースを持って来る
2006年02月13日
Snoopyを使えばhtmlを簡単に取得する事が出来ます。
COOKIEやSSLにも対応しているようです。
RSS情報を解析する「MagpieRSS」
もこれを使ってるみたいです。。
こんな感じで使う…
require_once(”snoopy.class.php”);
$Snoopy = new Snoopy();
$url = “http://hogegoge.com/”;
$Snoopy->fetch($URI); //$URIのHTMLソースを取得
$Snoopy->fetchtext($URI); //$URIのテキストのみを取得
$Snoopy->fetchform($URI); //$URIのフォームの部分を取得
$Snoopy->fetchlinks($URI); //$URIのリンク部分を取得
$Snoopy->submit($URI,$param); //$paramの内容を$URIに送る
$Snoopy->submittext($URI,$formvars); //$paramの内容を$URIに送る（返りがテキスト）
$Snoopy->submitlinks($URI); //$paramの内容を$URIに送る（返りがリンク）
英単語を改行したい
2006年02月06日
word-breakプロパティは、W3Cで審議中のものをInternet Explorerが独自に採用したもので、 表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、文の改行の仕方について指定する際に使用します。
IE独自らしく、FireFox（Mac）では反映されず…
にたような事を実現するにはどうすりゃいいの？