紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Ajaxify さまざまなAJAXコンテンツを実装。 Agile Carousel パネルをダイナミックにスライド。 Start/S
[JS]jQueryのプラグイン33+1選 -2009年1月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Ajaxify さまざまなAJAXコンテンツを実装。 Agile Carousel パネルをダイナミックにスライド。 Start/S
チェック必須！GUIインタフェースを作るようにWebインタフェースを作成できる·Sigma Visual Ajax GUI Builder MOONGIFT
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
コンテンツを滑らかにスライドさせるjQueryプラグイン:phpspot開発日誌
jQuery plugin - Easy Image or Content Slider | Css Globe This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin just because I was I afraid of it's complexity. コンテンツを滑らかにスライドさせるjQueryプラグイン。 各種デモが以下で閲覧できます。 Default non-styled image slider Non-styled vertical image slider Non-styled vertical content slider マークアップが次のようにシンプルに記述できる点も導入の敷居が低くていいかんじです。 <div id="slider
alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」:phpspot開発日誌
jQuery Alert Dialogs alert等のウィンドウ内ダイアログを実現するjQueryプラグイン「jQuery Alert Dialogs」。 次のようにシンプルで分かりやすいデザインのダイアログをJavaScriptで簡単に作れます。 同様のライブラリは色々と存在しますが、jQueryプラグインということで使いやすいかもしれませんね。 デザインもシンプルで嫌味のないデザインとなっています。 関連エントリ JSによるカスタムダイアログボックス作成ライブラリ 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
PHPのhtmlspecialcharsにはENT_QUOTESを付ける:phpspot開発日誌
htmlspecialchars ( ) でセキュリティ対策（ ENT_QUOTES もね！） PHPのhtmlspecialcharsにはENT_QUOTESを付ける。 htmlspecialchars でXSS対策をしていたと思ったら、デフォルトでは シングルクオートをエスケープしてくれない(マニュアル参照) htmlspecialchars($str, ENT_QUOTES); ENT_QUOTES を指定することで、シングルクオートも ' にエスケープ出来ます。 ZAPAブロ〜グのZAPAさんの指摘するh関数を定義してフレームワークなどに組み込んでおくのがスマートなのかもしれませんね→htmlspecialchars関数を簡単にする 意外に知られていないかもしれないので、念をのため紹介しておきます。(知っている人はごめんなさい) その危険な例をしめしてみます。 例えば、h
マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ:phpspot開発日誌
Style Your Image Links | Css Globe Mouse over behaviors have a certain significance when we're talking about usability. Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ マウスオーバーした時に次のように画像を重ねられるJSライブラリです。 JavaScriptのお陰で、画像部分のマークアップ自体は次のようにクリーン <p><a href="http://cssglobe.com"><img class=
技術系ブログの運営者にはよい収入源になるかもしれないドリコムジョブボード:phpspot開発日誌
ドリコムジョブボード 技術系ブログの運営者にはよい収入源になるかもしれないドリコムジョブボード。 今回の950px、3カラム化に伴い、このブログの右側、サイドバーにJobBoardというのをお試しで掲載してみました。 JobBoardでは、「ITエンジニア向けジョブボード」、「Ruby on Railsエンジニア向けのジョブボード」、「Macデベロッパー／デザイナー向けのジョブボード」など、IT・デジタル系にの転職／求人情報という、技術系ブログにとっては関連性の高い広告として表示させることが出来ます。 掲載価格は自分で設定可能(月額300円〜100万円)で、ブログパーツとしてブログに掲載することが可能です。 有名ブロガーの、GIGAZINEさん、ネタフルさん、Geekなページさん、デザインウォーカーさんのサイト等で既に導入されています。 当ブログのジョブボードでは、まだ広告出向数が少なく、
Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」:phpspot開発日誌
Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」 2008年01月29日- Shadowbox.initShadowbox.js Media Viewer Shadowbox is a cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript. Prototype.js、YUI等コアライブラリを選択できかつ、多機能LightBox「Shadowbox.js」。 YUI, Ext, Prototype.js, jQuery, Mootools, Dojo などをコアライブラリとして使用できます。 LightBox は prototype.js
ブラウザ上で簡単にホームページが作れる「Roxer」:phpspot開発日誌
Roxer - The easiest way to make a web page ブラウザ上で簡単にホームページが作れる「Roxer」。 ドラッグアンドドロップして要素を再配置したり、リアルタイムに編集したり色々と出来るようです。 ブラウザによってはエラーがでてうまく動作しなかったりするのですが、なかなか便利そうですね。 関連エントリ Ajaxを活用したブラウザ上でWYSIWYG編集できるCMS「Authenteo」 ブラウザ上で自由にデザインできるページ作成ツール『Noovo Communications』
JavaScript製のフォームバリデータライブラリいろいろ:phpspot開発日誌
CSSgallery.info Javascript form validators When we use forms, we need somehow to validate the data user input. JavaScript製のフォームバリデータライブラリがいろいろ紹介されています。 Realtime validation using Ajax ( フォームの入力値をリアルタイムにバリデーション「Realtime validation」 ) LiveValidation ( JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」 ) JSValidate ( prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 ) validator.js - Client-side form validatin
CSSでクールなINPUTフォームを作成するサンプル:phpspot開発日誌
woork: Liquid styled input element with CSS This tutorial explains how to implement a simple linquid styled input element using css. CSSでクールなINPUTフォームを作成するサンプル 次のような、CSSで角丸で、境界にシャドウがかかったクールなフォームのサンプルが公開。 IEでうまく動かないのが残念なところですが、なかなかカッコいいフォームとなっているようなので紹介。 ちょっと変えればIEでも動きそうなのでこういうデザインにしたい、という人は参考にするのもよいかも。 関連エントリ クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」 用途別に使えるフォームのテンプレート集「The Wufoo FORM Gallery」 CSSでク
PHP5からdel.icio.usのAPIに簡単アクセスできるラッパークラスライブラリ「PhpDelicious」:phpspot開発日誌
PHP5からdel.icio.usのAPIに簡単アクセスできるラッパークラスライブラリ「PhpDelicious」 2008年01月23日- PhpDelicious - a wrapper class for the del.icio.us API PhpDelicious is a PHP 5 library for accessing the del.icio.us API.PHP5からdel.icio.usのAPIに簡単アクセスできるラッパークラスライブラリ「PhpDelicious」。 AddPost, DeletePost などによってブックマークの投稿、削除が出来、GetPostsによって投稿を取得したり出来るようです。 若干ドキュメントが不備な状態ですが、Pearレスで簡単にdel.icio.us の APIを使う場合には便利かもしれませんね。
CSSでdigg風のナビゲーションを実装サンプル:phpspot開発日誌
woork: Digg-like navigation bar using CSS This tutorial explains how to design a digg-like navigation bar using a liquid design with rounded corners for links. CSSでdigg風のナビゲーションを実装サンプル 次のようなクールなdigg風のメニュー部分のサンプルをダウンロードできます。 同ブログの「woork: Simple CSS vertical menu Digg-like」では、次のようなコンボボックスのサンプルも公開されています。 （ＩＥではうまく動作しないみたい） シンプルですが考え込まれたクールなＵＩになってますね。 HTMLマークアップも綺麗に実装できてます。 関連エントリ 使えるCSSメニューいろいろ CSSでお店
PHP用、外部接続にcURLかfsockopenが選べるHTTPクラス:phpspot開発日誌
HTTP Class for PHP (supports both cURL and fsockopen) | Md Emran Hasan aka phpfour This is a wrapper HTTP class that uses either cURL or fsockopen to harvest resources from the web. PHP用、外部接続にcURLかfsockopenが選べるHTTPクラス。 次のようにPEARレスでシンプルに使えます。 <?php include_once('class.http.php'); $http = new Http(); $http->useCurl(false); $http->setMethod('POST'); $http->addParam('user_name', 'emran'); $http->addPa
超クールな複数アイテムの入力補完用JavaScriptライブラリ:phpspot開発日誌
Devthought - Guillermo Rauch’s Blog TextboxList meets Autocompletion In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion! 超クールな複数アイテムの入力補完用JavaScriptライブラリ。 テキストボックスにアイテムを入力すると、クールに補完候補が表示され、補完した後は、１つのアイテムとして、水色の枠で囲まれ、×ボタンで消すことも出来る模様。 デモはこちら アイテムを複数入力する必要のある、ソーシャルブックマークでのタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsmario.com.ar
IDEA * IDEA
mod_rewriteでの%2F問題:phpspot開発日誌
Prototype.js 1.6.0 用チートシート:phpspot開発日誌