記事にマッチしたAmazonアソシエイトの商品を自動で表示する
FC2ブログの変数を使って、投稿したエントリにマッチしたAmazonアソシエイトの商品を自動で表示させるJavaScriptを作ってみました。着想は以下のエントリを読んで。 「Amazonおまかせリンク(R)」より「Amazonライブリンク」がオススメな理由 (smashmedia) 要するにMovable Typeの変数をFC2ブログの変数に変えただけですね。テストを兼ねてこのBlogでも一時期使用して動作確認していました。興味がある方は以下のソースを貼り付けて使ってみてください。 ユーザータグを使い半自動でAmazonの商品を表示させる 概要 FC2 Blogのユーザータグを商品の検索(絞り込み)に使います。当然ですが、ユーザータグを使っていない方は使用できません。ユーザータグを使っていない方、使えない方は次の「カテゴリ」の方をご使用ください。 設定するユーザータグは「エントリ内容に合
コピペでＯＫ！サイドバーの広告を固定してスクロールに追従させる方法
こんにちは、@webgoyaです。 最近ちょくちょく見かける、スクロールアウトした後もサイドバーの要素が固定されて付いてくるメニューを当ブログにも導入してみましたので、その設置方法の解説です。 導入自体は簡単なのですが、よく見てみるとスクロールに追従してそのままフッタ―部分に重なってしまってるブログやサイトも多くて、それはなんだかイケてない気がしたので、今回紹介するものは当ブログのようにスクロールに追従後、今度はフッタ―前になるとピタリと止まってくれるやつにしました。 当ブログでは広告をローテーションバナーでランダムに表示させていますが、広告だけでなく、ソーシャルボタンや各種ブログパーツなども固定して追従させる事ができます。 ちなみにAdSenseでこれをやるのはGoogleの規約で禁止されているので違反行為です。 クリック率は間違いなく上がるのでやりたくなるかもしれませんが、アカウント停
ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
prototypeベースでグラフを作成するjavascript「Plotr」
Solutoire.comのPlotrは棒グラフ、円グラフ、線グラフを作成できるjavascriptです。 グラフを作成するjavascript「PlotKit」で紹介したPlotKitがMochiKitを使用するのに対して、Plotrではprototypeを使用しています。 sponsors 使用方法 Plotrからダウンロードしてきたファイルをアップロードし以下のようにheadに書き込みます。 <script src="http://yourdomain/prototype.js" type="text/javascript"></script> <script src="http://yourdomain/excanvas.js" type="text/javascript"></script> <script src="http://yourdomain/plotr.js" typ
はてなブックマーク拡張のタグ候補をカウントの大きい順にソートして表示する - Cherenkovの暗中模索にっき
extensions\bookmark@hatena.ne.jp\chrome\content\addPanel\18-TagCompleter.jsの64行あたりに一行追加。 showTags: function(tags, el, pos) { this.clear(); let tagsCount = TagCompleter.tagsCount; let self = this; // タグカウントの大きい順にソート tags.sort(function(a, b) tagsCount[b] - tagsCount[a]); //この一行を追加 tags.forEach(function(tag) { let item = E('richlistitem', {flex:1, 'class': 'hBookmark-tagcomplete-listitem', value:tag}
HTML5のCanvasによって画像加工が出来る「CamanJS」:phpspot開発日誌
CamanJS - Image Manipulation in Javascript HTML5のCanvasによって画像加工が出来る「CamanJS」。 画像編集ツールによってコントラストや露光量を変えたり、ガンマ値を変えたりといった処理で画像を加工できますが、このCamanJSを使えば、Canvasを使ってJavaScriptのメソッドで色を変えられます。 ビフォア アフター 次のようにメソッドをチェーンさせることで画像を加工しちゃえるツールです。 こんなことも出来るのか、ということで覚えておくとサーバに負荷をかけず、便利に使えそうです。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
[JS]あなたのウェブページを52の言語に自動翻訳するボタンを簡単に設置できる -Translate This Button
<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans
HTMLとCSSしか書かなかったコーダーは今
HTMLとCSSしか書かなかったコーダーは今なにしてる？ - Hato-Style Twitterとかでも結構いろんな人が反応していてたこのエントリー。自分もふむふむと思いながら読んでおりました。自分も１年半前まではHTMLとCSSしか書かなかった…というかそれしかできない人でした。 今、自分って何をしているのだろう？ まずは自分を振り返る 自分は専門も行くなく、全て独学で学んだHTMLとCSS。半年ちょっとをいろいろなサイトやブログ、本などを読んで、そしていろいろ作ったりして学んだ。 なので２年前の札幌で行われたCSS Niteのときなんかは「HTMLとCSSしかできませんねー」とか「マークアップとかだけですよ」なんてことで名乗っていた。 セミナーとかでも「HTMLとCSSしかできない人は今後は淘汰されていく(消えていく)」なんてことを聞いたりもしていたので「自分も何か勉強しないとなー」
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 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ベース機能の構築完了 過去のサイト更新情報
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
文字の情報を調べるためのブックマークレット サロゲートペア対応版 - Ryusei’s Notes (a.k.a. M59のブログ)
サロゲートペアは大事 元ネタ:文字の情報を調べるためのブックマークレット - IT戦記 サロゲートペアには非対応です＞＜ 文字の情報を調べるためのブックマークレット - IT戦記 おや、これでは音楽記号も算籌も麻雀牌もドミノ牌も線文字Bもヒエログリフも楔形文字もフェニキア文字もチュノムも則天文字も調べられない!! サロゲートペアとは何ぞ サロゲートペア入門：CodeZine（コードジン） UTF-16を使うJavaScriptでは扱いが難しくなるから、文字単位で処理しようとする時につまずく。Unicodeには他にも《結合文字の並び》という落とし穴があるけどね。 ブックマークレット サロゲートペア対応版 javascript:location.href = 'http://www.fileformat.info/info/unicode/char/' + (function(r){ var
Firebug Lite をブックマークレット化しました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ご存知の方も多いかと思いますが、先日 Firefox 用 Web 開発ツールの代表格 Firebug の 1.0beta がリリースされました。それはそれで嬉しいニュースですが、さらに素晴らしいことに機能限定（というかログ表示とコンソールのみ ＾＾；）ながら Firefox 以外のブラウザーでも動作する Firebug Lite も同時に公開されました。 Oper
あなたのソースコードを彩る、Syntax Highlighterまとめ | Blog.37to.net
home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成： 2007-06-30T19:14:27+09:00 更新： 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい！ というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScript系 JavaScriptを使って自動で色分けしてくれるようなツール。 元
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdev.bulkitem.com/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E6%99%82%E3%81%AB%E5%BA%83%E5%91%8A%E3%82%92%E5%9B%BA%E5%AE%9A%E3%81%99%E3%82%8B
ウェブ制作の時間を大幅に短縮する、今時のUIコンポーネントが簡単に実装できる -Chico UI
http://www.wibiya.com/?FtrLnk=true
Playstation mk2
読み込むだけでスムーススクロールするjsを書いた - おもしろ日記パワー
