サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
面白いフローティングナビゲーションを実装できる「jQuery Floater」:phpspot開発日誌
jQuery Floater Plugin ? Examples Design Chemical Lab 面白いフローティングナビゲーションを実装できる「jQuery Floater」 特定のブロックをページの特定の位置に配置し、スクロールさせてもアニメーションしながら位置を記憶することができます。 要素をバウンドさせながらもとの位置に戻す効果などもあって使いようによってはなかなか面白い使い方ができそう ちょっと文章では説明しづらいのでサンプルページを見てみてください サンプルページにサンプルと一緒にコードが載っているので実装は簡単にできそうです。 関連エントリ テーブルをちょっとだけ使いやすくしてくれるjQueryプラグイン「rbTable」 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」 Yahoo!Incのお天気ウィジェット実装jQueryプラグ
jQuery Floater Plugin – Examples « Design Chemical Lab
Scroll down to see the floating animation. Example 1 – Default Options $('#floater-1').dcFloater(); Example 2 $('#floater-2').dcFloater({ width: 180, location: 'top', align: 'right', offsetLocation: 10, offsetAlign: 10, speedFloat: 1500, speedContent: 400, tabText: 'Floater 2', autoClose: true, easing: 'easeOutQuint', event: 'hover' }); Example 3 $('#floater-3').dcFloater({ width: 150, location: '
[DNW] 超簡単！jQueryを使用した追従するメニュー『フローティングメニュー』 | [DNW] デザネス！
今回はtravelhackの中の人に、フローティングメニューのサンプルをやると喜ぶ人が多いんじゃないかと推薦してもらったので一番簡単な方法で実装できそうなjQueryを使用したサンプルを作ってみました。 参考サイト まずは、実装されていて動きの参考にさせて頂いたサイトをご紹介します。 Webクリエイターボックスさん。 右側のサイドバーの一番下にある「ランダム、人気記事、新着記事」のボックスがフローティングメニューになっています。 サンプル 実際に作ったサンプルはこちら サンプルを見る 参考にさせて頂いた動きはもとに戻るときに若干『ばこ！』っと動いてしまう感じだったので、自然な感じで元の位置にピタっと吸い付く感じにしてみました。 サンプルのコード $(function(){ var name = "#menu"; var menuYpos = null; menuYpos = parseIn
エレベーターメニュー用JavaScript
使用にあたっての注意 再配布はご遠慮くださいませ 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。 このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。 使用に関しては自己責任でお願いいたします。 ご要望、バグなどございましたらお問合せフォームまで 設置方法1 head要素内にfollowscrolling.jsを読み込みます。 <script type="text/javascript" src="followscrolling.js"></script> 設定可能オプション element : ‘#menu’ スクロールさせたいID名を指定します。 parent : ‘contents’ 親要素のID名を指定します。 指定した場合は指定したエレメント範囲内でスクロールします。 指定しない場合は上記で指定したelementの親要素
フローティングなナビゲーションを作るjQueryプラグイン | かえラボBlog
fixedオプションを追加。 ナビゲーションなどのコンテンツをスクロールに追従させ、画面の上下に接着させるjQueryプラグイン。 どこかで見たような気がするのだが、どこで見たか思い出せない＆探してもすぐ出てこないので、作ってみた。 floater.js サンプル デモ 使い方は簡単。 よくある感じで、動かしたい要素でfloaterメソッドを実行する。 $(element).floater(); オプションは以下の通り。 marginTop: 上の余白 marginBottom: 下の余白 agility: 0～1。0はナビが通り過ぎるまで待つ。1はナビの末端が出るとすぐ動きだす。 speed: アニメーションにかける時間 easing: イージング fixed: trueでposition: fixedに切り替え。初期値はfalse。 オプションを適用すると、こんな感じ。 $("nav
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【最終回】通販サイトSEO：リッチスニペットと構造化データ
アラタナ24ｈ（ニジュウヨンエイチ）は、株式会社アラタナの制作の舞台裏や取り組みを24時間くまなくご紹介するブログです。aratana24hをご覧の皆さん、こんにちは。高見＠品質管理です。今年の3月にECサイトのSEO対策話を始めて、早9ヶ月程。その間にパンダ（※1）はおとなしくなったものの、Googleがペンギン（※2）を野に放ち、SEO対策にてんやわんやしている状況です。さすがドッグイヤー業界。さてさて今回は最終回という事で、これからの通販サイトにおけるSEO対策で、必須となるであろう仕組みをお話しをさせて頂ければと思います。ちょっと技術的なお話し。 リッチスニペットとは？ スニペットってわかります？スニペットとは、検索結果ページ（SERP）に表示されるサイトの説明の事です。 リッチスニペット（Rich Snippet）とは、その名の通り、検索結果で表示されるスニペットを、文字情報だけ
クリエイターよ、パクりまくれ！「盗む」に関する偉人の名言まとめ｜イケハヤ大学【ブログ版】
「クリエイティブの授業」という本にクリエイターのための名言が多数収録されていたのでメモがてらご共有。 steal like an artist（アーティストのように盗め） 「芸術とは盗むことだ（パブロ・ピカソ）」 「未熟な詩人はまねるが、熟練した詩人は盗む。無能な詩人は盗んだものを壊すが、有能な詩人はより優れたもの、少なくとも違うものへと変える。つまるところ、有能な詩人は、盗んだものを盗む前とはまったく異なる、独特な雰囲気に変えてしまうのだ（T.S.エリオット）」 「僕がじっくり鑑賞するのは、盗めるところがある作品だけだね（デヴィッド・ボウイ）」 「オリジナリティとは何か？バレない盗作である（ウィリアム・ラルフ・イング）」 「何かを”オリジナル”と呼ぶやつは、十中八九、元ネタを知らないだけなんだ（ジョナサン・レセム）」 「自分の感性と共鳴するもの、想像を掻き立てるものなら、どんなものからで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
