Google AJAX Feed APIでRSS複数表示 - bass-inu's blog
JavaScriptだけでフィードを取得＆表示できる。Google AJAX Feed API 複数のフィードを表示をするには、FeedControlクラスを使えば簡単ですが、表示内容を細かくいじることができない。。 見た目はCSSでカスタマイズ可能。公式参照。 ■やりたいこと 複数のフィードを表示 日付は「年.月.日」で表示 1週間以内の記事には日付の横に「NEWマーク」を表示 記事の概要表示 APIキーを取得したら準備完了。 表示サンプル画像 head内 <script type="text/javascript" src="http://www.google.com/jsapi?key=（APIキー）"></script> <script type="text/javascript" src="feed.js"></script> feed.js var limit = 7 * 24
RSS リーダーについて
■clogのRSSリーダー機能について clogでは、以下のような JavaScript 形式でのRSSリーダー機能をご提供しております。 表示内容や各パラメーターについてご説明します。 ■RSSリーダーの基本の記述 <Script Langage="JavaScript" src="http://【clogサイトURL】/rss_reader.php?n=【読み込む数】&rdf=【読み込むRSSのURL】"></Script> ▼記述例 clog運営ヘルプ：http://superhelp.clguide.net/のRSS「http://superhelp.clguide.net/index.rdf」を「５件」読み込んでいます。 <Script Langage="JavaScript" src="http://www.clguide.net/rss_reader.php?n=5&rdf=
Code Snippets | CSS-Tricks
A collection of code snippets for web developers, including code for HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more!
Online JavaScript beautifier
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
jQueryプラグイン サンプル（画像系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via：dcdeiv/jsonslider
Demo | jQuery.popeye 2.0 | an inline lightbox alternative
x Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Except for IE6, though, which I didn't bother to include. Feel free to come up with your own solution ;-) Eyes of a Holcocephala fusca Robber
積極的に取り入れたい9つのCSS3（+jQuery）テクニック
CSS3（+jQuery）を使った、ちょっといいかも！と思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多い CSS3 ですが、できるだけ積極的に使ってみたいなーとも思ってます。 まずはいろいろ試してみることからはじめてみましょう！ CSS3 の登場で、いろんな CSS のトリックを使ったエフェクトが考えられてます。まだまだ CSS3 に非対応のブラウザも多いので、全てを CSS3 で表現する訳にはいかないのが現状ですが、私的には積極的にどんどん取り入れていきたいなーとも思ってます。 海外ブログなどで、色んな CSS3 を使った Tips が紹介されているので、その中からいくつかご紹介します。どれもサンプルを作って試してみたものばかりです。以下の環境で動作確認もしています。 Mac : firefox、Safari、Chrome Win : firefox、IE8、Safari、
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
Facebookページに複数の「いいね！」ボタンを設置したい！ ｜ Tips Note by TAM
「いいね！」ボタンは、読者からの反応が直接反映されるので 1つだけではなく複数設置したい場面があると思います。 （人気商品を知りたい、ランキングを作りたい など） （例） プラザ/PLAZA（ルミネ有楽町店） ※公開終了 → ※赤で囲んだ部分が「いいね！」ボタン。 ところが、 Facebookページ 1ページに対し、 「いいね！」ボタンは 1つしか置くことができません。 それでもやっぱり複数の「いいね！」ボタンを置きたかったので、 独自に考えたてみた複数の「いいね！」ボタンを設置する 2つの設置例をご紹介いたします。 ※非常に無理矢理感のある方法ですので、推奨はいたしません。 Facebookの仕様変更等にも十分ご注意ください。 （例） ・ASCII.jp Web Professional 「書籍紹介」 ※公開終了 「いいね！」ボタンから、 各書籍の詳細情報のページへリンクしています。 ▼
Codrops | Useful resources and inspiration for creative minds
Explore 500+ free demos Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition An exhibition of standout websites that caught our eye, curated for you. Fresh frontend news plus dev & design inspiration delivered to your inbox 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, webs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Live Demo - jQuery EasyUI
圧縮・高速化、ダウンロード, online tool
http://www.building58.com/examples/tabSlideOut.html