hover(over, out)〔要素にマウスオーバーした時、マウスアウトした時の動作を設定〕 toggle(fn, fn2[, fn3, fn4, ...])〔クリックするたびに複数の関数を切り替え〕 要素にmouseoverした時、mouseoutした時の動作を設定します。 マウスカーソルがマッチした要素に乗っている時に、第1引数overに指定した関数が実行され、マウスが要素から離れた時に第2引数outに指定した関数が実行されます。 指定した要素自身にmouseoverしている限り、mouseoutにはなりません。 例えば、div要素にhoverイベントを設定している場合、div要素の中にあるimg要素にmouseoverしても、div要素の中にマウスが乗っていることになるので、mouseoutイベントは発生しません。 第1引数overには、マッチした要素にマウスが乗った時に実行する関
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト(日本語/企業サイト限定)を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ) ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次(兼ショートカット) Twitter「Twitterボタン」 Facebook「Share」「Like(いいね!)」 mixi「mixiチェック」 GREE「Social Feedback(いいね!)」 Evernote「Site Memory(Clip)」 Google+「+1」 Tumblr「Share on Tumblr」 Pinterest「
本記事で作成するサンプル。HTML5 Videoを使ってビデオを再生している。Safariではフルスクリーンモードにも対応 これまでブラウザーでビデオを再生するには、Flash Playerなどのプラグインの力を借りなければなりませんでした。ところが、現在策定が進められている次世代のWeb標準規格「HTML5」では、ブラウザー標準の機能だけで手軽にビデオを再生できます。 「HTML5 Videoって使われているの?」と疑問に思う方もいるかもしれません。実は、動画共有サイトの「YouTube」が、HTML5を使ったビデオプレーヤーを試験的に公開しています。以下のページにアクセスすると、HTML5版のビデオプレーヤーでYouTubeのビデオを閲覧できます。
Webサイト作成の専門家がSEOのソリューションを紹介します。 初心者の方でも出来るよう、スパムにならない正しい検索エンジン対策を分かりやすく解説。 このブログで実際に行われているSeesaa blogのSEOカスタマイズ方法もお届けします。 SEOを考慮した場合、descriptionの文字数は何文字程度にすべきでしょうか? meta descriptionはページの概要を表すタグであり、多くの検索エンジンでは検索結果の一覧にも表示されます。 【meta descriptionの文字数におけるポイント】 Googleでは検索結果の判定をするランキングの対象にDescriptionの内容を含んでいません。 しかしながら、検索結果にはキーワードを含む前後の文章が表示されるため、検索結果としてDescriptionの内容が多く表示されます。せっかくひっかかった自分のサイトをクリックしてもらうた
タッチパネル端末は、表示された画面を「触る」ことで情報の入出力を同時にできる装置です。多くの場合、指やペンで直感的に操作できるので、年齢や国・地域を問わず幅広く利用され、浸透しています。 業務用では、銀行ATMや駅の自動券売機のような公共性の高い設備から、不動産店舗で物件検索ができる装置などまで、街中に多く設置されています。個人向けとしてもアップルの「iPhone」「iPad」を筆頭に各社のPC本体やディスプレイ製品などに搭載されています。 タッチパネルの仕組みと使い方 タッチパネルは、操作した画面の位置情報を検出し、その情報をディスプレイに反映する仕組みになっています。多点に反応するマルチタッチ、点だけでなく面に反応する機能、ペンや筆などの指以外のデバイスでの操作、圧力による強弱反応など、その種類・機能は豊富でそれぞれ方式の異なる技術が使われています。 一般的な仕様では、タッチする(触れ
ローソン、無印良品、リクルート――世界6億人ものユーザーを抱える巨大SNS「Facebook」の日本での本格的なブレイクを前に、ファンページを開設する企業が相次いでいます。しかし、国内でのFacebookの企業活用はまだ始まったばかりで、実際にどのようにしてFacebookページ(ファンページ)を作り、運用したらよいのか? 多くの企業が手探りの段階です。 本連載では、Facebookページの作成を請け負うWeb制作会社「TAM」の加藤 洋氏が、Facebookページの開設からカスタマイズ、ファンを獲得する方法まで、Facebook活用の具体的なノウハウをシェアします。(編集部) なぜいまFacebookなのか? 私が勤務するTAMでは、Facebookをはじめとするソーシャルメディアの活用を企業へ積極的に提案しています。お話する中で必ず出るのが、「Facebookが他のSNSと何が違うのか
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ
ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考:Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定:パフォーマンスやSEO関連 .htaccessの設定:セキュリティ関連 .htaccessの設定:パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例:東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト(永続的なリダイレクト)を設定します。 例:旧ファイル(old.html)、新ファイル(new
自分のサイトやライバルサイトの分析に役立つツールです。 総合サイト分析ツール SEOチェキ! 特定URLからサイトを総合分析。検索順位チェック、キーワード出現頻度、発リンク、Whois情報などもチェック可能。何気に一番使えるかも。 SEOTOOLS 特定URL+キーワードからサイトを総合分析。ページランク、カテゴリ登録の有無、トラフィック、サイト内キーワード、検索エンジン別インデックス・被リンク数、ドメイン取得日などがチェック可能。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示する。リダイレクト、リンク切れ、404エラーなどの調査が可能。 aguse.jp サイトのIPアドレスや、同一サーバを使っているサイト、ドメイン登録情報などが調べられます。ウイルス(マルウェア)に感染していないか、ブラックリストに入っていないか等
長くなったので目次を作りました。 1.アイディア出しより前にするべきたった1つのこと 2.あなたが狙うべきテーマは? 3.成功するサービスは何が違うのか 4.外さないサービスの実例と僕の実体験 5.僕が考える究極のWebサービスとは 番外編.サービスを作ることと、稼ぐは別物 - アフィリエイトに取り組んだら売上が月3,000万円になった話 まえがき 最近、個人でWebサービスを作りたい人がとても増えている気がしています。僕は個人開発者として、最近リニューアルしたばかりのQ&Aなうや書き起こし.comなど、これまで30以上のWebサービスを作ってきて、失敗したりちょこっとうまくいったりした経験が、これからWebサービスを作りたい人に少しは役に立つことがあるんじゃないかと思ったので、僕なりにWebサービスを作る上で気をつけているポイントを書き残すことで、僕と同じ失敗を避けて、うまくいくWebサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く