ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。
概要 Firefox 1.0 以降用, Firefox 1.5 以降用, Firefox 3.0 以降用の CSS ハックの手法とその仕組みの説明です。 動作確認用の demo 説明 複数のセレクタに同じ宣言を共有する場合、h1, h2, h3 { font-style: bold } のようにセレクタをカンマで区切ってグループ化 (Grouping) することができます。 しかし、グループ化したセレクタ群の中に、Web ブラウザが未対応のセレクタが一つでも含まれている場合、グループ化した別のセレクタも無効化されてしまい、グループ化した全てのスタイルが適用されなくなります。 例えば、h2, p:first-child { font-weight:bold } のように宣言した場合、h2 要素と最初の子要素の p 要素が太字でレンダリングされます。しかし、IE 6 では :first-chi
画像をPhotoshopなどのソフトで加工しなくてもスタイルシートでフィルタをかけることができます。 まずは以下サンプルの上にマウスを重ねて下さい。 マウスを重ねると、写真がカラーになります。 これは通常の考えでしたら、2枚の画像を用意してロールオーバーを作りますが、これは1枚の画像を使ってスタイルシートの記述のみでロールオーバーをさせています。 続いて効果の違うサンプル。 最初の白黒からカラーへのロールオーバーでは、画像に直接CSSを指定しています。 以下のような感じです。 <img src="○○.jpg" style="filter:Gray" onMouseover="this.style.filter=''" onMouseout="this.style.filter='gray'"> ロールオーバーにしない場合は以下のタグです。 <img src="○○.jpg" style=
「text-indent:-9999px;」や「display:none;」でテキストをウィンドウ外に飛ばしたり非表示にして、代わりに背景画像を表示させる手法を「画像置換(Image Replacement)」というが、これには重大な欠陥があって、最近では使用が推奨されていない。 h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; text-indent:-9999px; } <h5>SITE TITLE</h5> h5{ width:150px; height:50px; background:url('ir_test.gif') no-repeat; } h5 span{ display:none; } <h5><span>SITE TITLE</span></h5> 上記のようなCSSだと「CS
pre 要素で囲んだ一行が長い場合、親要素の幅に収まりきらず、スクロールバーが出てしまいます。 なんとか親要素の幅内で収めたい。 で、適当な位置で改行するように、 pre { overflow: auto; white-space: normal; } なる CSS を追加したのですが、今度は、私が追加した任意の改行まで無くなってしまいました。 調べてみると、下のようなコードを追加すると、改行を生かしたまま折り返してくれます。 pre { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word;
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ
hawksmont Universe 🙂 のPhotoshopのブラシの紹介です。 Fractals Part 1 Fractal Part 2 Floral Part 1 Floral Part 2
Brusheezy!に登録されている、閃光、爆発などの光や風などを表現できるフラクタル&アブストラクトなPhotoshopのブラシの紹介です。
Brushes for digital painting. Digital painting is a category especially popular among illustrators. Even if their creative activities start in a traditional technique, such as watercolor, sketch, pastel drawing... they finally end up in a digitized form for processing in a graphic design program, often Photoshop. There are also artists who create their work on a computer or tablet from the very be
Blog The Blog StarterVN:R_N [1.9.17_1161]Rating: 5.0/5 (1 vote cast) Portfolio Jenny JohannessonVN:F [1.9.17_1161]please wait...Rating: 3.6/5 (8 votes cast) Best of Adult Swim Singles 2016VN:F [1.9.17_1161]please wait...Rating: 4.1/5 (9 votes cast) Portfolio Alexandre RochetVN:F [1.9.17_1161]please wait...Rating: 3.8/5 (5 votes cast) CSS Converse: DiamondsVN:F [1.9.17_1161]please wait...Rating: 3.
すべての種類 クリップ アート 写真 アニメーション サウンド
~10程度っすよ ~50程度かな ~100くらい ~300程度です ~500はこなす ~1000はやってます これ以上 ( ! )
11/2 またまたお久しぶりです。 再開後、メールを送ってくださっていた方々、 お返事しないでごめんなさい。 パソコンがすこぶる不調にて、 メールの受信もままならず。 現在何とか復旧したものの もうパソコンは手放すことにしました。 便利な世の中になって、 普通に過ごすのにパソコンはいらなくなりましたね。 スマホやタブレットで事足りますもの。 なので・・・ このサイトでの更新はもうありませんのでご了承ください。 メールももうお受けできません。 ごめんなさい。 後々何かしらでドラマのレビューをしようかと思ってます。 ひそかに、どっかで。 このサイトはこのまま残します。 ご自由にご覧下さいませ。 ひそかにどこかでまた再会できましたら、 そのときはどうぞよろしくです。 長い間、ありがとうございました。 どらまちゃんねる IE 8.0(1024*768px) にて 動作確認しています。 サイト内の文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く