[B! javascript] sac3937のブックマーク

sac3937 id:sac3937

javascriptに関するsac3937のブックマーク (157)

JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの文法とかは調べればわかるのでふれません一人で勉強してもわからなそうな概念などを重点的に説明しますライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればとアジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識ライブコーディング part1 jQueryの基礎知識ライブコーディング part2
sac3937 2010/12/01
*web制作

javascript
リンク
Twitter で記事について言及したツイートを30秒で誰でも簡単に取得して一覧にできる jQuery プラグイン
ブログの記事 URL を入れると短縮 URL でのつぶやきでも取得してきて出力します。内部的には jQuery と Topsy の otterapi を使って構築しています。作業量としては30秒くらいで初心者でも設置できますので方法を紹介します。 JS ファイルを設置する必要なものは jQuery と今回作った jquery.twitterTrackback.js です。 <script type="text/javascript" src="http://ajax.google apis.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
sac3937 2010/12/01
*web制作

javascript

ブログパーツ
リンク
solidstate.jp
sac3937 2010/11/19
javascript
リンク
Snowfall Plugin Updated - Somethinghitme
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
sac3937 2010/11/18
javascript
リンク
1day JSPaint app
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.
sac3937 2010/09/22
HTML5

javascript
リンク
Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ - Rewish
Twitterの諸機能をサイトに導入するためのJavaScriptフレームワーク「@Anywhere」がリリースされましたね。その場でフォローしたりサイト上から直接Tweetしたり、Twitterがナチュラルに様々なサイトに組み込まれるようになるんですかね。と言うわけで僕も軽く試してみたので、使い方のメモと雑感を書いてみます。まずはアプリケーション登録 New Twitter Applicationでアプリケーション登録を行う。 Application Name @AnywhereでTweetした時に表示されるアプリケーション名。</dd> Application Website Application NameにリンクされるサイトのURL。 Organization 組織名？とりあえず空白で。 Callback URL コネクションの許可などで一度Twitterにアクセスした場合に
sac3937 2010/05/26
@Anywhereで自分のサイトにTwitter機能を実装

*web制作

javascript

マイクロブログ

ブログパーツ
リンク
Plugins | jQuery Plugins
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.
sac3937 2010/05/17
キャンバスを使ったお絵かきウィジェットが実装できるjQueryプラグイン「DrawBox」

*web技術

javascript
リンク
RSS FeedをJavascriptでウェブページに表示
posted by moondakota at 19:38 Permalink コメント (31) トラックバック (24) カテゴリー:blog このサイトとこのサイトを参考に、 RSS FeedをJavascriptでウェブページに表示するスクリプトを設置してみました。 (言ってみれば、ページ組み込み型のRSSリーダーですね。) まぁまぁ使えるんじゃないかと思いますが、今のところ、基本、ノークレーム、ノーサポートです。 UTF-8の方用ページ EUC-JPの方用ページ Shift_JISの方用ページ【追記】この仕組みを使って、まずは暫定的にlivedoorの占いランキング RSSを掲載してみました。 (インデックスページ左)
sac3937 2010/04/27
javascript
リンク
http://blog.crara.cc/archives/173
sac3937 2010/04/25
*web技術

