サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ニコニコ動画
www.k5.dion.ne.jp/~i-araki
ニッポンの伝統色リンク集 色彩音痴の自分の為に作った色考察ソフト「カラーピッパレッター」。データを利用したい時の説明に、16進数でカラーパレットを作っておられれるサイトを捜してみました。各有名ソフト用だったりもしますが、とにかく和色をテーマに集めた雅なサイトのリンク集です。鼠や茶ばかりかも?と思っていたのですが、綺麗な色彩でほっとしました。 カラーピッパレッターにもそのまま読み込んで使えますので、よろしければご利用ください。 カラーコードでの日本の伝統色・和名を扱うサイトさまリンク集
互換モード・標準モード・strictも使える擬似フレーム このページのテクは JavaScript やフレームを使いません。せっかくがんばって考えたのに、没になったテクニックです。フレームを使わないフレームもどきを擬似フレームといいます。このページでは Css で作っています。最初互換モードで満足していたのですが、標準モードでも使いたくなって挑戦してみました。このページは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> を宣言しています。確認ブラウザは Win版の IE6・Opera8.5/9・FireFox1.5 です。Opera8.5に少し問題があるようです。 何をしているかというと、本来のページに同じ大きさのページを作って本来のページのスクロールバ
テーブルを必要としない縦に伸び縮みする2段コラムレイアウトです。右が長くても、左が長くてもちゃんと両方下まで揃って見えます。考え方は、固定とまったく同じです。解説の必要な方は疑似背景=背罫コラムレイアウトって?をご覧下さい。簡単に言うと、背景色の一部にボックスの罫線を使うてことで、擬似的に背景に伸び縮み(リキッド状態)にしているよう見えます。このページはその2段リキッド互換モード版のです。 2段で縦・横どちらもリキッドレイアウトメイン box が長くても、サブ box の色が途切れません。其の逆もOK。そして table を使いません。標準モードでも互換モードでも使えます。横幅固定では、シンプルでハックを使いません。が、売りでしたが、互換モードは IE の解釈違いが顕著に出ます。ので、ハックを1行だけ入れてください。くやしいですけど、いかんともしがたい。 2段も3段リキッドも同じ考え方です
無計画にリフォーム増築を重ね、15ページ程なのに、作った本人さえ迷子になる始末。リフォームするまでのつなぎにサイトマップを用意しました。今リフォームすると、またリフォーム失敗しそうなので。 地図の丸い所でリンクしてます。各ページ上のメニューは、各ページの小見出しも入っています。サイトマップは簡素版で、1ページ1リンクになっています。
このサイトのテクはJavaScriptを使いません。「CSSだけでリモートロールオーバー」の説明に、ポップアップ?といれたら、間違えて検索してこられる方が相当数おられます。それで、ポップアップのページも作る事にしました。Operaでは上手く作動しません。没ネタばかりですみません。 CSSだけでポップアップ説明・画像 おなじみの問題からです。 動作確認で問題なしは、Win のIE6/Firefox1.5・2。 問題ありは、Opera9はまったく作動せず、8.5では、残像が残ったりします。 Operaの多いサイトさんは絶対に使わないで下さい。 CSSだけでポップアップの作り方(簡単編) 純粋に文字だけ・画像だけなら、リンクさせたい文字の後ろに span でクラスを付けて最初は display:none。hover の時は display:block; とすれば浮かび上がります。後は、位置
月ナビ(透過疑似フレーム) 月ナビって? 作り方 欠陥・問題点 リモートロールオーバー 見本と説明 同時に2箇所のリモートロールオーバー 固定型リモートロールオーバーメニュー 月ナビ+リモートロールオーバー CSSだけでポップアップ CSSだけでポップアップ プルダウンメニュー プルダウンメニューの作り方 このプルダウンメニュの問題点 CSSplay さんの紹介 疑似背罫コラムレイアウト疑似背罫コラムレイアウト 2段リキッド版(互換) 3段リキッド版(厳格) 2コラム罫線レイアウト フリーソフト配布 css使いの為のカラーピッカー サイトマスター はじめ 技術・資料提供 か ず 疑似背景=背罫コラムレイアウトって? ハックを必要としない伸び縮みする2段コラムレイアウトです。右が長くても、左が長くてもちゃんと両方下まで揃って見えます。高さの違うボックス(コラム)の下まで背景色を途切れさせない
このページのTipsはJavaScriptを使いません。スタイルシートのみで作成しました。せっかくがんばって考えたのに、没になったテクニックです。問題アリのTipsです。今回の問題は大したことないです。 プルダウンメニュー・ツリーメニュー・階層メニュー・ドロップダウンメニュー色んな別名をもつ折りたたみ式のナビゲーション。これもCSSだけでやってみました。マウスがスイッチの上に乗ると、下に垂れ下がってくるメニューのことです。普通はJavaScriptを使うようなのですが、JavaScriptなしで作りました。html+css で動きます。でも、ちょっと問題ありなので使いませんでした。そんなのばっかりですが、楽しんでくだされば嬉しいです。セキュリティを気にしない客層の場合は、問題なく使えると思います。 プルダウンメニューの作り方 1.html部分は 親に a 要素を使います。これは IE の
イメージも全く同じ 月ナビ(透過疑似フレーム)月ナビって? こーこにいるよ、月はまだここにいるよのナビゲーション もう1つの没テクニック 作り方 月ナビの作り方。 かなり大雑把な説明です 欠陥・問題点 キャッシュが変になります Google・Yahooで八分状態に リモートロールオーバー(このページ)作り方 今マウスが乗っているメニューの作り方です。この説明と連動してますね。これ、CSSで出来てます。その作り方。一見無駄なものに見えても、削ると上手くいかないブラウザが出たりしますので、改良される時は、慎重にお願いします 同時に2箇所のリモートロールオーバーこのページにクラスをプラスして、一箇所のオンマウスで別々の場所をリモートコントロールします。2箇所と限らず、3ヶ所でも4箇所でもスワップコントロール可能です。 このページに場所の指定を加えるだけなので簡単。勿論、JavaScriptは
このページを最初にブックマークしてみませんか?
『www.k5.dion.ne.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く