[B! *CSS] mico-micoのブックマーク

css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

mico-mico 2010/06/29

IE6
*css

リンク

jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる

IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディングそれぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。（ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。）使い方は、css で以下のように書くだけ。

mico-mico 2010/06/21

*CSS

リンク

商用可！WEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」

TOP > Design , Font , Photoshop , WebDesign , WebService , WordPress > 商用可！WEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」 WEB制作に使うツールは人それぞれでこれしか無いというものはありませんが、WEBデザインのモックを制作するときにphotoshopを利用して制作していると言う方にオススメなのが、今回紹介するWEBデザインテンプレートをpsdでダウンロードできる「Free PSD Theme」。まだ数はそこまでありませんが、クリエイティブで質の高いWEBテンプレートがフリーでダンロードできます。系統的にはどれもキレイめなものが多く、洗練された雰囲気のテンプレートが中心です。今回はいくつか気になったものをピックアップして紹介したいと思います。詳しくは以下 ■Fre

mico-mico 2010/06/14

リンク

ぴよよWEB: IE6で文字をfloatさせた時にテキストの最後の文字が繰り返される

なんか、文字がレイヤからはみ出して、というか、複製されてはみだす。こんな感じ。。 ↑こんな具合に、最後の文字だけ複製されてはみ出るのね。どうやらfloat周辺のバグらしいことが判明。 http://lala-rockets.com/blog/2008/12/ie6float.html http://webryu.com/blog.webryu.com/?p=97 http://archiva.jp/web/html-css/Duplicate_Characters_Bug.html 考えられる対処法・コメントを消す・widthを変える・margin-right:-3px;を入れるコメント消すとか私には無理なので、margin調整する方にチャレンジ。無事解決。 IE６って何なんだろうね〜〜

mico-mico 2010/06/11

*CSS

リンク

http://www.designwalker.com/2010/05/css3.html

mico-mico 2010/05/18

*css

リンク

Ajax » jQuery plugin » ナビゲーション、メニュー | PHP & JavaScript Room

PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説どのイベントが発生した時にアニメーションを開始するかを指定します。指定しない場合は、すぐにアニメーションが開始されます。2つのイベントを指定すると、1つ目のイベント発生時に現在のスタイルからホバー時のスタイルにアニメーションし、2つ目のイベントで元のスタイルにアニメーションしながら戻ります。設置イメージ設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml

mico-mico 2010/04/28

リンク

CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu

96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed

mico-mico 2010/04/28

リンク

duree dpe

Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe log ement tous les cas à par

mico-mico 2010/01/29

CSSセレクタ　参考

*css

リンク

ブラウザに依存せず文字の大きさを統一させる方法 - デザインテンプレート無料配布 || Cool Web Window

mico-mico 2010/01/21

参考！

*css

リンク

cssの情報・まとめ - かちびと.net

cssの情報まとめです。ローカル環境にストックしていた情報を開放してみますのでシェアして頂ければ幸いです。内容は結構偏っていると思いますので参考程度になさってください。全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。ツールオンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The

mico-mico 2010/01/21

*CSS

リンク

1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo

スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:

mico-mico 2009/12/22

リンク装飾のときに使おう

*CSS

リンク

codecheck.in

This domain may be for sale!

mico-mico 2009/12/01

リンク

http://d-lover.com/css/hack.shtml

mico-mico 2009/09/18

リンク

CSS と JavaScript でタブ切り替え

CSS と JavaScript でタブ切り替えを実現しています。なるべく CSS や JS の記述量を最小にするように努力しました。もっとシンプルにできそうなアイディアがございましたらご教示下さい。「無償・無保証・著作権放棄」ですので、このページのソースを適当にいじって自由に使って下さい。全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。タブの見出しをクリックするたびにサーバーを読みに行くのが欝陶しく思えるときに、うってつけかと。そう言えば、某サイトでは、クリックどころか、タブの見出しにマウスカーソルを合わせるだけで、フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) をいちいち Web サーバーへ取りに

mico-mico 2009/06/30

リンク

CSSで「text-indent:-9999px;」や「display:none;」の画像置換は使ってはいけない - webデザイナーのナナメガキ

「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

mico-mico 2009/06/30

*CSS

リンク

ILOVEOSHARE　Soup11月号掲載記念〜送料無料！！ふんわりニットワンピース - Yahoo!ショッピング

mico-mico 2008/11/14

*CSS

リンク

CSSで色指定が可能な立体的でクールなボタン実装サンプル:phpspot開発日誌

Liquid & Color Adjustable CSS Buttons - CSS/XHTML/Photoshop Tutorial When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop.CSSで色指定が可能な立体的でクールなボタン実装サンプル。次のようなクールなボタンが作れます。background-color の指定でボタンの色が変えられるのでなかなか良いです。だめかと思われたIE6でも動作してます。追記） CSSのみでIE6.0対応しているわけでなく、一部ＪａｖａＳｃｒｉｐｔを使用しているみたい。ご連絡いただきましてありがとうございました。関連エントリ CSSでクールなボタンを作るまとめ

mico-mico 2008/10/03

リンク

tableのヘッダ固定やソートとかのAjax系ライブラリまとめ - Cyokodog :: Diary

mico-mico 2008/09/01

テーブル

リンク

テーブルの見出しを固定してデータ部分だけをスクロールさせる

<HTML> <HEAD> <TITLE>テーブルの表題を固定してデータ部分だけをスクロールさせる</TITLE> <script language="JavaScript">  </script> </HEAD> <BODY> <TABLE cellpadding="2