CSSベースのフォームテンプレート:phpspot開発日誌
A CSS-based Form Template CSSベースのフォームテンプレート。 フォームをデザインするのって結構面倒だったりしますよね。 フォームのテンプレートがあらかじめ容易されていれば、コピペであっという間にフォームが出来そうです。 しかもCSSベースなのでデザイン変更も容易でHTMLも綺麗ということですごく便利です。 次のような綺麗なフォームのテンプレート。 １枚の中にCSSの定義も全部入っていて便利に使えそうです。 関連エントリ セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄せするCSSサンプル CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例 CSSの小技集、20個
Yahoo! UI Library サンプルへのリンク集:phpspot開発日誌
2/14 Yahoo! UI Library が公開されました。 これまで、script.aculo.usやmoo.fxなどのライブラリがありましたが、Yahoo!が出してくるとは思いませんでした。 英語ページに慣れていない方は、サンプルへのリンクがどこにあるか迷うと思うので以下にリンクをまとめておきました。 実際に触れてみて、Yahoo! UI Libraryの凄さを体感しましょう！ Animation Basic Animation Animation - From Animation - From in EM units Animation - Size Animation - Size and Opacity Animation - Adding Attribues Simple Movement Relative Movement Motion Using a Control P
CSSとJavaScriptで飾りつけする吹き出し風デザイン*ホームページを作る人のネタ帳
あくまでも静的デザインの噴出し。 浮き上がってくるアレではありません。 タイトルやコメント等、ちょっとした飾りに使ってみはいかがでしょうか？ 導入方法 動作環境は以下のとおり ・Internet Explorer 6 & 7 ・Firefox 2.0 ・Safari 2.0 ・Opera 9.0 導入は比較的簡単です。 ダウンロードしたファイルのうち、index.htmlを開いてみるとわかると思います。 <link rel="stylesheet" href="bubbles.css" type="text/css" media="screen" charset="utf-8" /> <script type="text/JavaScript" src="rounded_corners.inc.js"></script> <script type="text/JavaScript"> wi
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
Alertbox: ページ内リンクの使用は避けよう（2006年2月21日）
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Nielsen Norman Group on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Scrollable HTML table - webtoolkit.info
Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
25 Code Snippets for Web Designers (Part2)
BBC