javascript
リンク
CSS3 support in Internet Explorer 6, 7, and 8
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 (
sac3937 2010/04/16
IE6～8でCSS3の新しいスタイルを使えるようにするライブラリ

*CSS

*web制作

javascript
リンク
border-radius.js - Javascriptライブラリ - HTML5.JP
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas（Canvasがサポートされていれば）を使っています。ダウンロード Release Date Size (byte) Download
sac3937 2010/04/16
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリー

*web制作

javascript
リンク
jQueryでRSSを読み込む - MotuLog
久々の更新ですが、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
sac3937 2010/01/24
*web制作

*web技術

javascript

ajax
リンク
【インフォシーク】Infoseek ：楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。メンテナンスが終了次第、サービスを復旧いたしますので、今しばらくお待ちいただけますよう、お願い申し上げます。
sac3937 2010/01/17
*web技術

javascript
リンク
[JavaScript,PHP] 新年の挨拶を自動的に表示する
新年に限らず、イベントにちょっとしたアクションを起こしたい人向けのスクリプト。例は簡単にできる画像変更なんですがやってることはタイムスタンプによる比較なんで、これを応用すればいろいろなことが出来ます。まず挨拶の画像を用意したら、表示したい場所にこっそり透明の画像を仕込んでおく。透過画像が作れなければ、背景色と同じ色の画像でも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
sac3937 2009/12/27
*web技術

javascript
リンク
とあるjavascriptの画像生成
元ネタ：とある櫻花の画像生成、とある画像の自動生成<ジェネレータ> HTML5のcanvasを使ってやっつけ仕事。グラデーションは面倒なのでやめた。SilverLightやサーバーサイドは、もはや過去の遺物である。これからはクライアントサイドのみで、これぐらいやるのが当たり前になるべきだ。フィード経由で閲覧している人は、ご面倒ではございますが、直接見ていただいくようお願いいたします。主要ブラウザでテストしてみた結果。 Chrome, Safari: 完璧 Firefox: なぜか@ＭＳゴシックが意図通りに描画されない。 Opera:　canvasの文字列描画をサポートしていない。 IE: えーと……とりあえずお前はカエレ。グラデーションは、思いのほか簡単だった。 Anonymous said... 私はWindowsでSafari 4を使っていますが、振り仮名（インデックス）の部分が
sac3937 2009/12/25
HTML5のcanvasでロゴ画像生成

javascript

*HTML

*web技術
リンク
LavaLamp for jQuery lovers! | Ganeshji Marwaha
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
sac3937 2009/12/25
ハイライト項目がスムーズなスライドアニメーションで移動する水平メニューのjQueryプラグイン。軽量（0.7KB）。オプションでeasingプラグインに対応。MIT/GPLライセンス。

*web技術

javascript
リンク
WCR Comic Viewer - 超簡単ウェブコミックビューワ
About - WCR Comic Viewer とは？ WCR が提供するきわめて簡単に設置が可能なウェブコミックビューワです。 JavaScript で動作するビューワですが、デフォルトの状態で設置をするだけならスクリプトの知識は一切不要です。それでいて以下のような機能に対応しています。画面遷移を伴わないスムーズなページ送り画像クリックによるページ送りページの先読みによるストレスのないページ送りページ数入力による任意のページへのジャンプしおり機能による任意のページからの再開しおりの自動保存による最後に開いたページの自動記憶スクロールで隠れた部分の自動表示 New! 最終ページ指定によるページの自動生成設置に最低限必要なのは画像ファイルのリストを作る事だけ。後は提供されているスクリプトを呼び出す 1 行を追加すれば、それだけでサンプルのようなビューワがいとも簡単に設置でき
sac3937 2009/12/07
javascript
リンク
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。次期バージョンの開発状況幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
sac3937 2009/10/06
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。

*web制作

*web技術

javascript
リンク
How to Avoid Spambots | Project Honey Pot
Complete Obfuscation All of these steps to mung your em ail 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
sac3937 2009/06/29
メアドをjs出力するjsを作成できる。※最近js出力されたメアドもbotに解釈されているようだとの話も

*ジェネレータ

javascript
リンク
youlove.us
This domain is for sale! Establish your brand and grow your online presence. “I love helping our customers get the best domain names for their business!”
sac3937 2009/06/24
背景画像をスクロールさせページの印象を時間経過とともに大きく変える　jquery　ブロードバンド前提　cpuパワー大量消費　画像の切り方がだいたん　ボディ部分が一枚絵だよ　ひと昔前なら考えられない

*webデザイン

javascript
リンク
1 2 3 4 5 6 7 8 次のページ