a:hoverでz-indexを変えて重なりの入れ替えをIEにも対応させてみた | 我流天性 がらくた屋
CSSで、a:hoverによるz-indexを変えてレイヤーの重なりを制御しようとしたのですが、IEにハマりました。特にIE7に。 まず最初に試したのが下記のa:hoverでz-indexを変更する事。 これはFirefox2,Safari等では当たり前に動いてくれます。 a{ position:absolute; z-index:1; } a:hover{ z-index:2; } しかしこれだけだとIEは動きません。 しかもIE5.5,IE6とIE7との挙動が違ってる分、苦労しました。 特にIE7は「a:hover時にz-index以外の別の属性も変更させないとz-indexが反映されない。」に気付く迄随分とハマりました。 これは個人的な予想ですが。 IE7はa:hover時にborder,visibility,background等、表示に関する何かの属性を明示的に変更しなければ、z
OmniGraffleでWeb制作/開発の人が使えそうなステンシルを20+4個選んでみた | 我流天性 がらくた屋
Mind Mapや時系列、議事録なんかはもうXMind(詳細は「日本語入力も可能なオープンソースのマインドマップ「XMind」 | コリス」にて)でいいやと思うのですが、図はやっぱりオムニグラフが良いなと僕の場合思ったりしてます。 Web制作をしてると、よく提案書や仕様書やフロー図、ワイヤーフレーム、UI画面、カンプのWebフォームなどを書くことがあります。 そういう時に便利そうなMac OSXのオムニグラフのステンシル(Stencil)を独断で選んでみました。 企画書、ドキュメント系(3) WebブラウザのUI、ワイヤーフレーム系(8) iPhone系(3) アイコン系(6) その他(4) 探したのはオムニグラフのフリーのステンシルがダウンロードできる「Graffletopia」から。 今、仕事でいろいろ書かないといけなくて、そういう目線で探してたら結構良質のデザインがたくさんあって、書
Dreamweaverのテンプレート機能関係の参考サイト | 我流天性 がらくた屋
Dreamweaverのテンプレート機能の参考サイトの自分用メモです。 使いこなせれば、中小規模のサイトをシステム無しで、 Webデザイナーのみで管理／運営ができます。 頑張ってContributeと連携すれば、こんなサイトも運用できちゃったりします。 Dreamweaverのテンプレートを使った事例 サッポロビールにおけるテンプレート活用事例 | デベロッパーセンター http://www.adobe.com/jp/devnet/dreamweaver/articles/dw10seminar_sapporobeer_02.html あの大手サイトもテンプレート機能を使ってます。一通り全部読んでみる事をお勧め。 北九州芸術劇場 http://www.kitakyushu-performingartscenter.or.jp/ 手前味噌ですいません…(汗 Dreamweaver Templ
User Agent Switcher の携帯用のXML - 我流天性 - がらくた屋
●お知らせ 2011/05/01 ※この記事のUser Agent Switcher用XMLは古いデータです。最新のXMLは下記リンク先のエントリーで公開中です。 →[User Agent Switcher用XML : 携帯＋スマートフォン(＋おまけ)対応版] 先日2007/11/17(土)に行われたPiF(PHP in Fukuoka)の第９回勉強会のスピカーで「携帯の機種判別」を話せさてもらいました。 その時、携帯開発で便利な、Firefoxの拡張でUserAgentを切り替えられるUser Agent Switcher を紹介したんですが、各携帯のUserAgentをメモったuseragentswitcher.xml を公開します。 修正：20080917) リンク切れ直しましたm(_ _)m useragentswitcher.xml (7KB) →最新版のXMLはこちら 元ファイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
