Webkitの重要性/ HTML5の普及の序章（７）
Webkitの重要性/ HTML5の普及の序章（７） 2010年6月29日火曜日 投稿者 佐竹義智 主要ブラウザのHTML5対応状況下の図は、HTML5の中でもWeb Apllication系のタグにどの程度対応しているのかを表していますが、Chrome(Windows板）と、AppleのSafari、MozillaのFireFoxは積極的にHTML5へ対応しています。 ブラウザによりHTML5の状況は異なりますが、IEだけやたらとHTML5への対応がおくれているのが目立ちます。 GoogleのChromeやAppleのSafariは、レンダリングエンジン(HTMLのコードを解釈して描画するコアプログラム）に、Webkitというものを共通して使用しています。WebKitはもともとUNIXのデスクトップ環境「KDE」として開発がスタートしていますが、AppleがこれをSafariのレンダ
グラフィックデザイナーのためのCSSレイアウトメモTIPS「position : absoluteについて」
CSSレイアウト[TIPS] position : absoluteについて 「position : absolute」はpositionプロパティのなかの１つで、ボックス要素を絶対的な位置で配置する。 position:absoluteで指定されたボックスは、他の要素との関係は切り離され別物になる。親ボックス以外の他のボックス要素から影響を一切受けない。 position:absoluteには必ず「親」がいる。これが大事。 親にしたいボックスに「position：static」以外のposition指定をし（たいていはrelativeでOK）、そのなかに子を入れてposition:absolute指定をする。「top」「bottom」「left」「right」の値は、親ボックスからの距離。 親ボックスを指定しなければ「ブラウザウィンドウ」が親になる。 結論から言うと、親ボックスが「ブラウ
cssによる画像リンク枠の色変更
IMG a{は逆です。 これは子孫セレクタという方法で、必ずHTML側の入れ子構造に従わなければなりません。すなわち、 親要素 子要素 の順番になります。（連結は半角スペース） 小さいことですが、HTMLのタグが半角小文字なら、スタイルシート側も半角小文字が良いです。 (注) XHTMLでは、要素名 属性名は半角小文字でなければなりませんので、今から統一しておいたほうが先で直さなくて済む。 a img{} です。 borderは、この場合一括して記述できます。 border: solid 1px fuchsia; /* 順不同 */ また、擬似セレクタも下記の順番で設定しておきましょう。 a img:link {} a img:visited {} a img:hover {} a img:active {} a[name] img:hover { color: inherit; back
携帯サイト作成の便利なタグ〜入力モード、アクセスキー、キャッシュ、ブックマーク [ドコモ(iモード),au(EZweb),ボーダフォン(Vodafone)]
入力フォームの入力モードの指定 携帯サイトの入力フォームで文字を入力するときの入力モード（英字、数字、漢字、カタカナなど）を指定できます。 数字を入力させたい場所で文字を入力するときに、最初に漢字モードが表示されると、わざわざ携帯のボタンで数字モードに直してから入力しますが、予めページ側で数字モードにしてあげると、入力する人の手を煩わせることがありません。 ドコモ istyle：「1」全角かな、「2」半角カナ、「3」英字、「4」数字。 例 <input type="text" name="test" istyle="3"> au format： 「A」英大文字のみ（句読点も可）、 「a」英小文字のみ（句読点も可）、 「N」数字のみ、 「X」大文字と数字記号（句読点・記号も可）、 「x」英小文字と数字記号 (句読点・記号も可）、 「M」全角漢字 (携帯のボタンですべての文字も可）、 「m」英
javascriptでスマートなポップアップを表示できるライブラリ「ModalBox」 - Webtech Walker
Home Archive javascriptでスマートなポップアップを表示できるライブラリ「ModalBox」 javascriptでスマートなポップアップを表示できるライブラリ「ModalBox」 2007年07月06日 category:javascript Comment(0) Trackback(1) 最近ポップアップはあまり好印象ではないですよね。このライブラリを使えば、ポップアップがLightBox風のインターフェースで見た目も使いやすさも格段によくなります。 実際にサンプルをご覧下さい。 サンプル ダウンロードは下記サイトからどうぞ。 http://wildbit.com/demos/modalbox/ 使い方は簡単で、まずjavascriptとcssを読み込みます。このライブラリはprototype.jsとscript.aculous.jsを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSの設定（a:link）でリンクのアンダーラインを点線にしているのですが、ネットスケープ,MacのIE等のブラウザではリンクを張った画像にも点線のアンダーライン…