jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる
最近更新ペースが遅くなっています。最近仕事の関係でサイトを作っているのですが、そこで使った方法を紹介します。スクロールしてコンテンツが現れたときにアニメーションが開始します。jQueryを使っています。 言葉ではイメージしにくいかもしれません。百聞は一見にしかず、ということでサンプルをご覧ください。画像が画面内に表示されると右にアニメーションします。 プラグインもありそうですが、安易にプラグインを使うのではなく自分で作った方が勉強になります。また、プラグインによっては色んな機能があるために無駄に容量が大きくなってしまうこともあります。そんな場合は、必要な機能だけ自分で書く方が読み込み速度的にも効果的なのかなと思います。 jQuery全体はこんな感じになります。 $(function(){ $('.effect').css("opacity",".3"); $(window).scroll(
スクロールしたらフェードインしながら表示される「TOPへ戻る」
Result jQuery//初期は非表示 $("#back-top").hide(); $(function () { $(window).scroll(function () { //100pxスクロールしたら if ($(this).scrollTop() > 100) { //フェードインで表示 $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); //ここからクリックイベント $('#back-top a').click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); });css#back-top { position: fixed; bottom: 30px; margin-left: 15
飲み会に行っても仕事は増えない？ ～フリーライターの仕事引き寄せ術 | ライフハッカー・ジャパン
「飲み会が苦手なら行かなくてもいい」。 はじめまして、フリーライター／編集者の池田園子と申します。この度、ライフハッカーで連載する機会をいただきました。最初のテーマは「フリーランスが仕事を増やす方法」について、です。 初回なので少し自己紹介をさせてください。私は2012年2月に個人事業主として、ライター業を始めました。現在はウェブメディアでITやマーケティング、人物インタビューなどの取材・執筆、ウェブコンテンツの編集、書籍編集協力などの仕事をしています。 独立するまでは、楽天とリアルワールドというIT企業2社で、ウェブディレクター／プロデューサーとして働いていました。ライターに転向したきっかけは、2社目で「兼業ライター」として活動するうちに、書く仕事の方が楽しくなってしまったから。 当時は2媒体でしか書いていなくて、ライター業で得る収入は月3～4万円とお小遣い程度だったにも関わらず、思いき
新しいブログプラットフォームを解剖：「Medium」と「Svbtle」は何が優れているのか | ライフハッカー・ジャパン
最近、「Medium」や「Svbtle」といった、新しいブログのプラットフォームが次々と登場しています。「Wordpress」のようなパワフルで定番のプラットフォームの代わりに、これらを使う利点はどこにあるのでしょう？ MediumとSvbtle（加えて言うなら米 Lifehacker 独自のプラットフォーム「Kinja」も）は、最近ブログの世界に参加した「新入り」です。どれもブログのプラットフォームを軸にしています。 が、それぞれに少しずつ異なった機能があります。ここでは、その機能に注目しながら、自分に合ったプラットフォームの選び方を紹介していきます。 従来のプラットフォームとの違い Medium や Svbtle などのサイトは、一見するとほとんどブログには見えません。どちらかといえば、オンラインマガジンのようなデザインです。メインページには、さまざまな人が書いた人気の記事が並びます。
新しいブログのプラットフォームMediumの歩き方（初歩） - ICHIROYAのブログ
何度か紹介したように、Mediumという新しいブログのプラットフォームが、英語圏では、ますます存在感を増しているように感じる。 数値的に見ても、Alexaによるランクはここ1年で大幅にジャンプアップしているのがわかる。 僕もMediumで素晴らしい記事を多く読ませていただいたが、今日はそのMediumでどうやって自分の好みの記事をみつけているかについて、ごく簡単に紹介したい。 海外の記事を探している人だけでなく、英語を勉強中のひとにとっても、ほどよい長さの傑作テキストが豊富にあるという点で、Mediumはとても便利なサイトだと思う。 まだ、Mediumをあまり読んだことのない方は、下記の初歩の説明を手掛かりに、Mediumの世界を渉猟されてはどうだろうか。 ただし、Mediumの仕組みはどんどん変わっていくので、あくまで今日（2014年10月13日）の時点での『Mediumの歩き方』である
カーシェア＆レンタカーサービスならエニカ（Anyca）
あなたの道中を 特別な思い出に変える カーシェア ただの移動だと思っていたドライブが もっと楽しく、もっと自由に、もっとエンタメに。 カーシェアについて詳しく
最近話題になったイケてるWebサービス・アプリ10選（2015年9月編）
POOL(プール) POOLは、写真を無限に保存できるアルバムアプリです。 スマホの容量不足は、生活に常につきまとう問題。先日実際にPOOLを試してみたのですが、保存されていた数千枚の画像（動画も）を数十分でアプリに移行。移行後に写真をiPhoneから削除して大幅に容量を削減することができました。 さらにデータはいつでもPOOLからiPhoneに復元可能なので便利。 FLAT ICON DESIGN FLAT ICON DESIGNは、フラットデザインのアイコン素材がストックされたサービスです。 用意されている素材の種類は、JPG、PNG、SVG、PSD、AI、EPSデータなど。クオリティが高いのに、商用利用可能でさらに無料でダウンロードできるので重宝しています。 商用利用可能で、無料の「イラスト」素材を手に入れたい方はこちらから。 Kollect（コレクト） Kollectは、自分のコー
無料で使える！商用利用OKのイラスト素材まとめ（25種類）
イラストの素材を手に入れたい時、みなさんはどのように探していますか？ 今回ご紹介するのは、イラスト数10万点を誇る「イラストAC」というサイト。デザインに携わっている方ならすでにご存知の方も多いとは思いますが、上手に利用すると目的のイラストがすぐに見つかり、商用での利用も可能なので便利です。 イラストACのポイント ・商用利用可能 ・無料 ・ダウンロードが小さな社会貢献に繋がる ・お目当のイラストを一覧から探せる 営利目的で作成される商業印刷物やホームページにも、無料のまま自由にご利用いただけます。 加工（切り抜きや色変更）も自由に行って頂けます。 → イラストACとは 無料な上に商用利用可能。 さらに、誰かが素材をダウンロードするごとに「0.1円」を日本赤十字社へ寄付するというユニークな取り組みも行っています。 お目当のキーワードで検索すると、検索結果一覧に素材のスクリーンショットと、ど
漢字ペディア 漢字や言葉の意味を調べてみよう！
漢字ペディアで漢字や言葉の意味を調べてみよう！漢字や言葉をはじめ、漢語だけでなく和語やことわざ、慣用句なども調べることができます。
BOOK AND BED TOKYO 東京・池袋の超絶ゲストハウス 本好きには失神モノ！！！ - ミニマリストの食事日記
オープンしてまだ１か月、予約なんて絶対ムリだろうと思ってたけど なんと１室空いていて、泊まれることになってしまった！ 「夢が現実に」という言葉があるけれど、本好きの多くの人にとって きっとここがそういう場所だと思う。 輝くような気に満ちているのが伝わるでしょうか？ （こうやってソファーで寝ながらゆったり読むの！） 本当に、本好きの人は腰が抜けてしまうかも。 なんてセクシーな空間か。 私も酔いがまわったかのようにクラクラして 本なんか読めるか！と言い合いながら、ただ本棚を眺めていることしか できないぐらいだった。 一緒に行ったのは、都内在住のＡ1兄さん＆静岡在住のミキコさん。 ９月のオフ会で初めてお会いして、その後も交流を続けさせて いただいている。 okite.hatenadiary.jp fuufu2.hatenablog.com で、倒れんばかりの興奮を少し落ち着かせてから ヨロヨロと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
