LavaLampとはカーソルに伴ってハイライトした光源が移動するエフェクトで、LavaLamp for jQuery lovers!にあるようなものです。 CSS3の角丸やボックスシャドウ、アニメーションを使用してこのエフェクトを実装するチュートリアルをINSIC DESIGNSから紹介します。
LavaLampとはカーソルに伴ってハイライトした光源が移動するエフェクトで、LavaLamp for jQuery lovers!にあるようなものです。 CSS3の角丸やボックスシャドウ、アニメーションを使用してこのエフェクトを実装するチュートリアルをINSIC DESIGNSから紹介します。
プロパティ「line-height」の値に単位を付けた場合、その直接の子要素(テキスト)の各行の高さになり、単位を指定しなかった場合、その全ての子要素の最大値の高さになるようです。 次のサンプルでは、どの指定も「1.6倍」ということになりますが、単位を付けなかった場合は「span」に指定された「font-size: 36px」の1.6倍の、「57.6px」の高さになるようです。 単位を付けた場合は、「p」に指定された「font-size: 12px」の1.6倍の「19.2px」の高さになるはずですが、この値は最低限確保される高さで、その子要素の内容によって変化するので、それよりも高くなっています。(サンプルでは、子要素の「span」の高さ分高くなっている) 単位によって、このような振る舞いをする「line-height」ですから、行間の指定のためには、単位を指定しないのが無難なようです。
現在73エントリー。新たな基礎文法最速マスター記事を見つけ次第随時追加していきます。 リンク切れしているものはURLを記載しておくので、Internet Archive Wayback Machineなどで過去の履歴を閲覧してみてください。 基礎文法最速マスター ActionScript 3.0(http://blog.livedoor.jp/takaaki_bb/archives/51374100.html) awk(http://gauc.no-ip.org/awk-users-jp/blis.cgi/awk_fastest) Bash Brainf*ck(http://d.hatena.ne.jp/shunsuk/20100130/1264842323) Bシェルスクリプト(http://chaichan.web.infoseek.co.jp/src/BSH.htm) C++0x C
CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな
IE8のCSS、HTML、DOM、JavaScript関連のバグ情報がまとまったリストをJames Hopkinsから紹介します。 IE8 Bugs 掲載されているバグの数は現在、CSS:63、HTML:4、DOM:2、JavaScript:1となっており、ほとんどのものはTest Caseとしてデモページを参照することができます。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Notify Bar メッセージやエラーやアラートなどをブラウザ上部からスライド表示。 Slide box パネルをブラウザの上や下
アコースティックギターをはじめ、エレキギター、ドラムセット、キーボードなど楽器のベクター素材をThink Designから紹介します。
並列に配置されたナビゲーションの現在位置を明示したハイライトをアニメーションで移動させるスクリプトをCSS-Trickから紹介します。 jQuery MagicLine Navigation デモページ 現在位置を明示するサインは、ライン(キャプチャ:上)と背景(同:下)の2種類が用意されています。 また、背景は各ラベルでカラーが異なります。 ナビゲーションの実装はリスト要素をdiv要素で内包したシンプルなものとなっています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="nav-wrap"> <ul class="group" id="example-one"> <li class="current_page_item"><a href="#">Home</a></li> <li><a hr
ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。 List of Web Design Mistakes You Should Avoid 下記は、各リストを意訳したものです。 ※訳者注: 一部過激なものは表現を少し和らげています。 はじめに ウェブサイトやブログを開発・作成する際に、避けた方がよいミスをリストアップしました。 1. 作るだけでは終わりではない ウェブサイトは開発・作成だけでは終わりではなく、公開・運営する必要があります。そして、オンラインやオフラインでウェブサイトの告知に手間や時間をかけることはいっそう必要になります。もし、あなた自身があなたのサイトについて時間をかけないなら、他の誰もそれはしないでしょう。 2. 広告をコンテンツに混ぜない 広告をコンテンツに混ぜると、短期的にはクリック数を増やすかもしれません。しかし、ユー
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
さまざまなオープンソースの成果を組み合わせた「Google 日本語入力」、その実力を確かめてみるため、実際にインストールして使ってみました。 変換候補を出すサジェスト機能が一体どれぐらいのモノなのか、どこまでカスタマイズできるのか、使い心地はどのような感じか、そういったざっくりとした印象がこれでつかめるのではないかと思われます。 試用レポートは以下から。 今回はWindows Vista SP1を使っているパソコンで試用してみました。まずはインストールから。「Google 日本語入力」公式サイトにアクセスし、ボタンをクリック。 「同意してインストール」をクリック このようなページになって、ダウンロードが始まります ダウンロード中 インストール中 インストール完了。「OK」をクリック。 言語バーから「Google 日本語入力」を選択 こんな感じになります。 入力モードはここに表示されます。
昨年末に発売の予定が、諸般の事情により延期となり、発売が待ち遠しかったエネループスティックブースター「KBC-D1AS」がいよいよ販売開始となる。今回はいち早く製品版をお借りできたのでさっそくレビューしてみた。 iPhone 3G/3GSに正式対応したモバイルバッテリー 本製品は非常にスッキリした外観でぱっと見には、充電器(編注:エネループの充電は行えず、三洋電機としては「USB出力付 ハンディ電源」と呼称している)であることが分からないかもしれないが、本体にはアルミが使われており、表面のマット仕上げも手触りがなかなかよい。これまで外部バッテリーというとほとんどがスクウェアなデザインだったので、こうしたスティック型デザインは異色ではないだろうか。サイズは単三形電池約3本分とコンパクトで、電池(単三形エネループ2本)を入れた状態でも約76グラムと軽量だ。 構造は至って簡単で、上部の白いプラス
http://www.mmjp.or.jp/sus/krush/ Ce Japonnais là , est la tête de proue du Néo-Rap des années 2000 et avenir . Instrumentaliste via des mixs assistés par ordinateur , collabore avec la scène internationale du Rap Underground , aux lyrics très engagées Musique abstract hip hop influencée par toute la tradition japonnaise du passé et futuristique , voilà ce qu'est le KRUSH !!! http://bbpirates
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く