[B! html] tgkのブックマーク

Sketchpad

Sketchpad is an online drawing application -- written in

tgk 2010/02/16

site
html

リンク

Web デザインなんぞクソ喰らえ。 - Diary?::2008-10-04

return0.infoに移転。昔の日記はまんま残してるので読みたい人はどうぞ。世界樹の迷宮関係のコンテンツは移行が面倒なのでこっちに残すことにした。世界樹の迷宮プレイ記録世界樹の迷宮IIプレイ記録世界樹の迷宮IIIプレイ記録

tgk 2008/10/05

ヘッダを固定してスクロールするテーブル

css
html

リンク

「ListBoxで複数選択したい！！」（1） Insider.NET －＠IT

＠IT 会議室 Indexリンク Windows Server Insider Insider.NET System Insider XML & SOA Linux Square Master of IP Network Java Solution Security & Trust Database Expert RFID＋IC リッチクライアント & 帳票 Server ＆ Storage Coding Edge ＠ITクラブ Cafe VB業務アプリケーション開発研究＠IT SpecialPR

tgk 2007/12/04

<select>でCtrlを押さずに複数選択するスクリプト

リンク

ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ

CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。今日は、フォームにつきもののボタンについて考えてみます。私たちがボタンに求めるモノって、何でしょう。データを送信（submit）するどのブラウザでも同じように見える使い回しが聞くボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しないボタンの大きさ＝クリックできるエリアの大きさ画像がdiableされていても使用可 CSSがdisableされていても使用可ボタンのように見えて実はただのリンクの時のもあるこれらの要求を解決してくれる方法が複数出

tgk 2007/08/09

html

リンク

ＩＥ６「文字のサイズ」設定の影響 - きゅーとむ探検隊Ｖｅｃｔｏｒ支部

文字サイズを絶対値で指定すればレイアウトを考えやすいのですが、見る人の視力，ブラウザ環境，あるいは好みなどによって、文字を大きく，あるいは小さく表示したいこともあると思います。私はＩＥ6の﹁文字のサイズ﹂を﹁中﹂に設定していますが、これを変更すると拙サイトの見栄えはどうなるでしょう？ＩＥ6の﹁文字のサイズ﹂毎の文字サイズが、絶対値，相対値でどの位になるのか確認してみます。他のブラウザでも、同様の確認をしなくては．．．拙サイトでは高度なレイアウトを採用していない︵正確には、” 採用できるだけの技術力やデザイン・センスが無い”．．．涙︶ため、文字サイズを絶対値で指定する必然性は、あまり有りません。今後、基本的に文字サイズは <body> に指定した﹁ font-size: small ﹂を基準に、﹁％﹂による相対値で指定することにしました。﹁ｅｍ﹂は文字サイズの

tgk 2007/07/23

IEの「小」は10pt

html

リンク

第10回　文字のサイズとブラウザの違い〜「はてなダイアリー」で起こった問題点：ITpro

今回は，先日筆者の勤務するはてなのサービスの一つである﹁はてなダイアリー﹂で起こった，使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し，それをプログラミング言語であるところのJavaScriptを使って解決した，というお話です。その問題とは，﹁文字の大きさ﹂に関するものです。ブラウザには，文字のサイズを変更する機能が用意されています︵図1︶。例えばInternet Explorer︵IE︶なら﹁表示﹂メニューの﹁文字サイズ﹂から﹁最大﹂﹁大﹂﹁中﹂﹁小﹂﹁最小﹂の五つの段階を選ぶことができます。Firefoxも﹁表示﹂メニューの﹁文字サイズ﹂から選ぶことができますが，﹁大きく﹂﹁小さく﹂というメニューになっており，より自由に表示サイズを変更することができます。図1‥ブラウザでは文字サイズを変更できるちなみにOperaは

tgk 2007/07/23

design
html

リンク

【インフォシーク】Infoseek ：楽天が運営するポータルサイト

日頃より楽天のサービスをご利用いただきましてありがとうございます。サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。メンテナンスが終了次第、サービスを復旧いたしますので、今しばらくお待ちいただけますよう、お願い申し上げます。

tgk 2007/06/20

<input type="text">が1個だとイベントハンドラを通過せず、2個だとうまいこと通過する、という謎の現象の解明

リンク

Flashなしでもここまで作れる！：ITpro

Webプログラミングは，プロはもちろんアマチュアのプログラマの間でも，もはや欠かせない開発ジャンルの一つです。しかし，書籍や雑誌の解説記事のほとんどが，データベースがどうとか，サーバーサイドがどうとか，どうしてもディープな方向に進んでしまう傾向にあります。もちろん，それはそれで大切なことなんですが，いったい何割の人が，その技術を“自分の”ホームページに使っているでしょう。最近話題の﹁リッチ・コンテンツ﹂にしても同様です。例えばFlash。たしかにActionScriptというスクリプト言語を使えば，動く，鳴る，つながると，いいこと尽くめです。でも，いかんせん﹁Macromedia Flash MX 2004を買ってきてね﹂とあっては，皆がみな使えるわけではありません。 Part1でも解説があったようにblog︵ブログ︶の認知度が上がり，利用率も増えて，プロバイダからの提供体制も整ってきて

tgk 2006/10/18

リンク

DLをTableに見せる

コンテンツメニュー dtにメニューの名前、ddに説明。プロフィール dtに項目名、ddにその項目の値。 dtに「血液型」、ddに「B型」など。リンク dtにサイト名、ddに説明やバナー。ギャラリー dtに画像、ddに説明など。(複数のリストの場合) チャット・対談・会話 dtに発言者名、ddにメッセージ。 /* dl-sample */ #sample * { margin:0; padding:0; border:0; } #sample dl { border-top:0; border-bottom:1px solid; border-left:1px solid; border-right:1px solid; background:#eee; } #sample dt { float:left; clear:both; width:9em; padding:0.5em; _

tgk 2006/10/17

html
css

リンク

A Handy CSS Debugging Snippet

tgk 2006/08/09

html

リンク

高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE

通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ

tgk 2006/07/18

html

リンク

無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE

オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi