jQueryを使った超クールなRSSティッカー『Technosophos RSS Widget』 – creamu
さて、ちょっといろいろ調べていて、RSSティッカーを実装しました！！ Evernoteで使われているティッカーですね。実装したくなり調べていたんですが、MITライセンスのJavascriptだということがわかり、使わせてもらいました。 RSSがふわっふわっとフェードイン・アウトしながらローテーションします。RSSティッカーの中でも最高にかっこいいのでは。 それでは実装方法をご紹介。 ■HTML <div id="ticker"><!–空のままにしておく。ここにRSSが書き出される。–></div> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="rsswidget.js"></script> <script type="text/javascript">
Box2DJS - Physics Engine for JavaScript
Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to use Download a zip file and extract it. Copy js/ and lib/ directories from the ext
13 Awesome Javascript Animated Flash Like Menus | DevSnippets
So why use flash for Web Menus when javascript has enough power to achieve similar effects. Every web designer tries to be creative when it comes to designing the main navigation of the website. Today we would like to present you 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs. Popular javascript libraries are used: jQuery, Scriptaculous and Mootools.
[JS]省スペースに豊富な情報を掲載できる高機能な3つのスクリプト
MopStudioから、パネルのスライダーやツールチップなど、省スペースに豊富な情報を掲載できる3つのスクリプトを紹介します。 MopStudio 紹介する３つのスクリプトはjQueryのプラグインのため、動作にはjquery.jsが必要です。 動作環境は、IE6, 7, Fx3, Op9, Safari3となっています。 各スクリプトのダウンロードや実装方法は、MopStudioの左下にあります。 パネルスライダー：MopSlider スクロールボックス：MopBox ツールチップ：MopTip パネルスライダー：MopSlider MopStudio デモは、ページ上部です。 横長のパネルを省スペースにスライダー付きで表示します。 右の回転矢印をクリックすると、表示方法を「マニュアル」と「オート」に変更できます。 スクロールボックス：MopBox
Learn How To Code by Envato Tuts+
Thousands of free tutorials and online courses to help you learn software development from mobile devices to web applications and everything in between. Join our community to improve your coding skills and workflow. What would you like to learn? Our extensive learning guides provide a deep dive into various types of software development. Improve your WordPress knowledge, learn Ruby or PHP, get sta
[JS]jQueryのプラグイン33+1選 -2008年6月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Accordion Demonstration
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse malesuada mi vel risus. Nulla ipsum risus, malesuada gravida, dapibus et, dapibus rhoncus, orci. Quisque suscipit. Praesent sed tellus facilisis lectus ultrices laoreet. Donec eu orci in metus egestas hendrerit. In hac habitasse platea dictumst. Integer blandit ultricies erat. Nunc viverra blandit velit. Maecenas tristique torto
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Flash Particle System
Drug And Alcohol Abuse Treatment Center For Teens in Flint, Michigan Back To School CookoutEvery year in September we have our Back To School Cookout for new and past residents along with the local community. Everyone is invited to experience the ultimate joy of hot dogs and burgers and any food in-between. Hiking TrailAll residents in our center who are willing and able to get to explore a local
モバイルキャリア判定用のPHPライブラリ「PEAR::Net_UserAgent_Mobile」最新版を入れよう:phpspot開発日誌
PEAR :: Package :: Net_UserAgent_Mobile モバイルキャリア判定用のPHPライブラリ「PEAR::Net_UserAgent_Mobile」が2/10にアップデートされました。 前回のリリースは、2007/2/20。1年ほど経っているわけなのですが、その間に携帯端末のユーザエージェントの状況なんかも変わりましたね。 新しく、モバイルかPCのどちらか、というのを判別するために、isMobile メソッドが追加されています。 (これまでは、isDocomo、isEZWebなど、具体的なキャリア名の指定が必要でした） より詳しい変更点はこちらを参照してください 携帯サイトをPHPで構築されている方は要チェックですね。 関連エントリ 携帯端末のUserAgentを扱うライブラリ:Net_UserAgent_Mobile
画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々:phpspot開発日誌
画像を同一Window内でスムーズにポップアップしてくれるJSライブラリ色々。 LightBox風ではなく、クリックした画像がそのままズームイン、されるライブラリを紹介。 FancyZoom 1.1 - 最近リリースされたFancyZoom。クリックでアニメーションしながら画像がズーム Highslide JS - 以前にも紹介した、Highslide JS。FancyZoomと動きはほぼ同じ。 Live Thumbnail Demo - 画像をその場でズイズイっとリサイズ (参照記事: サムネイルと元画像の見せ方) 今回新しく紹介する「FancyZoom」は、スクリプトを読み込んで、初期化するだけで、<a href="大きい画像"><img src="小さい画像(サムネイル)"></a> のマークアップにズーム機能が追加されるという点で実装はすごく容易でマークアップも綺麗にできます。
[JS]画像拡大スクリプト「FancyZoom」1.1にバージョンアップ | コリス
昨日、紹介したシンプルで快適に動作する画像拡大のスクリプト「FancyZoom」が、1.1にバージョンアップしました。 致命的なバグも含まれているので、1.0をご利用の方は1.1へのバージョンアップをお勧めします。 FancyZoom Updated FancyZoom 1.1 ダウンロード FancyZoom 1.1の主な変更点は、下記の通りです。 Operaへの互換性の改善。 無限ズームの修正。 [Alt]+クリック(Command+クリック)時に、ウインドウに遷移するように変更。 FancyZoom 1.0の紹介記事 シンプルで軽快に動作する画像拡大スクリプト -FancyZoom
[JS]シンプルで軽快に動作する画像拡大スクリプト -FancyZoom
FancyZoomは、jQueryやPrototypeなどのライブラリを必要とせず、シンプルで快適に動作する画像拡大のスクリプトです。 FancyZoom FancyZoomの設置は、外部スクリプトとして記述し、bodyに「onload="setupZoom()">」を記述します。 あとは、拡大したい画像に下記のように、アンカーを記述するだけです。 <textarea name="code" class="html" cols="60" rows="5"> <a href="image.jpg"><img src="image-thumbnail.jpg" /></a> </textarea>
MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介
Amazonの商品詳細ページなどで使われている、関連商品のスライダー。格好が良く、ついつい色々見てしまい、あげくに購入してしまった、なんて経験がある人もいるのではないだろうか。 通常、縦スクロールを使って動くのが当たり前のWebページにおいて、横の動きが与えるインパクトは大きい。そこで試してみたいライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはjCarousel、JavaScriptベースのスライダーライブラリだ。 jCarouselは画像を横に並べて左右のスライダで画像を切り替えることができる。まさにAmazonで提供されているあのスライダを実現できるライブラリだ。様々なオプションが存在し、自分の使い勝手に合わせた利用法ができる。 例えばサークルを選ぶと左右がつながってループする。戻るアクションの場合は、端までいきつくと逆の端まで一気に動く。他にも左右のスライダではなくペ
米Yahoo!、1行追加するだけで使えるMP3プレーヤー公開
米Yahoo!は1月8日、ブログなどのWebページに組み込むことでMP3ファイルの再生が可能になるJavaScriptベースのプレーヤー「Yahoo! Media Player」を公開した。Yahoo! Developer Network公式ブログが明らかにした。 同社は2007年11月30日に、FlashベースのMP3プレーヤー「Easylistener」を公開している。こちらはWebページ上でカスタマイズしたコードをコピーして自分のブログなどにペーストすると、そのWebページにリンクされているMP3ファイルすべてを再生できるようになるというもの。 今回公開されたプレーヤーは、JavaScriptベースの、よりコンパクトなもの。HTMLコードに1行追加するだけ。Windows、Mac、Linuxの主要ブラウザで利用できる。 指定されたJavaScriptコードをWebページに埋め込み、再
Web-Sites of the Month: December 2006
September 13, 2019 — Whether it’s you adding Webmentions, removing tracking scripts from a website, recycling plastic, picking up trash from the street to throw it into a bin, or cycling instead of driving to work for a week, we all can make things better for ourselves and the people around us. We just have to do it. For his monthly reading list, Anselm Hannemann summarized what has happened in th
PHPで作られた3キャリア対応絵文字変換ライブラリ「MobilePictogramConverter」:phpspot開発日誌
PHPで作られた3キャリア対応絵文字変換ライブラリ「MobilePictogramConverter」 2007年11月17日- 追記: MobilePictogramConverter は公開が停止されており、速度も低速なのでHTML_Emojiを使いましょう PHPで作られた3キャリア対応絵文字変換ライブラリ「MobilePictogramConverter」 今回は、「MobilePictogramConverter」という、PHPで作られた3キャリア対応の絵文字変換ライブラリをご紹介します。 PHPで作られた3キャリア対応絵文字変換ライブラリ「MobilePictogramConverter」 次のような特徴があるそうです。 DoCoMo, au, SoftBankの絵文字を相互変換可能 端末からサーバーへ送信された絵文字の変換が可能（掲示板など） SJIS/UTF-8に対応 PC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CASA Lib: An Open Source Code Library for ActionScript 2.0 & 3.0
Loading...
» 12 Javascript Image Galleries