Twitterの最新の投稿をオリジナルのデザインで表示する方法 – creamu
Twitterの投稿をブログなどに表示したい。 そんなときにおすすめなのが、『How To Display Your Twitter Status in a Unique Design』。Twitterの最新の投稿をオリジナルのデザインで表示する方法です。 素のテキストの状態だと↑のような感じです。あとはCSSでいろいろとデザインに合わせて調整できますね。 以下のソースで表示可能です。 <div id="twitter"> <ul id="twitter_update_list"></ul> </div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/
Keith Clark - IE CSS3 pseudo selectors
Labs - ie-css3.js CSS3 pseudo selector emulation for Internet Explorer 5-8 ie-css3.js (v0.9.2b) ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they'll work in IE... Honest...! Using the script You'll need to download Robert Nyman's DOMA
IE６以下用に、iepngfix.jsでPNG画像を透過していたのに、変な×印が出るようになった！！ - IE６でのPNG画像の透過につ... - Yahoo!知恵袋
IE６以下用に、iepngfix.jsでPNG画像を透過していたのに、変な×印が出るようになった！！ IE６でのPNG画像の透過について、どなたか助けてください！！ HP制作で、PNG画像を透過させて使うのに、色々調べて『iepngfix.js』というJavaScriptを見つけ、 分からないなりに試行錯誤して、何とか透過させることができました。 しかし最近、添付画像のように『小さな×印』と『グレーの線』と『altで書いた文字』が表示されるようになりました。 HPの更新でHTML・CSSはいじりましたが、『iepngfix.js』は手をつけていませんし、原因がまったくわかりません。 他に、同じように見つけた『alphafilter.js』というJavaScriptと併用してますが、最初から併用してましたし・・・最近になってこうなってしまったのが、意味不明です。 原因・解決策などを、どなたか
twitterのタイムラインを表示するJavaScript10
twitter facebook hatena google pocket 失速が不安視されるtwitterですが、日本での利用は幅広くなっています。 そんな中、twitterのタイムラインを表示することが、求められています。 今回は手軽にタイムラインを表示できるJavaScriptを紹介します。 sponsors jQuery jqtwitter 特定ユーザーのタイムラインを指定数表示 twitterタイムラインをJavaScriptで表示「jQuery jqtwitter」 Juitter ユーザー、キーワード、@付きなどでタイムラインを表示 twitterをJavaScriptで表示する「Juitter」 monitter 指定キーワードで表示可能（除外も） ただし重い。 twitterタイムラインをJavaScriptで簡単に表示する「monitter」 No Name 特定ユーザ
ウノウラボ Unoh Labs: IEでlabelの子要素に画像を含める
yamaokaです。 HTMLのフォームでチェックボックスやラジオボタンを扱う場合、 対応したlabel要素を用意することが多いと思います。 <input type="checkbox" id="foo" name="foo"> <label for="foo"> キャプション </label> わざわざ小さなチェックボックスやラジオボタンを狙ってクリックする必要がなくなり、 labelタグで囲まれたキャプションの部分をクリックすればよいようになります。 しかし、次のような場合どうでしょう。 <input type="checkbox" id="foo" name="foo"> <label for="foo"> <img src="bar.gif"> キャプション </label> label要素の中にimg要素（画像）が含まれているような場合を考えてみます。 もっと具体的にいうと、ユー
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
Select Cuts Off Options In IE (Fix) | CSS-Tricks
I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There is no good pure-CSS solution for this that I can come up with or find. It has been tackled with JavaScript a number of ways. Yahoo! has a fix in their libraries. But I’m already using jQuery, didn’t want
Flash上にプルダウンメニューを重ねる: Good Sleep｜Webデザイナーの日々のスキマ
swf上にHTML要素をレイヤー表示する際の解決策 少し前に「JavaScriptでプルダウンメニュー（DropDownMenu.js）」という記事をこのブログで紹介してみたトコロ、結構なアクセスがあったので、気をよくしての第２弾です。 この前かかわった仕事で、JavaScriptのプルダウンメニューの下にFlashコンテンツを表示したいというページがあった。いろいろと試してみるとFirefoxなどでは、Flash上で画面が書き変わってしまうと、最上位面に表示されてしまい、その時にプルダウンメニューが表示されているとFlashの下に隠れてしまうコトが分かった。 何とかならないかと思っていたのだが、解決作が見つからず、そのページはFlashを使わない事にしてもらった。…しかし、開発の人間としては何か解決策がないだろうかと、その仕事が終わった後もいろいろ本を眺めていた。 するとやっぱりあるんで
30+ Tooltips Scripts With JavaScript, Ajax & CSS
Tooltips are the easiest and coolest way to show additional information or special reference, which is often shown with mouseover or click actions, Here We’ve Collected 30+ Tooltip Scripts vary from CSS,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs. ToolTip_MooTools. usies Gzip loader technique that will deliver CSS and Javascript
MJL ― MITSUE-LINKS JavaScript Library | 制作／開発 | ミツエーリンクス
概要 MJL (MITSUE-LINKS JavaScript Library)は、ミツエーリンクスで標準利用されるJavaScriptライブラリです。 MJLは弊社内における業務効率を改善するために、統一された設計思想、利便性の向上を念頭においた上で設計・開発されました。 MJLは他のJavaScriptライブラリ群とは異なる設計思想により、独特の特徴を持ちながらも他のライブラリと補完しあえるものを目指しました。 MJLはコピーレフトライセンスであるGNU GPLに基づく自由ソフトウェア（フリーソフトウェア）です。弊社は GNU GPLに則り、本ページにてMJLの全ソースコードを公開します。 ライセンス MJLはGNU GPL Version 3（参考邦訳）のもとに提供されます。 詳細はMJL本体ファイル内のライセンス告知をご覧ください。 ダウンロード MJL本体（圧縮版） mjl.js
[JS]設置も簡単、シンプルで軽量なフラッシュのMP3プレイヤー
NiftyPlayerは、MP3ファイルの再生やロードをスクリプトでコントロールできる、シンプルで軽量(4KB)なフラッシュのMP3プレイヤーです。 NiftyPlayer フラッシュのMP3プレイヤーのインターフェイスはシンプルで、再生（プレイとポーズ）と停止ボタンでMP3ファイルをコントロールします。 パネルには再生状況が分かるシークバーとボリュームコントローラーがあり、クリックやドラッグで操作できます。 インフォメーションには、時間とステータスが表示されます。 また、プレイヤーのコントロールはスクリプトでも制御が可能で、再生（プレイとポーズ）、停止、別ファイルの読み込み、読み込みと同時に再生、ステータスの取得などが行えます。
MenuMatic - greengecko design
MenuMatic 0.67 MenuMatic is a MooTools 1.2 class that takes a sematic ordered or unordered list of links and turns it into a dynamic drop down menu system. For users without javascript, it falls back on a CSS menu system based on Matthew Carroll's keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb. Syntax: html: <link rel="stylesheet" href="css/MenuMatic.css"
ねこすけLPO
ねこすけLPOは（株）ねこすけが公開するLPOツールです。 現在 無料ASP版、ねこすけCMS組み込み版、効果検証ツールnecotora(ねこトラ)組み込み版の３種類があり、このサイトでは無料ASP版を紹介しています。 なお、この無料ASP版はオープンソースとしてソースコードが公開されております。 無料ASPでは機能が足りない、自社向けにカスタマイズして運用したいという方はソースコードをダウンロードしてご利用ください。 LPOツールは検索エンジンなどのサイト外から最初にアクセスされるページ（これをランディングページといいます）のコンテンツをきっかけによって動的に変更するツールです。 JavaScriptによってコンテンツの一部を書き換え、「あなたの欲しい情報はここにあります」ということをアピールするツールです。 「LPOツールのイメージをつかみましょう」 をご覧頂くと具体的に機能
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
IE6でのページ表示をブロックする「IE 6 Blocker」:phpspot開発日誌
IE 6 Blocker Script - CSS-Tricks IE6でのページ表示をブロックする「IE 6 Blocker」。 IE6でアクセスすると次のようにグレー表示の上にダイアログが表示されるというもの。 IE6をサポートしていないサービスの場合、これを導入すれば簡単にブロックできますね。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.ie6blocker.js"></script> のように２行書くだけみたい。
リンクしたファイルに自動でファイルサイズを付ける「addSizes.js」:phpspot開発日誌
addSizes.js: Snazzy automatic link file-size generation | Natalie Downe リンクしたファイルに自動でファイルサイズを付ける方法があるみたいです JavaScriptライブラリの addSizes.js を使えばそれが可能です。 サーバに接続して、Content-Length ヘッダーを読んでいるみたい。 Content-Lengthを吐かないサーバだと使えない点に注意。 ファイルサイズを付けるのって面倒ですが、結構重要な情報だったりしますよね。 フリーソフトのダウンロードページなんかだと導入すれば、配布ファイルのサイズが変わってもそのまま使えるので、便利そうですね。
jParallax - webdev.stephband.info
All who wander are not lost! Why this site This site describes the travel experience of myself and my traveling companion and photographer... Paul (aka: my husband). We tend to avoid the snazzy places... like to stay closer to the people. If you like staying in the big American hotels to rub shoulders with other Americans, you won't like our style of travel. Most of our trips are planned via the
３６０度スクロールスクリプト
３６０度用スクロールJavaスクリプトの使い方 （ ３６０度の写真用です。３６０度未満の写真は１８０度スクロールの解説をご利用下さい ） このＪａｖａスクリプトはwindowsのＩＥ6, FireFox 2 ,Netscape7で動作確認しています。 ページ作成から順に解説してありますが、すでに作成済みページの写真をスクロールさせることも出来ます。 ※ スクリプトのご利用の際は、リンク集等に「瀬戸の夜景」へのリンク掲載お願いします。 （連絡していただく必要はありません） 普通に写真を表示した例 <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <IMG src="img.jpg"> </BODY> </HTML> これに３６０度スクロールのＪａｖａスクリプトを組み込みます 黄色文字部分を追加して下さい <HTML>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Ajax 実践サンプル集
ajaxzip3 - Google Code
