タグ

webデザインとWebデザインとfacebookに関するyoiITのブックマーク (11)

  • 約36時間でレスポンシブデザインを作る!効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋

    先日このブログをリニューアルさせて頂いた旨をご報告させて頂きましたが、今回のリニューアルの主目的だったレスポンシブデザイン化について、とにかく効率優先で作業させて頂いた時のリソース関連や情報を一度僕自身の忘備録として抜粋してまとめさせて頂こうと思います!以前別のブログを作った時もそうですが、基僕はとにかく効率重視派です。細部に渡る美しいデザインや、ガリガリのプログラミング。標準に法ったコーディングとかはその道のスペシャリストが仲間内に居るので、今回も僕は効率化に焦点を当てています! ご紹介させて頂くのは主にFacebookやTwitter周りで共有させて頂いてきたリソースばかりですが、実際に使ってみると見えてくる注意点や、戸惑った部分、周りのデザイナーにも知っておいて欲しい部分等が見え隠れしてきたので、まずはその辺りを中心に、作業ステップ毎に簡単にご説明させて頂こうと思います。 僕と同じ

    約36時間でレスポンシブデザインを作る!効率最優先で作るため必要だったリソースや情報色々 | バンクーバーのうぇぶ屋
  • Facebookページリンク集 ソーシャルブックマーク 520PX facebookmark

  • 日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark

    今日は3連休最後ですね。個人的には 全然関係ないので普通に記事を書き ます。日もかなりFacebookが浸透 したようですが、まだまだ数は少ない 印象です。企業もかなり参戦してきて いるので、Facebookページの需要も 少しあがってきている印象ですね。 そんな中で日のFacebookページで良デザインなページのみを収集しているギャラリーサイトがありましたのでご紹介。 こんな感じで国産のFacebookページが並べられています。カテゴリは結構細かく分けられていますが、いかんせんまだ数が少ないのでまだ必要ない状態ではありますね。 VOGUEJAPANはコンテンツが充実してるので結構好きです。 520PX facebookmarkにも書いてありますが、まだ数が少ないのが日の現状です。こちらのギャラリーも厳選しているため、まだ100に満たない状態です。もちろん審査有りですが、自信のあるF

    日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark
  • デザインが素敵な日本語Facebookページ 10選

    Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ 使い方・移行方法 目次 1. 新Facebookページ 使い方・移行方法 まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介(基データ)を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設

    デザインが素敵な日本語Facebookページ 10選
  • metaタグを追加してFacebookに対応する方法とハマりやすいポイント

    Facebook使ってますか? こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね!」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね!」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ! 「いいね!」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね!」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね!」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って

    yoiIT
    yoiIT 2011/03/08
    Facebookでリンクされた時に表示されるサムネイルを指定する方法など。
  • facebookの新プロフィール画面で、写真をうまく使ってデザインする方法 | Creazy!

    【2011/02/01:追記】 ファンページについてのエントリーも書きましたので、そちらもどうぞ。 facebookのファンページを作る時に気をつけたい細かい話 半年くらい前から、ネット上でfacebookがにわかに流行りだしてから格的に使い始めたんですが、いままでいくつかエントリーを書きました。 facebookはじめました ソーシャルメディアに共有するボタンの設置方法(Twitter、facebook、mixi、GREEEvernote) 「Google Analytics with SBM」でfacebookでの言及数も確認可能 で、最も基的な自分のプロフィール画面でちょっと遊んでみましょう、というお話です。 冒頭のスクリーンキャプチャーのように、ページ上部に写真のサムネイルが5つ並ぶ新デザインに今月から正式移行したようです。この5つの画像は、自分だけでなく友人が自分であるとタ

    facebookの新プロフィール画面で、写真をうまく使ってデザインする方法 | Creazy!
  • fb:swf - Facebook開発者

    Renders a Shockwave Flash (SWF) object. On profile pages, an image appears first. When the user clicks the image, it turns into the Flash object. On canvas pages, the image is ignored, and the Flash object is directly included. You can also make API calls to Facebook directly from Flash. Check out the official ActionScript 3.0 Library for Facebook Platform for more details. パラメータ名前タイプ説明

    yoiIT
    yoiIT 2010/12/05
    Facebookで使えるFlashのパラメータ
  • Facebookにログイン

    Facebookにログインして、友達や家族と写真や近況をシェアしましょう。

    Facebookにログイン
  • Facebookファンページ、デザインのまとめ!

    11月ですね!今年も残り2ヶ月! 社のある鎌倉は紅葉の季節にさしかかり、いい景色に元気をもらっているbarimiです! Facebookって流行って…る?! ってことで、私も先月からぼちぼち使いはじめました! …が、ファンページってどうやってつくるの?とかデザインってどんなのがあるの? などなど、まだまだ分からないことが沢山。 そこで今回は、デザインがかわいいファンページや、デザインギャラリーサイトをご紹介したいと思います! いいね!ボタンを押させたい!ってときに一工夫しているファンページ ってことで、印象的なウェルカムページ。 Redbull まずはRedBull。かわいいグラフィックで思わず押したくなります。 Teesey Tees こちらは、いいね!を押すと、、、、(押してみましょう!) Desigual オーソドックスな画面ですが、独特の浮遊感のある色合いが綺麗ですね。 ファンに

  • あらびき林檎。 - Facebook ファンページをつくって、デザインしてみる。

    ソーシャルメディア維新 ~フェイスブックが塗り替えるインターネット勢力図~ 最近、色々な企業が参入してきているFacebook ファンページを作った際の履歴です。 ファンページとは? 公開を目的としたファンが集まるページ。 「公式ファンページ」、「コミュニティページ」の2種類ある。 公式ファンページ 公式ファンページを作成・維持して、顧客やファンと交流するもの。 コミュニティページ コミュニティページを作って、気になる話題や活動について情報を発信 試しに作る分には、コミュニティページでいいと思いますが、 今回は、Splitchinの公式ファンページを作った際の履歴になります。 1. ファンページの作成 1-1. 「ファンページを作成」から、ファンページを作成します。 1-2. ファンページの名前を決めます。 入力した名称が、そのままURLに使用されます。 例)Splitchin

  • Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス

    2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト! ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー

    Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
  • 1