MooTabsは、タブの切り替わる時のモーションが、気持ちよくストンッと動作するmootools.jsのプラグインです。 MooTabs 切り替えられるのは、通常のパネル状のものから、スクロールバーがついたパネルもストンッと切り替えることができます。 表示データは、AJAXで外部ファイルを読み込むことも可能です。 AJAX デモ スクロールバー付き デモ
MooTabsは、タブの切り替わる時のモーションが、気持ちよくストンッと動作するmootools.jsのプラグインです。 MooTabs 切り替えられるのは、通常のパネル状のものから、スクロールバーがついたパネルもストンッと切り替えることができます。 表示データは、AJAXで外部ファイルを読み込むことも可能です。 AJAX デモ スクロールバー付き デモ
Webサイトも作り込んでいく内にだんだんと機能が増えていく。そしてふと気付くと画面がごちゃごちゃしている、なんて事になりかねない。 すっきりさせるコツは、不要な時は見せない事だ。それを実現させるのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはAccordion、開いたり閉じたりするアクションを可能にするJavaScriptライブラリだ。 一度触れてみてもらえれば分かるが、各項目のヘッダ部分をクリックすると、そこが開いてコンテンツが表示されるようになっている。ただ単にぱっと開くのではなく、スムーズに動いていくのが良い。 更にアクションは一階層だけでなく、縦方向に複数階層に分けたり、横につける事もできる。時系列的に見せたい時等に横向きのアクションは有効かも知れない。 Accordionはオープンソースだが、寄付は常時募集している。そうしたソフトウェアは数多いが、寄付の理由にM
サイト上のサムネイル画像をクリックすると、画面遷移する事なくフローティングウィンドウを表示して、そこに拡大画像を表示するサイトが増えてきた。 あのインタフェースはクリックして画面が遷移しないので使い勝手が良い。そこで画像以外にも適用してみよう。 今回紹介するオープンソース・ソフトウェアはLightWindow、多彩なメディアに対応したスライド表示JavaScriptライブラリだ。 LightWindowでは各種画像、動画、音声、PDFそしてサイト表示にも対応している。リンクをクリックすると、画面上にウィンドウが表示され、そこにメディアが表示される。動作は軽快で使い勝手が良い。 実装する側はリンクタグに多少の情報を付与するだけで使える。Flash作品の表示やYoutube動画の表示、サイトの利用規約、メールフォーム等、様々な場面で利用できそうだ。 複数の画像は一つにまとめてギャラリー風に表示
AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるというわけ。特に1ページに大量かつ大容量の画像をばしばしページに貼り付けまくっている場合には効果が絶大です。 詳細や実際の効果を体感できるデモページは以下から。 以下がデモページ。スクロールダウンするまで画像は読み込まれません。ON/OFFも可能。 Lazy Load Enabled プラグインは以下のサイトからダウンロードできます。 Lazy Load Plugin for jQuery Safariではうまく動いてくれないようですが、それ以外のブラウザでは順調に動いてくれるようで
お金を稼ぎたい場合は、スマホアプリを利用したお金を稼ぐ方法がおすすめです。 おすすめの理由には手軽さをあげることができます。 外に働きに出る必要がなく、いつも使用しているスマートフォンやタブレットから稼げるので、誰でも簡単に行うことが可能です。 特別なスキルを要しないところもおすすめのポイントだと言えます。 多くの案件が誰にでもできる容易なものとなっており、特別な能力がない人でもできるものが多いです。 アンケートに答えるなどの簡単なものが多いため、未経験者でも不安なく始めることができます。 好きなときに稼げることも魅力です。 暇なときは集中して活動することができますし、忙しいときには作業をする必要がありません。 自分のライフスタイルに合わせて稼げるため、バイトのように面倒だけれど行かなければならないといった苦痛を覚えることがないです。 楽して稼ぎたい人や気楽にお金を稼ぎたい場合には、この方
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ
CSS Juice 16 Sortable Table Techniques Tabular data in table form is a regular technique on web sites and web applications for represent data and information. ソートが可能なテーブル実装ライブラリ色々。 JavaScriptとCSSを活用し、データのソートが可能な便利なウィジェットを実装できるライブラリが多数紹介されています。 Nofunc Table Organize TableKit Brixontech Table Sort Sortable Selectable Zebra Table Kryogenix Sortable Sorting HTML Tables with Javascript SortedTable by M
Ext JS Blog - Ext v1.1 Released The Ext team is proud to announce the immediate availability of Ext v1.1 for download. 超クールJavaScriptライブラリ「Ext v1.1」正式版リリース。 次の点が更新され、ますます強力さを増しているようです。 YUIやprototype.jsを必要とせず、スタンドアロンでExtが動作するようになった WYSIWYGなHTMLエディタ カレンダー Ext.Ajax というAJAXの機能を追加 特定のエレメントに対するイベントハンドラの付与を簡単にできる、Behaviors 関連エントリ JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」
グラフを作るニーズは多い。また、そのためのライブラリも多種多様に存在している。PHPやJavaなどのプログラム言語によるもの、JavaScriptで作るもの、Flashで作るものといった具合だ。 その中にあって、これの完成度は非常に高い。まさに圧倒されてしまう綺麗さだ。 今回紹介するオープンソース・ソフトウェアはTimeplot、AJAX+DHTMLで作られたグラフ作成ライブラリだ。 Timeplotは単純な二次元の折れ線グラフ用のライブラリで、非常に細かく描画が行われる。特にグラフの上をマウスでなぞった時に各数値が表示されるのが素晴らしい。 同じプロジェクトの年表を作り出すTimeline形式をサポートしている。場合によって使い分けたり、見せ方を変えたりと便利に使えそうだ。グラフに備考をつけることもでき、特定の場所をクリックすると説明文が表示される。 サンプルは数多く登録されているので、
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 2007年06月20日- Ext.Accordion Widget Example by Saki This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page. JavaScriptライブラリExtを使った伸縮する
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
FlashはHTMLやJava、PHPなどと同じWebの技術ではあるが、デザイン的な要素も入れられることもあって、プログラマの領域とはちょっと違う雰囲気を持っている。 これが使いこなせれば、今までにないサービスの提供も考えられる。この技術を使ってFlash操作を習得しよう。 今回紹介するオープンソース・ソフトウェアはAflax、JavaScriptでFlashを操作できるソフトウェアだ。 Flash8ではExternalInterfaceを利用してJavaScriptと連携できるが、これをさらに進めてAction Scriptをライブラリ化し、JavaScriptから操作できるようにしたのがAflaxだ。 ビジュアル的なグラフを描いたり、絵を動かしたりといった操作も簡単にできる。それらはFlashを意識する事無く、JavaScriptのコードによって生成される。 多数のサンプルが同梱されて
カラーピッカーを表示し、HTMLの色情報入力の際に便利に使えるJavaScriptウィジェットを紹介します。 > ライブラリを見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く