Facebookページのフィードやアルバムをjavascript(jquery)で取得する - NEZU.log
自社サイトに加えて、Facebookページも運用している方が増えています。サイトにFacebookページの情報をカスタマイズして埋め込む方法を紹介します。 LikeBoxの仕様 Facebookページを埋め込んでいるサイトも増えてきました。 LIkeBoxってやつですね。 facebook LIKEBOX生成ページ これでも十分なのですが、もっとオリジナルで実装したい！ってときがあります。 ・サイトのお知らせをFacebookのフィードを利用して表示したい ・TOPページにFacebookでアップした写真をランダムで表示したい など、facebookページを“お知らせ”として使っているケースも多いかと思います。 これをwebサイトと連携できると便利ですよね。 Facebookの対応ブラウザは Facebookはブラウザ対応がIE8以上なので、いいねボタン、likebox等はIE7以下だと崩
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
画像を画面いっぱいに広げてフェードエフェクトで切り替えるスライドを実装するjQueryプラグイン・slideshowify.js - かちびと.net
地味に良さそうだったので備忘録。画面 いっぱいに画像を広げてフェードエフェ クトでスライドショーを実装できるjQuery プラグイン・slideshowify.jsです。この 手のプラグインは沢山あるので選択肢 の一つとして・・ なんとなくよく見かけた画像のフルスクリーン表示を実装します。この見せ方は良い写真や画像なら飲食店やアパレル系などでは訴求力もあるし、よく見かけるのも当然といえば当然かもしれません。 キャプチャ見ても全然ピンと来ないと思いますのでSampleご覧下さい。 Sample 基本的には直接貼られた画像をスライド化します。※画像はmark sebastian氏より(CC-BY) 指定されたセレクタ外のコンテンツはpositionプロパティによって画像上に配置されている形となります。スライドしている画像はdisplay:none;を使用していますので各々の画像にリンクは貼れま
お手軽WordPress Tips：プラグインを使わず、少しのコードで「固定ページ」にページ送り可能なポートフォリオページを作る - かちびと.net
出来なくても困らないけど出来たら出来たで ちょっと嬉しいシリーズです。個人的には結構 地味な実装が好きなのでちょっと多用しそう。 明らかにWeb屋さんが多いともいますので、 ポートフォリオと題名には書きましたけど、 要は固定ページでギャラリーを手軽に作ろう、 という話。 普通にアーカイブファイルを条件分岐で、とかでも出来るんですが、固定ページを使うと実装がかなり楽だったのでこれはこれでアリかなと思いました。 とりあえずコードです。 <?php $num_cols = 4; // カラム数 $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; // ページネーション $args = array( 'posts_per_page' => 16, // 1ページに表示するポスト数 'cat' => 0, // 表示させたい
JavaScriptで画像ギャラリーを作る「jQuery slideShow plugin」
画像ギャラリーはサイト制作の中でも多く利用するのではないでしょうか。 そのため選択肢の幅を広げ、よりサイトにあったJavaScriptを使うことをお勧めします。 今回はjQuery slideShow pluginを紹介します。 sponsors 使用方法 jQuery slideShow pluginからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.slideshow.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#id名').slideShow({ interval: 3,
jQueryプラグイン サンプル（画像系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via：dcdeiv/jsonslider
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
日本と海外のWEBデザインリンク集（CSSギャラリー）まとめ - ミblog : レビューや日常など