2012年8月21日のブックマーク (18件)

  • jQueryでFacebookページのウォールを自分のサイトに表示する方法(簡易バージョン)

    Posted: 2012.08.21 / Category: javascript / Tag: jQuery FacebookページのウォールはFeedを出力しています。 これをGoogle AJAX Feedを利用してjsonpへ変換してjQueryで表示する方法をご紹介します。 FacebookページのID確認方法 FacebookページのURLを設定していない場合、URLの末尾がIDになります。 もしURLの設定をしている場合、IDはURLではわかりませんので「graph.facebook.com」にアクセスすると簡単に確認することができます。 たとえば「Nike Japan」だったら、Facebookページは下記ですね。 http://www.facebook.com/nikejapan そのままドメイン名を「graph.facebook.com」にしてアクセスします。 http

    jQueryでFacebookページのウォールを自分のサイトに表示する方法(簡易バージョン)
    yuria_s
    yuria_s 2012/08/21
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    yuria_s
    yuria_s 2012/08/21
  • jQueryでフリップエフェクトを使った良プラグインやサンプル集10:phpspot開発日誌

    10 Best jQuery Flip effect plugin with examples jQueryでフリップエフェクトを使った良プラグインやサンプル集10。 送信時にフリップするフォームやフリップするカウンタの他、アイテムをフリップアニメーションさせてオシャレにレイアウトするプラグインやサンプルがまとまっています。 こういうことも出来るんだということを認知する意味で一度見ておくとよさそう 数年前ではこういうのはFlash以外に考えられませんでしたが進化を感じられますね 関連エントリ jQueryでフリップするカッコいいメニュー作成のチュートリアル 多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル

    yuria_s
    yuria_s 2012/08/21
  • レスポンシブデザインのブレイクポイントの確認用、ブラウザの幅をピクセル単位で簡単に変更できるFirefoxの機能拡張 -FireBreak

    FireBreak FireBreakのインストール FireBreakの使い方 FireBreakのインストール 下記ページにFirefoxでアクセスし、「Add to Firefox」ボタンをクリックするとインストールが始まります。 ※インストール後、ブラウザは再起動されます。 FireBreak インストールが完了すると、ブラウザの上部に現在の幅が表示されます。

    yuria_s
    yuria_s 2012/08/21
  • 人脈作りは「この先6ヶ月で自分の助けになりそうかどうか」を大切に考える | ライフハッカー・ジャパン

    「今の仕事が楽しくない。新しいこと、気分転換になること、キャリアアップにつながるようなこと、何か見つけたい」と、モヤモヤした状況に陥っている場合、まずは親しい友人に話をして、意見をもらうというのがオーソドックスな解決法ではあります。 とはいえ、実際に相談に乗ってもらおうとすると、なかなか難しいと感じるでしょう。秘密を守り、目からうろこのアドバイスをくれ、さらには適切な人に話をつないでくれるなどという、都合のいい友人などなかなかいないものです。 iOSアプリ開発を手がける「Chicago Mobile App Development Company」の創業者Robbie Abed氏は、仕事上のよき相談相手が見つからない理由とその対処法について、ビジネス系SNS「LinkedIn」を例に挙げて、次のように述べています。 そもそも「LinkedIn」が開発されたのは、プロフェッショナルなネットワ

    人脈作りは「この先6ヶ月で自分の助けになりそうかどうか」を大切に考える | ライフハッカー・ジャパン
    yuria_s
    yuria_s 2012/08/21
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    yuria_s
    yuria_s 2012/08/21
  • デザイン制作のクオリティをアップできるパターンセットまとめ「50 New And Free Pattern Sets」

    TOP  >  Design  >  デザイン制作のクオリティをアップできるパターンセットまとめ「50 New And Free Pattern Sets」 デザイン制作の必須アイテムといっても過言ではないパターン素材は、さまざまなデザインシーンで利用されていると思います。そんな中今回紹介するのが、比較的最近発表されたクオリティの高いパターンセットとまとめた「50 New And Free Pattern Sets」です。 Christmas Patterns by ~Ransie3 on deviantART シンプルなパターンセットはもちろん、シーズンイベントにも使いやすいパターンセットまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Free Cute and Colorful Patterns b

    デザイン制作のクオリティをアップできるパターンセットまとめ「50 New And Free Pattern Sets」
    yuria_s
    yuria_s 2012/08/21
  • Google カレンダーと同期可能のGTDアプリ『Doit.im』は現時点で限りなく最強 | ライフハッカー[日本版]

    Web/iOS/Android/Mac:世の中にはかなりの数のタスクマネージャーがすでに出回っているので、「マルチプラットフォームの同期にも対応!」と、言われても、いまさらそれほど興奮を覚えるものではありません。しかし、『Doit.im』は、そんなタスクマネージャー過多の時代でも「使い方の簡単さ」という面で突出したアプリ。GTD愛好家の方が欲しがる機能はほとんど全て搭載されている、という多機能さもまた魅力です。 Doit.imを数年前に初めて取り上げた時にはWindowsMacLinux用のAdobe AIRベースのアプリでした。それ以後、アプリはウェブベースになり、携帯版が登場。今ではDoit.imはブラウザだけでなく、iPhoneiPadAndroidからToDoリストへアクセスしたり、Mac OS X用のミニアプリを使えたりと、さまざまな進化を遂げてきました。 週末を丸々投じ

    Google カレンダーと同期可能のGTDアプリ『Doit.im』は現時点で限りなく最強 | ライフハッカー[日本版]
    yuria_s
    yuria_s 2012/08/21
  • ドラッグ&ドロップでファイルをアップできるHTML5のデモ:phpspot開発日誌

    Creating a Complete HTML5 Drag and Drop File Uploader with jQuery | InsertHTML ドラッグ&ドロップでファイルをアップできるHTML5のデモ。 デスクトップなどからファイルをブラウザにドロップしてサムネイルを表示→ボタンを押下でアップロード実施というインタフェースのアップローダ実装デモです。 ソースをDLしてそのまま使うことも可能です。 ドロップするとサムネイルと共にボタンが表示されます。 ボタンを押すとファイルがアップロードされます。 使い慣れるといちいちダイアログからファイルを選ぶのが馬鹿らしくなりますね。 サンプルにはPHPスクリプトもおまけでついてきますが、値をValidateしていなかったりするため、実際に利用するには注意が必要そうです。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築

    yuria_s
    yuria_s 2012/08/21
  • iPhoneで使える特殊文字を使って動物のかわいい顔文字を作ってみた

    こんにちは。お盆終わりましたねーの井畑です。 この前twitterでくまの顔文字使いたいなーと思い探してみたところ、 意外とまとまったリンク集が無かったので、 今回、自分用に一覧表を作ってみました。 iPhoneでゴリゴリ使いたかったので、特殊文字を多めに使って、 どれだけ似せれるかにもついでに挑戦してみました。 良いのがあったら、ぜひ使ってやってください。 それではどうぞー iPhoneに顔文字を登録する方法はこちらからどうぞ iPhoneで自分の好きな顔文字をすぐに使えるようにする方法(おまけ付き☻)|クリエイティブメモメモ 動物の顔文字を作る(集める)にあたってのルール ( ・ω・)と( ・ω<)のように、表情の種類を何個も集めると、 ほぼ無限に作れてしまうので 基の形を ( ・ω・) ( óωò) の2種類としました。 この2つをカスタマイズしてどれだけ動物っぽく見せれるか を考

    iPhoneで使える特殊文字を使って動物のかわいい顔文字を作ってみた
    yuria_s
    yuria_s 2012/08/21
  • 新サービスのヒントに!韓国で話題のwebサービス60選!

    ※記事内のURLを新しいタブで開きたい場合は、Ctrlキーを押しながらURLをクリック(Macの場合はCommandキー)してください Tweet 初期たった4人で開発していたカカオトークは、今や韓国人口の半分が使う大物SNSになりました。 大学で生まれたFacebookは、今や全世界9億人に愛されるSNSになっています。 特に莫大な資金がなくてもアイディアとスキルだけで世界で通用するサービスができあがることが多くのサービスによって証明されています。 一発逆転を狙って新しいサービスの開発に挑戦する開発者はたくさんいらっしゃると思います。 何もない状態でひらめくアイデアもあれば、既存のサービスを使ったり調べる中でヒントを得ることもありますよね。 隣国、韓国は日と社会構造も人々の感覚も似ているところが多々ありますので、韓国の事例をぜひ参考にしてみてください。 ※格サービスの名前の横に書いてあ

    新サービスのヒントに!韓国で話題のwebサービス60選!
    yuria_s
    yuria_s 2012/08/21
  • Macの作業効率が大幅にアップするSpacesをMountain Lionでも復活!|TotalSpaces|男子ハック

    Spacesは直感的に使えるので作業効率が大きく上がる以前「ReSpacesApp」として紹介したSpacesを復活させるアプリが「TotalSpaces」になって再登場です。名前からも察する通り、あのFinderを超便利にしてくれる「TotalFinder」を発売しているところのアプリになりました。 Spacesの良さはデスクトップの切替が直感的になるところ、Lion以降からのMacユーザーにも是非試してもらいたい。 TotaleSpacesは上記サイトよりダウンロード。 MissionControlではできない上下左右の仮想デスクトップ配置が最高下記の画像はMissionControlでデスクトップを一覧表示した状態。 基的に9画面構成でSnowLeopard時代からやってきている僕の環境では見にくいことこの上ない。結局MissionControlでのデスクトップ移動は行わずに「co

    Macの作業効率が大幅にアップするSpacesをMountain Lionでも復活!|TotalSpaces|男子ハック
    yuria_s
    yuria_s 2012/08/21
  • ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん!

    こんにちはこんにちは!! 夏ですね! 真夏ですね!! ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん?」って思ったことありませんか! …百聞は一見にしかずってことで、実際の例をみてみましょう! ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ノ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね! これって流行りなんでしょうか…! そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも?と思って、 コピペで使えるJavaScriptにしてみました! ↓ 動作サンプルです! スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです! 適当にコピペしてブログに貼り付けてね! <script t

    ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん!
    yuria_s
    yuria_s 2012/08/21
  • 最近のウェブサイトで見かける背景のスタイルとトレンドのまとめ

    Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト(時代遅れな使い方ではなく)だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ 背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ

    yuria_s
    yuria_s 2012/08/21
  • 都内すべてのコワーキングスペース一覧 | MakeLeaps

    [関東版]首都圏のコワーキングスペースを最寄駅ごとに紹介しています。ご自身の働き方に合わせて、お気に入りのコワーキングスペースを探してみてはいかがでしょうか。 ■コワーキングスペース(Coworking Space)とはコワーキングスペースとは他の利用者と交流しながら、仕事や自主学習に集中できるオープンオフィススペースのことです。事務所を賃貸するよりも低価格かつ開放的なスペースで楽しく快適に仕事ができるところも魅力のひとつです。ノマドワーカー、フリーランサー、起業家の間で人気が高まっています。パソコンの充電やWi-Fiの利用はもちろんのこと、それぞれのコワーキングスペースならではの特徴・特典が多くあります。 ■掲載についてコワーキングスペースの掲載をご希望の方は、お問い合わせフォームからご連絡ください。

    都内すべてのコワーキングスペース一覧 | MakeLeaps
    yuria_s
    yuria_s 2012/08/21
  • 配色イラストレーターの「カラーガイド」

    配色イラストレーターの「カラーガイド」
    yuria_s
    yuria_s 2012/08/21
  • 驚くほど簡単にインフォグラフィックを作成できる無料ツール7選

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インフォグラフィックは、あなたの読者やファンを楽しませるコンテンツとして最適なものの一つだ。 さらに、ソーシャルメディアエキスパートのDan Zarrellaは、1万のFacebookページの中から合計130万の投稿を調べた結果、最も安定して多くのシェアを生み出すコンテンツは、画像コンテンツだということを発見した。 ※画像コンテンツの平均的なシェア率は0.25%、次に文字投稿で0.17%、3番目は動画投稿で0.1%。単なるニュースなどへのリンクの場合だと、0.04%しかない。 そして、ソーシャルメディアを有効活用するための、最も効率的な戦略は、見た目にも面白く、人の役に立つ画像コンテンツを定期的に提供することだという結論を出している。 こ

    驚くほど簡単にインフォグラフィックを作成できる無料ツール7選
    yuria_s
    yuria_s 2012/08/21
  • Webサービスを作る人におすすめの実用サービス10 - パパパパ

    僕はこれまで個人やスタートアップを通じて30近くのWebサービスを作ってきて、失敗したり、ちょこっとうまくいったりを繰り返してきました。最近では、Facebookページで600万人のファンを抱えるTokyoOtakuModeというメディアの立ち上げ&運営を行ったり、自分の会社でスマートフォンアプリを開発したり、個人でスカイツリー観光のファンサイトを運営したりしています。 Webサービスを作る個人開発者やスタートアップは資金が潤沢にあるわけではないので、無料や低価格で提供されている様々なツールを駆使して、コストを削減していく必要があります。そこで今回はDropboxやGoogleカレンダーなどの定番サービスは除いて、僕個人が愛用しているおすすめの実用サービスを紹介してみようと思います。 1. Googleハングアウト / 音声通話&ビデオチャット これまで無料音声通話といえばSkype一択だ

    Webサービスを作る人におすすめの実用サービス10 - パパパパ
    yuria_s
    yuria_s 2012/08/21