ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い＆便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
JavaScriptとCSSを使ったクールなメッセージBOX:phpspot開発日誌
Crossfade DIV Demo For a long time, people looking to introduce animations to their website needed to resort to a third-party plugin such as Flash or Java applets to get the job done. JavaScriptとCSSを使ったクールなメッセージBOXのデモ。 ライブラリはscriptaculousを使用。 スクリプト自体は非常にシンプルで、単純にsetIntervalでタイマーをまわしてscriptaculousのEffect.fade / Effect.appear で各DIVを切り替えているだけのようです。 デモサイト上のソースをみれば、プログラミングの知識がない方でも実装できそうです。 WEBデザイン時のちょ
Bernie's Better Animation Class
UPDATE! Development progress for Animator.js: 14-Nov-2006: Removed the dependency on prototype.js 16-Nov-2006: Added more transitions - check out the new bouncy and elastic transitions 9-Dec-2006: Allow people to specify CSS class names in CSSStyleSubject. 18 March 2007: improvements to AnimatorChain: seekTo() method (thanks Tim Stone) and resetOnPlay option (thanks Kaspar Fischer); 19 March 2007:
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
glayer.js - グレーアウト表示ライブラリ
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray＋layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt
Photoshop Tutorials and Flash Tutorials
Kickstart your Journey as A Designer Get started with free tutorials, tips, and resources on web design, development, and 2D and 3D graphics. Throw your design skills into overdrive Tap into the best tutorials, guides, and fundamental content you need to be an outstanding designer. All easily accessible. Throw Your Design Skills into Overdrive Tap into the best tutorials, guides, and fundamental c
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』:phpspot開発日誌
CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』 2006年10月01日- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSとJavaScriptでブロック要素の角を自在に操るライブラリ『Transcorners』。 mootoolsをフレームワークとして使用しています。 次のように、左下の大きな角丸や、右上の一部切り取ったような角も簡単に実現できます。 大きな角丸を作るには、radiusというプロパティを大きく指定することで実現できます。 この
Lightbox JS
Overview Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. Note: An new version of this script is available: Lightbox JS v2.0 Example To make sense of it all, check out these examples. Click on a thumbnail or text link below: Benefits Places images above your current page, not within. This frees you fr
Gmailを便利にするGreasemonkeyスクリプトいろいろ
Update on 1/23/2006: The label colors script exposed a XSS vulnerability. It has now been updated to remove this hole - all users are encouraged to install the latest version of the script. After many delays, I've finally gotten around to updating my Greasemonkey scripts so that they run under Firefox 1.5 and Greasemonkey 0.6.4. In fact, these scripts will most likely not work in older versions, a
Greasemonkey 用スクリプト
Greasemonkey は、WEBサイトの閲覧時に特定の JavaScript を自動的に実行するようにしてくれる Firefox 用の拡張です。 これを使うと、例えば全ての target=_blank を無効にしたり、2chの ime.nu リンクを無効にしたり、スクリプトを用意しさえすれば、どんな事でも可能になります。 既存のスクリプトに関しては、Firefox まとめサイト内のページ が詳しいです。 というわけで、私が作ったもの。 特に注意書きがない限りは、全てのスクリプトは BSD ライセンス です。 AccessCountBar (2006-12-27更新) ウェブブラウジングの履歴みたいなものを視覚的に表示する。 livedoorClipRelated (2006-10-03更新) livedoor clip にクリップ追加時にそのサイトの注目のクリップも一緒に表示する。 H
Google x はてブ（Greasemonkey版）
ごむが作ったこれにフォントいじりを加えてはてブstyleにしたもの。Web版と同じだけど、遙かに高速です。 http://yagi.xrea.jp/2005/12/gb.user.js 関連 全てのサイトをはてブ化する はてブentryページから特定ユーザのコメントを消す 使ってもらうための敷居は高いかなぁ。全く難しくはないけど、IEしか使ってない人ならFirefox・Greasemonkey・このスクリプトと３つもインストールしなきゃいけない。見合うだけの便利さは得られるけど。 ryokoさん経由でこちらより。 UKSipなんか近いイメージでしょうか。あるいはHandSKKか。 ハードキーが5x6個あると、アルファベット26字+Shift+Space+Enter+BSが収まってしまうので、いっそQWERTYを搭載したくなる気もします。海外ならtreoとか、試作ながらこんなのまであるんです
最速インターフェース研究会 :: del.icio.usにはてなブックマーク件数をくっつけるGreasemonkeyスクリプト
はてなブックマークの件数をまとめて取得するAPIができた、ということで http://d.hatena.ne.jp/naoya/20051212/1134375086 Bloglinesにはてなブックマーク件数をくっつけるGreasemonkeyスクリプトの http://d.hatena.ne.jp/m4i/20051213/1134425307 改造して作ってみました。 http://la.ma.la/misc/userjs/dxh.user.js Firefox1.5とGreasemonkey0.6.4で動作確認してます。E4Xを使っているので1.0系では動きません。 変更点はXPathをちょっといじったぐらいです。かなり簡単に作れます。 なんかループが多かったのでレスポンスを連想配列に入れるようにしました。 後、これ系の作る時にはXPath検索バーが便利です。 http://tok
UchのX40記: [JavaScript]YouTubeにダウンロードリンクを貼る拡張
こんな感じにすればそれなりにYoutube側の変更に強いと思います (ご自由にどうぞ) // ==UserScript== // @name YouTube Downloader Ver 1.? // @namespace http://uch-x40.seesaa.net/ // @author Yu Tsuda // @include http://www.youtube.com/watch* // @include http://youtube.com/watch* // @description Add Download Link for YouTube Videos (flv file). // ==/UserScript== (function (){ // Get Video ID var mp = document.getElementById("movie_player"
![UchのX40記: [JavaScript]YouTubeにダウンロードリンクを貼る拡張](https://cdn-ak-scissors.b.st-hatena.com/image/square/01bd6c2a91f0b93acaa6ce77fdc6ce525f568c9b/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png){kind=logo}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)) DEVLISTING
scriptvote - vote for your favourite php script
http://w1.nirai.ne.jp/m-mata/diary/jssort20040409.html
はてなブックマーク&delicious関係のスクリプトいろいろ：UserJS Mania
stylish del.icio.us - SWiK
Userscripts.org: Power-ups for your browser