パララックス制作などで使えるスクロールして特定の位置でアニメーションなどの処理を実行させることが出来るjQueryプラグイン「jquery-peekaboo」「jQuery Waypoints」｜BLACKFLAG
パララックスサイト制作の際などで活用できる ページ内の特定のスクロール位置でアニメーションなど何か処理を実行させることが出来る jQueryプラグインがいろいろ使い道がありそうだったので 自分用のメモ書きとして紹介してみます。 uniba/jquery-peekaboo・GitHub 使い方はとても簡単で ページをスクロールしてアクションを実行させるポイントになる箇所に対して 下記のような記述で処理を実行させます。 ◆SCRIPT $(function(){ $('.point').on('appear',function(){ $(this).css({opacity:'0'}).stop().animate({opacity:'1'},1000); }); }); この記述の場合は、ページをスクロールして 「.point」とクラス付けされた要素の位置に辿り着いたら その要素に対してフェ
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
jQueryを使ってtwitterやGoogleの検索結果を取得する | ブクマ！
jQuery を使って twitter や Google などの API を利用して検索結果を json 形式で取得する方法を調べてみました。 まずは jQuery を使って json データを取得する方法。 jQueryでjsonデータを扱ってみる【入門編】 | webOpixel さすがに jQuery でも別ドメインからのデータ取得は単体では無理（もしくはかなり大変）なので、$.getJSON での取得元は PHP ファイルにします。 PHP はフォームから受け取った文字列を URL エンコードして各 API を実行して、その結果を出力することだけを行います。twitter の検索 API を使う場合は次のようになります。 $keyword = urlencode($_GET["keyword"]); $url = “http://search.twitter.com/sear
twitter api 2
twitter api を試してみる。 昨日試したのはREST APIのsearch。 xxxxは検索文字 curl http://search.twitter.com/search.json?q=xxxx Twitter Search APIのsearchを試す。xxxxは検索文字 curl https://twitter.com/#!/search/realtime/xxxx%20since:2012-03-05 って普通に検索ページのhtmlが返却される。 でも検索ページで指定出来る条件は、REST APIでも指定できるっぽい。 ○2012-03-04以降で、http://www.yahoo.co.jpが含まれるツイートを取得。 http://search.twitter.com/search.json?q=http%3a%2f%2fwww.yahoo.co.jp&since=201
たまに日記
twitter api を試してみる。 昨日試したのはREST APIのsearch。 xxxxは検索文字 curl http://search.twitter.com/search.json?q=xxxx Twitter Search APIのsearchを試す。xxxxは検索文字 curl https://twitter.com/#!/search/realtime/xxxx%20since:2012-03-05 って普通に検索ページのhtmlが返却される。 でも検索ページで指定出来る条件は、REST APIでも指定できるっぽい。 ○2012-03-04以降で、http://www.yahoo.co.jpが含まれるツイートを取得。 http://search.twitter.com/search.json?q=http%3a%2f%2fwww.yahoo.co.jp&since=201
Twitter検索系APIを触ったときの気づき - pig's diary
単にsearchAPIを触ってみましたという話なのですが。 jsonpで検索するしくみを作ってみました 数年遅れでSearchAPIの仕組みを知り、やられました 恥ずかしいかぎりです。いくつかはsearchAPIに限らないかもしれません。 OAuthを使わないAPIは、IP単位でアクセス数制限をかけているのですね・・・なんて頭がいいんだ。 search.twitter.comのAPIを叩いたとする。帰って来たデータに「next_page」があるかないかで、データがそれ以上あるかないかが分かる設計。（検索ヒット総数みたいなものが返って来ると思っていた私は豚顔） その「next_page」には「"?page=2&max_id=40036130086715392&rpp=10&q=%23ogiri_110222"」のような文字列が入ってて、そのまま次の非同期通信に使える。 おまけに「max_id
Instagram に投稿した写真を使って自由にブログパーツを作成できるウェブサービス「RSS.stagram」が熱い！ | 覚醒する @CDiP
Instagram に投稿した写真を使って自由にブログパーツを作成できるウェブサービス「RSS.stagram」が熱い！ Instagram楽しんでますか〜？ええ、私は毎日楽しんでいます。 今日はInstagramに投稿した写真を自分の好きなように配置編集して、ブログパーツとしてのソースを作成できる「RSS.stagram」を紹介したいと思います。 既に当ブログのサイドバーに設置しているのですが、お気づきでしょうか？Instagramに投稿した写真を最新順に5枚並べています。 覚醒する？ @CDiP Photo by donpy こんな感じで。 で、すごいのはこれだけじゃないんです。自分のInstagramに投稿した写真を自由に配置させたり、サイズを変更したり、表示させる写真を選べたりと、非常にカスタマイズ性の高いサービスなのです。最終的にはブログパーツとしてのソースを吐きだしてくれますの
つながる：ソーシャルメディアと新聞／上 大震災きっかけに、双方向に強み発揮 活用法の模索続く - 毎日ｊｐ(毎日新聞)
急速に普及するツイッターなどのソーシャルメディア。東日本大震災をきっかけに、新聞やテレビにも積極的に活用しようという動きが出てきた。即時性、双方向性など、協調してゆく意義は大きい。毎日新聞をはじめとする新聞社がどのようにソーシャルメディアと向き合い活用しているか。２回に分けて報告する。【柴沼均、岡礼子、臺宏士】 ◇「市民の声を中央に」－－河北新報 東日本大震災では、宮城県の地方紙・河北新報社（仙台市）のシステムがダウン。インターネットのホームページが見られなくなった。だが、被災地の新聞社として早く、大量の情報を発信しなければならない。そこで威力を発揮したのがツイッターだった。 同社の三つのツイッターアカウントで、ニュースや生活情報を流し続けた。特に重視したのは地方紙ならではのきめ細やかな生活情報。記者たちが震災翌日から自転車に乗って町を走り回り、「○○町のスーパーが午前中に開店した」など、
朝日新聞デジタル：「ファーン」 新幹線０系の汽笛響く ＪＲ東海がＣＭ - 社会
印刷 【動画】０系新幹線の汽笛０系新幹線の汽笛を録音する杉浦哲郎さん（右）＝１月１６日午後、名古屋市港区、恵原弘太郎撮影 昭和を駆け抜けた新幹線「０系」の汽笛が、ＪＲ東海の「リニア・鉄道館」（名古屋市港区）が１周年を前に初めて制作したテレビＣＭで使われる。１日から東海地区で放映され、今後、関西地区や静岡地区にも流れる。 ０系は、新幹線が開業した１９６４年に登場し、０８年に営業運転を終えて引退した。同館の展示物の「顔」として、ＣＭに登場することになった。 ３０秒のＣＭで流す曲は、鉄道とクラシック音楽を融合させたデュオ「杉ちゃん＆鉄平」のピアニスト杉浦哲郎さん（４３）が作曲した。０系の汽笛の「重厚かつ、わくわくする感じ」を取り入れ、同館の副題でもある「夢と想い出のミュージアム」という題名のオーケストラ曲に仕上げた。 購読されている方は、続きをご覧いただけます関連リンク動画ページ
2010年12月: MPXで楽々動画保存
MPXはAsahi.comにあるニュース動画も保存できる。 ニュース動画には当然芸能人・有名人とかが映っていたりするが、ニュースのための動画なのでその動画自体に注目している人は少ない。 動画共有サイトにもアップロードされにくいので、すぐに保存しないと2度と入手できなくなる。 今回保存するAKB48のニュース動画もそう遠くないうちにサイトから削除されるのでMPXでサクっと保存してみた。 ■■ AKB48 Asahi.com のニュース動画をを保存 ■■ ①MPXを起動し、グラバーボタンを押す。 ②Asahi.comのこのページに行き、ＡＫＢ４８がサンタ姿でクリスマスケーキを発表の動画を見る。 ③MPXを見てみると自動的に保存が始まる。 ④試しにリストをダブルクリックしてFLVプレイヤーで動画を再生してみる。下記の通り問題なく保存できていることがわかる。右上のAsahi.comのロゴがチョット
AMADA PRINTING MFG.CO.,LTD. Web&Site: 分社化によるサイトリニューアルのお知らせ
私たちは、永年にわたる実績とノウハウを結集し、 お客様のあらゆるニーズに、一貫体制でお応えするオンリーワン企業です。 モノづくりの新たなベーシックを目指します。 会社合併ご案内 この度、株式会社あまだと天田印刷加工株式会社は、 平成26年2月21日をもちまして合併し、 株式会社あまだとしてスタート致しました。 どうぞ、引き続きご支援ご鞭撻を賜りますようお願い申し上げます。 平成26年2月21日 株式会社 あまだ 代表取締役 天田智之 新URL → http://www.amada.bz/ 株式会社あまだ 【本社】〒340-0003 埼玉県草加市稲荷1丁目11番1号 Tel. 048-931-2421（代表） Fax. 048-931-2250 ホームページに記載されている情報、画像等を無断で使用、複製することを禁じます Copyright(C)AMADA CO.,LTD.
【終了】プラレール～プラレールで遊ぼう～ - ハンゲ
「【終了】プラレール～プラレールで遊ぼう～」は、全てのサービスを終了させていただきました。 プレイしていただいていた皆様には、これまでのご愛顧に厚く御礼申し上げます。 今後ともハンゲをよろしくお願いいたします。 ハンゲ
50代でも分かったHTML5の基礎知識
おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは
音楽座ミュージカル
NOW ON SALE 「SUNDAY（サンデイ）」 原作：アガサ・クリスティー『春にして君を離れ』 4/6（土）まで音楽座メイト会員先行販売 4/13（土）一般発売開始 ■東京公演 6/13(木)〜17(月) ■名古屋公演 7/10(水) ■広島公演 7/28(日)
ホームページ作成の相場
私はホームページを自分でもいろいろと作っている物です。しかし、自分で作っている時間がなく（本業ではないので片手間）ホームページ作成会社に頼みたいと思っています。しかし、通常、どれくらいの物がいくらなのかの相場が分からないために困っています。どうか教えて頂けないでしょうか ？ パターン１ １．４Ｐ程度で会社の説明・挨拶・地図・営業内容等が解れば良い簡単な物。（紙ベースの資料は用意あり。） ２．上記内容を１ヵ月に１回は情報更新したいと思っているので、それをやるための１ヵ月のメンテナンス料金 パターン２ １．基本的な情報の上に個々の商品を載せる事。大体１００商品ぐらいあります。 ２．又その１００商品は１ヵ月に１回は情報更新するための更新料金。 になっています。その他こんなホームページ作成会社があるよという事でも情報を頂けないでしょか？どうかお願いします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
Salesforce
http://www.analearning.com/
普通のビジネスマンでも、過去10年間毎年平均22％上昇したあの超一流海外ファンドに毎月10万ずつ積立投資できる方法とは？
Color Me Shop! pro
