jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
ブラウザ間のアレなんだから、あんまり CSS 書くこと自体を面倒くさいことにしないほうがいいよね、って思うんだ。 ところで自分が CSS を書くときに気をつけていることを書くよ！ 必ずルールをインデントする (TAB インデント) セレクタを複数書く場合は最後以外改行する 規則のあとには必ずセミコロンを入れる (最後も) 最後のルールのあとも改行する 宣言ブロック間はホワイトラインを入れる border, border-style, border-color, border-width 以外の border 系プロパティを極力使わない font プロパティを使わない。 list-style 以外の list 系プロパティを極力使わない margin, padding 以外の margin, padding 系プロパティを極力使わない background 以外の background 系プ
IE6とFireFoxで知っておくべきmarginに関するCSSハック 更新日：2006年8月18日｜公開日：2006年8月18日 今回はコーディングでよく悩まされるIE6とFirefoxでのmarginに関するCSSハックをご紹介します。 たとえば何かのブロック要素をfloatで右か左どちらかに寄せてしまうと、marginのautoが効かなくなります。 その場合は、普通にpxで幅のmarginを合わせることになります。 しかし、IE6とFireFox(FireFoxでなくてもW3C推奨ブラウザ)ではmarginの解釈が異ます。 例えば、左右に10pxをとるとすると、IE6では左右に20ｐｘづつmarginをとったように表示され、レイアウト崩れが生じてしまいます。 これはIE6がCSSに完全に対応していないために起こる現象なので、けっして自分の失敗ではないということを知っておかなければなり
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
上ノ郷谷氏のスタイルシートを書く時のガイドライン - 2xupというエントリーにコメントしたのですが連休中に時間が取れず... 有言不実行は最低... なので、追加コメントと今後のためのメモを残しておきます。 利用者インターフェイス (User Interface) ビジュアルフォーマットモデル (Visual Formatting model) ビジュアルエフェクト (Visual effects) : というような書き方がされており、こういう正式名称があったことを知ったわけですが、念のため関連ページをメモ。 Cascading Style Sheets, Level 2 Cascading Style Sheets, Level 2 (日本語訳) CSS のガイドラインに関しては以前から情報収集していて、こうした資料を公開していただけるのは非常にありがたい。と同
超々有名人である上ノ郷谷さんややまざきさん が、CSSを記述する際のガイドラインを書いてらしたので、マネしてみようかと思います。 以下は最も新しい制作物である、このサイトでの記述方法です。 まずはコメントで、目次と更新履歴を記します。 /* ==========================TOC(Table Of Contents)========================== nature style Last Up 03 08 2006 Shuntaro Hama / workのimgをcssで表示 1:browser default style reset / body style / hr FIR / skip nav / link style / abbr acronym style 2:framework style 3:all header style 4:all
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ここらへんは基本だと思ってたんだけど、未だにこれをやっていなくて、あのブラウザとこのブラウザで見た目が違うんですけどってのは結構いたりする。上記に text-decoration: none; や font-size: 100%; なんかを加えても良いかも知れないけど、最低限マージンとパディングは無くしておくことをお薦
いまやWeb上で手軽に使われるようになってきた感のあるFlashムービーですが，実際はどのようにして作成しているのでしょうか？本連載では，Flashムービー作成用アプリケーションの最新版「Flash CS3」について，基本操作からスクリプト言語（ActionScript 3.0）を使ったプログラミングまで，具体的なサンプルコードを使ってご紹介していきます。 目次 第1回 Flash CS3で出来ることとFlash 8との違い 第2回 開発用画面を自分好みにカスタマイズしよう 第3回 Flashムービーを自在に制御する -- ActionScriptを書いてみよう 第4回 プロパティとメソッド 第5回 「表示リスト」で画面上のインスタンスの階層や重ね順を管理する 第6回 プログラムの基本，変数/関数/スコープを押さえよう 第7回 関数の便利な仕組み，「引数」と「戻り値」を理解する 第8回 ム
ActionScriptに限らず，プログラミングで関数を使用する際に知っておくと便利な仕組みが「引数」と「戻り値」です。引数と戻り値を組み合わせることで，関数で処理する内容をコントロールできるようになります。 引数と戻り値を使ってインスタンスを表示 図1のムービーは，引数を使って渡した情報を元に計算を行い，戻り値として計算の結果を返す関数を利用したムービーです。 図1：引数と戻り値を利用したムービー（クリックするとムービーを表示します） 二つの仕組みを利用すると，関数で実行できる処理の幅を広げたり，余分な変数の使用を減少させたりと，関数をより便利に使用できるようになります。 引数の仕組み まずは「引数」の仕組みをご紹介します。「引数」とは，関数を実行するにあたり，「この情報を元に処理を行ってください」と，必要な情報(パラメータ)を関数に渡すための仕組みです（＊1）。 例えば，「画面上に配置
明智です。東映本社に突撃してプリキュア展を撮ってきた。 カテゴリ☆☆☆☆☆ 1:明智美寒 ◆GZT/xIiF72 :2010/02/07(日) 20:56:11.07 ID:MEDkEYBB0 入口。守衛さんはのんびり屋さん。 マジンガーでかい。てれます。 ならびます。 はじまり。いきなりコッペ様 (wikiから抜粋) 薫子の植物園にいる伝説上の妖精で、シプレとコフレの憧れ。とのこと。 2：以下、名無しにかわりましてVIPがお送りします：2010/02/07(日) 20:58:20.31 ID:Vn0f0Coj0 >>1 君の黒タイツが見たい！ >>2 3：以下、名無しにかわりましてVIPがお送りします：2010/02/07(日) 20:59:32.00 ID:DAO86rbj0 >>1 あっ！プリキュアだ！サイン下さい！ >>3 売店にキュアドリームのサインがあったよ！！！！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く