今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
ブログの記事 URL を入れると短縮 URL でのつぶやきでも取得してきて出力します。内部的には jQuery と Topsy の otterapi を使って構築しています。作業量としては30秒くらいで初心者でも設置できますので方法を紹介します。 JS ファイルを設置する 必要なものは jQuery と今回作った jquery.twitterTrackback.js です。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="[JS ファイルパス]>/js/jquery.twitterTrackback.js" charset="utf-8"></sc
Monday, Dec 21, 2009 Updated the snowfall plugin that was released yesterday with a few more features. The primary new feature allows you to specify which elements you want the snow to appear in. An example of this can be seen below. View a full page demonstration $('#snow-window').snowfall({flakeCount : 100, maxSpeed : 10}); In addition to snowing within elements there are some more options avai
What is is? This is a 100% JavaScripted app implemented in one day. Please browse this page with latest Chrome, Safari, or Firefox. Please contact to fukatsu@gmail.com if you have any question.
Twitterの諸機能をサイトに導入するためのJavaScriptフレームワーク「@Anywhere」がリリースされましたね。 その場でフォローしたりサイト上から直接Tweetしたり、Twitterがナチュラルに様々なサイトに組み込まれるようになるんですかね。 と言うわけで僕も軽く試してみたので、使い方のメモと雑感を書いてみます。 まずはアプリケーション登録 New Twitter Applicationでアプリケーション登録を行う。 Application Name @AnywhereでTweetした時に表示されるアプリケーション名。</dd> Application Website Application NameにリンクされるサイトのURL。 Organization 組織名?とりあえず空白で。 Callback URL コネクションの許可などで一度Twitterにアクセスした場合に
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
posted by moondakota at 19:38 Permalink コメント (31) トラックバック (24) カテゴリー:blog このサイト と このサイト を参考に、 RSS FeedをJavascriptでウェブページに表示するスクリプトを設置してみました。 (言ってみれば、ページ組み込み型のRSSリーダーですね。) まぁまぁ使えるんじゃないかと思いますが、今のところ、基本、ノークレーム、ノーサポートです。 UTF-8の方用ページ EUC-JPの方用ページ Shift_JISの方用ページ 【追記】 この仕組みを使って、 まずは暫定的にlivedoorの占いランキングRSSを掲載してみました。 (インデックスページ左)
NOTE: This script is obsolete. You should use the far superior CSS3PIE instead. CSS3 support for Internet Explorer 6, 7, and 8 What is it? IE-CSS3 is a script to provide Internet Explorer support for some new styles available in the upcoming CSS3 standard. How it works If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。 このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas(Canvasがサポートされていれば)を使っています。 ダウンロード Release Date Size (byte) Download
久々の更新ですが、jQueryネタを。 お持ちでない方は以下、ダウンロードページで。 http://docs.jquery.com/Downloading_jQuery#Download_jQuery jQuery単体ではxmlの解析ができないようなので、jFeedなるものを使用します。 jFeed: JavaScript jQuery RSS/ATOM feed parser plugin ファイルを開くといっぱい入っていますが、とりあえず「build/dist/jquery.jfeed.pack.js」だけで動くようです。もちろん「jquery.js」も必要ですが。 外部サイトのRSSを取得して表示する場合は、内包されている「proxy.php」も使用します。 すごく簡単で便利です。 <html> <head> <meta http-equiv="Content-Type" conte
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
新年に限らず、イベントにちょっとしたアクションを起こしたい人向けのスクリプト。 例は簡単にできる画像変更なんですが やってることはタイムスタンプによる比較なんで、これを応用すればいろいろなことが出来ます。 まず挨拶の画像を用意したら、表示したい場所にこっそり透明の画像を仕込んでおく。 透過画像が作れなければ、背景色と同じ色の画像でもOK。サイズは1px×1pxで。 <img src="spacer.gif" alt="" id="hny" /> 次のソースをコピペして、コメントがついている部分の値を適切に変更する。 window.onload = function() { var imgName = "hny";//変更対象となる画像のID var newPass = "01.jpg";//変更する画像のパス var today=new Date(); var newday = new D
元ネタ:とある櫻花の画像生成、とある画像の自動生成<ジェネレータ> HTML5のcanvasを使ってやっつけ仕事。グラデーションは面倒なのでやめた。SilverLightやサーバーサイドは、もはや過去の遺物である。これからはクライアントサイドのみで、これぐらいやるのが当たり前になるべきだ。フィード経由で閲覧している人は、ご面倒ではございますが、直接見ていただいくようお願いいたします。 主要ブラウザでテストしてみた結果。 Chrome, Safari: 完璧 Firefox: なぜか@MS ゴシックが意図通りに描画されない。 Opera: canvasの文字列描画をサポートしていない。 IE: えーと……とりあえずお前はカエレ。 グラデーションは、思いのほか簡単だった。 Anonymous said... 私はWindowsでSafari 4を使っていますが、振り仮名(インデックス)の部分が
Click on the above image to land in the Lava Lamp Demo page. Then, hover over it and feel for yourself, the nifty effect that Lava Lamp offers. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light wei
About - WCR Comic Viewer とは? WCR が提供するきわめて簡単に設置が可能なウェブコミックビューワです。 JavaScript で動作するビューワですが、デフォルトの状態で設置をするだけならスクリプトの知識は一切不要です。それでいて以下のような機能に対応しています。 画面遷移を伴わないスムーズなページ送り 画像クリックによるページ送り ページの先読みによるストレスのないページ送り ページ数入力による任意のページへのジャンプ しおり機能による任意のページからの再開 しおりの自動保存による最後に開いたページの自動記憶 スクロールで隠れた部分の自動表示 New! 最終ページ指定によるページの自動生成 設置に最低限必要なのは画像ファイルのリストを作る事だけ。後は提供されているスクリプトを呼び出す 1 行を追加すれば、それだけでサンプルのようなビューワがいとも簡単に設置でき
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Complete Obfuscation All of these steps to mung your email address and prevent it from falling into the hands of spammers can, unfortunately, be successfully interpreted by some of the most advanced harvesters in use today. While studies in the last year still show that the advanced munging techniques described on the previous page will stop at least 85% of the current crop of harvesters, as spamb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く