簡単に実装できる、ボタン画像のマウスオーバーイベント 10+ - NxWorld
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS：マウスオーバー時に透過させる CSSのopacity（IEはfilter）の
jQuery入門 (ver 1.2.1)
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.1を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
他人のサイトのアクセス数が無料でわかってしまうサービス | ライフハッカー・ジャパン
「あのサイトのアクセス数はどのくらいだろう？」と思ったことはありませんか？ どの計測ツールを使ったかによって数値は変わってくるため、一概に比較はできません。しかし、サイト毎の影響力を調べたいというニーズはあるのではないでしょうか。 「SimilarWeb」は、ウェブサイトの訪問者数を調べられるサイトです。訪問者数だけではなく、「参照流入が多いのか検索流入が多いのか」「流入経路」「検索キーワード」までもわかってしまいます。しかも無料です。 使い方は簡単。中央の検索フォームに、調べたいサイトのURLを入れるだけ。今回は例として、Yahoo! JAPANのトップページを入れてみることにします。 トラフィック概要です。ウェブサイトのランキングなどが表示されていますね（世界50位！）。2月の訪問者数4億1200万、サイト滞在時間00:13:10など、2月のサイトのアクセス数なども表示されています。Y
無料で商用利用も可能な手作りっぽい日本語フォント「はらませにゃんこ」
全角ひらがな・カタカナ・アルファベット・数字などに対応した手作りフォントが「はらませにゃんこ」。無料でダウンロードでき、デジタル・アナログどちらのコンテンツにも使え、商用利用や改造も可能です。 フリーフォント「はらませにゃんこ」 http://inatsuka.hp2.jp/extra/haranyan/ 使用例はこんな感じ。フォントは「手作りならではの柔らかさ・雑さが魅力」とのこと。 力強いフォルムなので、タイトルやロゴデザインに活用しても目を引きます。 収録文字はひらがな・かたかな・数字・記号・アルファベットなど。 「ミリ」や「センチ」などの環境依存文字は肉球や猫・ハートなどの記号となって変換されます。 ダウンロードはページ下部のオレンジのボタンを押すと始まります。 「はらませにゃんこ」の作者は稲塚 春さん。使用するコンテンツの種類を選ばず、商用利用も可能ですが、勝手に第三者に利用許可
Facebookページリーチ激減り、ただ乗り終了のお知らせ
Facebookページリーチ激減り、ただ乗り終了のお知らせ2014.03.31 07:005,497 satomi いいね増やしても（買っても）、リーチするのにお金がかかるとは…。 ｢Facebookはお金と目玉をもってる顧客にリーチする最善の方法です｣と言って無数のセレブ、バンド、ブランドに公式ページを作らせてきたフェイスブックが、このところオーガニックリーチの範囲を大幅に狭めています。 オーガニックリーチとは、無料でページに投稿した分の配信数のことですが、大体どれぐらい減ってるのか？ デンマークのKomfoが行った調査では去年8月から11月で｢42%減った｣ようですし、米Ignite Social Mediaが大手21社のページを対象に行った調査では去年12月1日以降、平均で44.3%の減少が確認されています。 職業柄フェイスブックのマーケティング戦略に詳しい筋が匿名でValleywa
Webデザインの基礎をマスターするためにかかる勉強時間 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
自分でWebデザインをすることになったとき、まるで知識がない場合はどこから手をつけたらいいのかわからないという人は多いと思います。ネット検索しても書店にいっても「初心者から作るホームページ」といった内容のノウハウはたくさん見つけることができますが、実際にゼロからスタートした場合はどれくらいの時間でWebデザインの基礎知識がつくものなのでしょうか。 Webサイトは骨格であるHTMLと装飾であるCSSとグラフィックを主に、ブラウザ上で動くプログラムやサーバーで動くプログラムなどが組み合わせて作られています。ユーザーに情報を提供することが目的のサイトの制作が目的であれば、HTMLとCSSとグラフィックの知識があれば十分です。 グラフィックは専用ソフトを使うこともありますが、装飾を目的とした素材であれば無料で手に入るので、自作する必要が出てきてから勉強しても遅くありません。やはりWebデザインの基
![Webデザインの基礎をマスターするためにかかる勉強時間 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/02c0d2e8a6ac4159dd9733acdc9809af8f8b6c5f/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47492988.jpg)
1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」
アイコンで表現されることも多い人の顔のビジュアル。同じテイストで何種類も描き出すのはとても大変な作業になってしまいます。そんなシーンに是非利用したい、1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」を今回は紹介したいと思います。 いろいろな表情や髪型のフェイスアイコンが簡単に作り出せるパーツがセットになった、とても便利なフリー素材です。 詳しくは以下 セットになっているのは、帽子やメガネなどの装飾パーツ、目・口・鼻の多彩な表情が楽しめるバリエーションパーツ、女性・男性のいろんな髪型パーツ、フェイスラインパーツ。好きなものを選び重ねていくことで、人のフェイスアイコンが完成します。ユニークなデザインのパーツが多く、楽しみながらフェイス作りを楽しむことができそうです。 他にはあまりない貴重な素材だと思いますので、オリジナル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
