タグ

cssに関するm-e-omoteyamaのブックマーク (5)

  • iPhone、AndroidのモバイルWebでの長押しアクションを無効化する - paranitips

    モバイルWebにおいて、セキュリティ上、WebのリンクURLを表示させたくなかったり、 テキストのコピーを防止したい場合があります。 これらの長押しアクションを無効にするにはbodyのcssに以下を追記します。 body { -webkit-touch-callout:none; // リンク長押しのポップアップを無効化 -webkit-user-select:none; // テキスト長押しの選択ボックスを無効化 } 補足 また、一般的なWebサイトの右クリックの無効化は <body oncontextmenu='return false;'> コピーの無効化は <body oncopy='return false;'> でOKです。 (developerツールを使えば簡単に解除できますが。) 参考 iPhone リンクを長押しした時のポップアップメニューの制御 « TriAx Lab

  • CSS/HTML色見本

    色の基礎知識 ディスプレイに表示される色は、RGBすなわち光の三原色(赤:Red, 緑:Green, 青:Blue) の各要素の大きさで表すことができます。 平たく言いますと絵の具を混ぜる要領で色を作りだすことができるのです。 たとえば赤100%、緑0%、青100%の配分で組み合わせると紫色になるといった具合です。

    m-e-omoteyama
    m-e-omoteyama 2010/12/01
    色見本
  • CSS/IE7でのz-indexについて komacchi.com/blog

    cssの話。 今さら感すごいがz-indexではまった罠。 今までz-indexプロパティを使用しないマークアップを心がけていたため あまり意識していなかったのだが、どうしてもデザイン上、クライアントの都合上 z-indexで要素の重なりを指定し、わざと隠したような状態にせねばならなくなりまして。 実は先日までのデスマーチ中におこった話で、自分たちもそこで認識していたものの この問題を優先順位を後回しにできたため、改めて検証。 どういうことかと言うと。 z-indexプロパティはdivなどのブロックレベル要素でボックスを入れ子にした時に、 positionプロパティでstatic以外の値が指定されている場合、 それぞれの要素はレイヤー状に重なっているため、 親要素の幅や高さに関係なく、好きな所に配置出来る。・・・来ならば。 しかしながらIE7だけz-indexが効いていなかったわけで。

    m-e-omoteyama
    m-e-omoteyama 2010/11/24
    IE7 z-index 問題
  • CSS の position の absolute を使いこなす為の基礎知識 はじめてのブログデザイン

    皆さんは CSS の position プロパティを使いこなせていますか? 私はお恥ずかしながら relative (相対指定)はたまにレイアウトの微調整で使用することはあっても、今回のテーマである absolute (絶対指定)を使いこなせずにいました。理由もしっかりあり、ブラウザのウィンドウの左上から指定することにメリットを感じていなかったからなんですが・・・ しかし、今回の記事は position プロパティの特に absolute を使いこなすための基礎知識です。 「えぇぇ!!そんなことも知らなかったの!?」と思われてしまうような内容かも知れませんが、知らなかったと言うか知ろうとしなかったと言うか・・・・包み隠さず言うならまったく知りませんでした。 XHTMLCSS の書籍を久しぶりに読み返し、目から鱗と言えるような基礎知識でした。上の文章を読み『俺も absolute 使っ

    m-e-omoteyama
    m-e-omoteyama 2010/02/17
    absolute position
  • スタイルシートによる崩れない 2カラム 3カラム・レイアウト

    このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!

    m-e-omoteyama
    m-e-omoteyama 2009/11/04
    2カラム、3カラム
  • 1