tips レスポンシブWebデザイン FacebookのLike Boxをリキッドレイアウトへ対応させる方法
Webサイトやブログなどにソーシャルプラグインを設置するのは、もはや当然なくらいなわけですが、今日はその中からFacebookのLike Boxを設置した際に、それをリキッドレイアウトへ対応させる方法を紹介します。 FacebookのLike Boxの設置コードには、それの横幅を指定してやる必要があります。以下のようなコードですね。 <div class="fb-like-box" data-href="http://www.facebook.com/2843.jp" data-width="500" data-show-faces="true" data-stream="false" data-header="true"></div> この例では横幅を500pxに指定していますが、ブラウザの横幅が500pxより狭くなってしまうと… コレだと不格好なので、何とかしてやりましょう。「レスポ
デザインが素敵な日本語Facebookページ 10選
Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日本語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日本語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ 使い方・移行方法 目次 1. 新Facebookページ 使い方・移行方法 まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介（基本データ）を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【完全版】Facebookページのタイムライン化で本当に検討すべき11項目のチェックリスト « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
facebookの新プロフィール画面で、写真をうまく使ってデザインする方法 | Creazy!
【2011/02/01：追記】 ファンページについてのエントリーも書きましたので、そちらもどうぞ。 facebookのファンページを作る時に気をつけたい細かい話 半年くらい前から、ネット上でfacebookがにわかに流行りだしてから本格的に使い始めたんですが、いままでいくつかエントリーを書きました。 facebookはじめました ソーシャルメディアに共有するボタンの設置方法（Twitter、facebook、mixi、GREE、Evernote） 「Google Analytics with SBM」でfacebookでの言及数も確認可能 で、最も基本的な自分のプロフィール画面でちょっと遊んでみましょう、というお話です。 冒頭のスクリーンキャプチャーのように、ページ上部に写真のサムネイルが５つ並ぶ新デザインに今月から正式移行したようです。この５つの画像は、自分だけでなく友人が自分であるとタ
DeisngDesignDesign
DesignDesignDesignでは、WEB業界の発展と、WEB業界の全ての方へ向けて、WEBデザインの現場でも役立つ、WEBデザインデータベースを目指し立ち上げました。 WEBだけではなく、スマートフォンアプリ、Facebookデザインも併せて紹介していきます。 リンクだけでは無く、下層ページでは皆さんの、紹介されているサイトに対しての評価がソーシャルネットワークサービスを利用して取得したり、WEBデザイナーがデザイナー目線で気になる短評を記載したりと、単なるリンク集に収まらない、デザイナーのためのWEBサイトです。 ランキング DesignDesignDesign WEB Facebook スマートフォンアプリのデザインリンク集 20 回の閲覧 京都のオリジナル着物の通販 - キモノ・コモノ店コエトイロ 12 回の閲覧 mouf design 11 回の閲覧 惑星の旅 6 回の閲覧
延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
40 Facebook Fan Page Designs and Practices | inspirationfeed.com
Facebook is the second most visited website in the world! If you have been sleeping under a rock, wake up! Facebook and twitter should be the top two social media priorities for small/big businesses. In this article we will take a look at great Facebook fan page examples, practices, and ideas.When a user goes to your page you have to make sure they do not land on the wall. Instead create a custom
2011年2月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
先月の記事が相当人気でしたので今月もやります。また今月も人気なら来月もやります。 これは Web サービスに使えると思った情報 Web サービスを作りたくなるアイディア込みの記事 今年こそWebサービスを作りたい人に伝えたい５つのこと（＋番外編） – パパパパ この記事は精神からではなく、アイディアから Web サービスを作りたくしてくれる記事でした。私はこの記事を通して以下のことを学んだというか勝手に気づいたのでリストアップしておきますね。 ブログパーツを作って宣伝をする。 自動的に一周するサイクルを考える。 面倒くさいものを作ることで大手に参入されない。 時間を短縮する関係のサービスを作る。 食べログとぐるナビから Web サービスの現在と今後を見る [jp]グルメサイトは転換期に来てるんじゃないかなあという話 この一点に置いて、私は個人的にグルメ系の Web サービスとは誰かが得
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite LP, Disk 25：Webデザイン行く年来る年（Shift6）
Loading...