ishidaiwaneのブックマーク - はてなブックマーク

スマートフォンサイト作成の参考になるギャラリーサイトのまとめ

このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。国内ギャラリーまずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ掲載サイト数が多く、更新頻度もかなり高いです。スマートフォンサイト集めました。すっきりしたデザインで見やすいです。カテゴリも業

ishidaiwane 2012/10/20

リンク

グラデーションに便利！国産CSS3ジェネレータ「Grad3」

最近知ったグラデーションに特化したCSS3ジェネレータを紹介します。国産ということで何となく嬉しくなりました。グラデーションの色は自由に追加できて直感的に操作できます。色を減らすのにちょっと悩みましたが、消したいポイントを左へドラッグすると消えます。円形グラデーションも作ることができます。こちらも直感的な簡単操作です。もちろんリアルタイムでプレビューされます。深く考えなくてもサンプルがたくさんあるので、サンプルからいじっていくのもいいですね。いい感じの実用的なサンプルが色ごとで分けられています。通常は背景のグラデーション部分のみのコードが表示されていますが、「All」にすることですべてのコードが表示されます。ベンダープレフィックスもブラウザごとで付けることができます。ただしベンダープレフィックスが付くのはbackgroundのみのようです。テキストシャドウやボックスシャドウ

ishidaiwane 2012/06/25

リンク

ページタブアプリ(iframe)の作成とFacebookページへの追加方法

すでにお持ちの方も多いと思いますし、設定自体簡単ですのでFacebookページ自体の登録方法は割愛させていただきます。ページタブアプリの作成方法まず、Facebook開発者にアクセスしましょう。右上にある「新しいアプリケーションを作成」をクリック。アプリの名称を入力します。 Herokuを使ってiframe内のコンテンツを作成する場合、下の「Web Hosting」にチェックします。 Herokuは、ウェブサービスのホスティングサービスですが、私は使ったことがないので、ここからは自分でサーバーを用意することを前提に説明を続けます。セキュリティチェックをします。ほんと見にくいです。ページタブをクリックして内容を入力します。今まで私は、http:// で始まるURLのみ「Page Tab URL」の欄に登録していたのですが、セキュアな接続をしているユーザーが閲覧した場合に備え、h