第21回jQueryでAJAX入門:Google AJAX Feed APIを利用したRSSの読み込みとプラグインへの組み込み 長谷川広武(はせがわひろむ;h2ham) ,徳田和規 2010-10-08 第20回jQueryでAJAX入門:正規表現でサイトに表示したTwitterにリンクをつける 長谷川広武(はせがわひろむ;h2ham) ,徳田和規 2010-03-24
RSS情報をサイト内に表示させる方法ですが、紹介するのはJavaScriptで表示させる方法です。使用するスクリプトは、「Google Ajax Feeds API」を活用します。GoogleがAPIを公開してくれていますので、これを利用すれば簡単に表示させることが可能です。 自分ののサイトに設置すれば新着情報として自動で更新することも可能ですね。 Google Ajax Feeds APIを利用 コードを取得 Googleアカウントでログインします。そして、画面下に、RSSを表示させたいサイトのURLを入力します。すると、ソースが表示されます。 「Google Ajax Feeds API」http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html ソースを外部JSとして保存 表示されたソースをそのままhtml内に組み込んでもいいの
『web制作の現場で使う jQueryデザイン入門』 jQueryを、プログラムとしてとらえるのではなく、デザインとしてとらえて解説している一冊。 つまりデザイナー向けの攻略本となっている。個人的に超お勧めの内容だったのでご紹介。 この作者は、西畑氏です。 何度か私のブログでもjQueryの記事かいてるのですが、そのときに色々教えてくれたto-Rのあの人です。 2010年2月15日発売予定で、書店では明日買えるようです。 「JavaScriptとしてjQueryに興味を持っている」という人よりも、「ウェブデザインをもっとクリエイティブに表現したい」という人のための一冊です。 目次 第1章 jQueryを始める前に。 ここでは、jQueryとは何なのか?あたりからきっちり説明されてます。 ある程度知ってる人は飛ばしちゃってもいいかも・・・。 第2章 サンプルで学ぶjQueryの基本 HTML
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。(あ、音声ブラウザを配慮したらという場合です) さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
「プロが作ったWebサイトのあの“技”をウチのサイトでも(それもタダで)マネしたい!」――。そんな欲求に応えてくれる JavaScriptライブラリ/フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
画像をスライドさせるギャラリーが作りたい。 そんなときにおすすめなのが、『jQuery plugin – Easy Image or Content Slider』。jQueryのイメージ&コンテンツスライダーだ。 これを使えば、水平方向や垂直方向に画像をスライドさせることができる。テキストなどのコンテンツも可能だ。 使い方はとてもシンプル。デモは以下から。 » Default non-styled image slider jQueryのイメージ&コンテンツスライダー、チェックしてぜひ見ていただきたい。 » jQuery plugin – Easy Image or Content Slider 今日は新年会。楽しみやね。
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
ゼロからはじめる正規表現 秀丸編 - 「○曜日」の「曜日」を省略する 文書を作成し、上司などに提出する際には、「2008年11月29日 土曜日」と日時や曜日を表題周辺に挿入する場合も多いでしょう。この日付指定を正規表現で別のフォーマットに変えなければならない時には? [20:11 12/2]ソフト 正式版登場で話題のProcessingで"絵のプログラミング"に挑戦してみた Processing(プロセッシング)の正式版が先日(2008/11/24)リリースされました。Processingとは、グラフィックデザイン用のプログラミング言語です。本稿ではこれにチャレンジしてみます。 [17:07 12/2]ソフト
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
Posted on 18th February 2008 — Michiel Kenis requested a tutorial explaining how to create a similar effect used to showcase the products on the Apple web site. Earlier: Image Loading Next: Coda Popup Bubbles This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery alr
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン! 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く