✚ もう一度探す jSearch API カテゴリ バージョン 検索する ✒ 絞り込み検索 マッチング ～を含む ～で始まる ～で終わる ～と一致する 検索結果に含める内容 追加されたバージョン 議論 詳細（短文） 詳細（全て） テキスト(例：add)をドラッグしてブックマークレットを使うとここに飛んできますjSearch Bookmarklet Tweet (C)Kachibito.net / Powered by Learning jQuery
jQuery API 検索ツール / jSearch
✚ もう一度探す jSearch API カテゴリ バージョン 検索する ✒ 絞り込み検索 マッチング ～を含む ～で始まる ～で終わる ～と一致する 検索結果に含める内容 追加されたバージョン 議論 詳細（短文） 詳細（全て） テキスト(例：add)をドラッグしてブックマークレットを使うとここに飛んできますjSearch Bookmarklet Tweet (C)Kachibito.net / Powered by Learning jQuery
Senchaを使用しているオープンソースのECサイト構築ソフトウェア・Axis Commerce - かちびと.net
ECのサイトを構築できるオープンソース のソフトウェアのご紹介。腐るほどあるん ですが、Axis Commerceは管理画面の インターフェースも見やすく、使いやすそう だったので、今後の普及とローカライズ、 発展を願って記事にします。 個人的にはCMSの選定に、管理画面は凄く大きなファクターなのでそのようなCMSが増えて欲しいと常に願っています。個人差はあるでしょうが、僕はAxis Commerceの管理画面のUIがとても気に入りました。 Axis Commerceは、PHP+MySQLで動作する、EC系サイト構築用のソフトウェアです。以前ご紹介したSencha（旧：ExtJs）やZend Frameworkを使用しているとのことです。 管理画面 メニューはプルダウン形式でわかりやすく、どこに何があるか探すことも無く到達できました。グラフはAJAXで動作するので軽快で気持ちがいいです。
jQueryUIを使ってマウスオーバー時に背景色をアニメーションさせながら変更出来ると今更知った - かちびと.net
備忘録。マウスオーバー時に背景の 色をアニメーションしながら変更する、 というのをクロスブラウザ対応で実装 したい。css3を使えば簡単な事ですが、 ご存知のようにIEは非対応。で、色々 探してみたんですが、jQueryUIを使う のが一番良さそうな感じでした。 普通にググったらJquery Color Pluginというプラグインがあったのですが、動作はするけどIEでエラーが出ます。リファレンスを見ても そもそも数値型の値をとらない属性（backgroundColorなど）には、animate関数は対応していません。 (jQuery日本語リファレンス) と書いてあるし、Jquery Color Pluginを直すのも面倒だし、どうしようかなと思ったんですが、jQueryUIを使えば凄く簡単なんですね・・・素人ですみません。 コード <script type="text/javascrip
リストにフィルタを掛けてソート出来る、わずか2KBの軽量jQueryプラグイン・MobilySelect - かちびと.net
以前にも同じようなものがありましたが、 こちらのほうが良かったのでメモ。リスト （デモでは画像を使っています）にフィルタ リングしてソート出来るjQueryプラグイン。 わずか2KBと軽量で、クロスブラウザ対応 です。便利そうなのでどこかで使いたい ですね。 以前ご紹介したFilter Image Viewも良かったのですが、IE6で表示が微妙でしたが、MobilySelectは問題なく、しかも軽量です。 機能はFilter Image Viewと同様で、ボタンを押すと、そのボタン以外のリストを非表示にする、というフィルタリング。 上記は「名刺」のみの表示にした状態。 完璧に同じ挙動、とは行きませんが、IE6でもちゃんとフィルタリングしてくれます。上記はIETesterでのキャプチャ。 マークアップ <div class="selecter selecter1"> <div class="
Webスクレイピングを可能にするPHPライブラリ・htmlSQL
htmlSQLはWebスクレイピング（部分的にHTML抽出）を可能にするPHPライブラリです。ソースが公開されていたのでご紹介します。 ※先日、お知らせさせて頂きましたように、この記事は僕が管理していた別のブログの過去記事を移行したもので正確性に欠ける可能性があります。何卒ご了承願います。 HTML内を部分的に取り出し、表示する事で、それを容易にするスクリプトがhtmlSQLというPHPライブラリです。DOM解析をSQL風に指示するらしい。 デモがありますのでご体感下さい。→htmlSQL – live example 以下のコードを使うようです。 <?php /* ** htmlSQL - Example 1 ** ** Shows a simple query */ include_once("../snoopy.class.php"); include_once("../htmlsq
WordPressにベーシックなプロジェクト管理システムを追加できるプラグイン・CollabPress - かちびと.net
なかなかの使い勝手で気に入ったので ご紹介。WordPressの管理画面内に、 ベーシックなプロジェクト管理システムを 追加するプラグイン・CollabPressです。 基本的に欲しい機能や使い勝手が凄く 平均的な感じで、結構おすすめです。 個人的に、こういうマネジメントシステムは高機能、高性能よりも使い勝手で選択するのですが、CollabPressは性能もなかなかで使い勝手も良いのでオススメしたいプロジェクト管理システムでした。 よく、こういったシステムは紹介されていますが、どうも使い勝手がいまいちです。CollabPressは最低限の機能なので使いやすさは個人的に好みでした。 以下にざっと機能、手順などをご紹介します。 管理画面全体 管理画面全体はこんな感じです。まず新しいプロジェクトを追加します。プロジェクト名と簡単な説明を加えてAddすればOK。また、アクティビティもここで確認でき
DB不要・PHPベースのjQueryで出来たショッピングカート・jCart - かちびと.net
データベースも不要、Ajaxのプラグイン, jQueryを使用したPHPベースの ショッピングカートシステム・jCartを ご紹介します。 「こんなカートシステムを待ってた！」 という方も多いのではないでしょうか。 多くのショッピングカートシステムの場合はDB使用した大掛かりなCMSか、 シェアウェアなどの有料であることが多いのですが、jCartはオープンソースの PHPファイル＋jQueryで動くため、 PHP５以上が動作すれば既存のサーバー環境にもすぐに導入できる 非常に小規模なカートに最適（コンテンツ１つからOK） jQueryを使用した軽快な動作 シンプルで初心者でも設置可能 ｃｓｓでデザインを簡単に変更可能 という特徴があります。また、ライセンスも最もゆるいMITライセンスです。 商品と数を決めてCheckoutをクリックすると 合計料金等を確認。変更も出来ます。 なにより自由度
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer - かちびと.net
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
リストに使えそうなフリーの小さいアイコンセットまとめ - かちびと.net
リストアイコンをよく探してるので 自分用にまとめ。小さいアイコン だけにしています。結構迷うんで すよね、リストアイコン。そのまま 使えそうなのとか参考になりそう なものとか色々です。 リストアイコンいろいろです。諸事情で時間がなかったのであまりライセンス見ていません。一応フリーみたいですが利用条件等はご自身で判断してください。 Free Website Bullet Icons 使いやすそうです。 Free Website Bullet Icons Liste de puces pour design de sites internet. シンプルでいいですね。 Liste de puces pour design de sites internet. 300imagesfrom1800sites 有名なやつです。 300imagesfrom1800sites Mini Icons 小さ
Twitter関連ツール・まとめ - かちびと.net
Twitter関連の便利なツールがかなり 紹介されて来ていて、そろそろ混乱 してきたのでまとめます。 リンク先は日本語で解説してくれて いる記事にしています。されていない ツールやサイトは載せていません。 今現在は165個のツールがありましたが、今後追加していく可能性もあります。 TwitterWikiに載ってるサービスは極力載せていないつもりですが、若干被ってるかも。 全てのサービスを試したわけではありません。ＭａｃとiPhoneは持って無いですし。。。 また、リンク先を日本の記事にしたのは、海外のサービスに直接貼っても 使い方が分からなければ意味が無いと思った為です。 なので、リンク先がかなり偏っていますが重ねてご了承下さい。 ※コメント頂いたので１５個追加して180個更に20個追加して200個に育った。 ※8月アップデート＞17個増えて217個 ※9月アップデート＞30個増えて247
JSによるコンテンツスライダーを使用しているサイトのサンプル集 - かちびと.net
個人的なまとめです。スライド で画像やコンテンツを実装して いるサイトのデザインサンプル です。jQuery等を使用している サイトに絞っています。 インスピレーション用のサンプル集です。サンプルを見ることで、使い勝手良し悪しの判断も出来るのではないかと思います。ブラウザはChromeのみでしか確認していません。 hm-andrei.ro デザイナーさんのポートフォリオ。手やフルーツは固定されています。いいアイデアですね。 hm-andrei.ro jguiss 画像は縦にスライドし、同時にテキストコンテンツが横スライドします。 jguiss Crush + Lovely コンテンツがダイナミックに縦スライドします。背景を変えるとなんか新鮮ですね。ロゴとサイドバーは固定。 Crush + Lovely Square Box Studio 縦スライドコンテンツですが、時間差にする事で視差が出
軽量で超シンプル、無料のマインドマップ作成Webツール・Thinkを試してみた - かちびと.net
動作がスムーズで気持ちいい マインドマップWebサービスの Thinkを試してみました。手軽 でシンプルなのでなかなかいい 感じです。日本語もOKですよ。 操作も直感のみで使えます。 ユーザー登録しないと保存は出来ませんがメールが不要、フリーのWebサービスなので気軽に使っています。マインドマップって何？という方はこちら。 Wikipedia-マインドマップ マインドマップ活用クラブ マインドマップの書き方（手描き） ITエンジニアのためのマインドマップ入門 KJ法と似たようなものですね。情報やすべき事などをまとめて整理する方法で、整理する事で無駄の無い行動に繋げる事が可能です。プレゼンにもよく用いられますね。何にでも応用が利くので行なう癖を付けておくと合理的に事を進められます。 マインドマップを気持ちいいくらいスムーズに作る事が可能です。大掛かりなマインドマップには不向きですが、ちょっと
ブラインド式に画像が切り替わるjQueryプラグイン・jQuery Blinds - かちびと.net
IE6,7でも動いてくれるので 実用性あるかなと思ってメモ。 ブラインド式に画像が切り 替わってくれるjQueryの プラグイン、jQuery Blinds。 なかなかスムーズな動きです。 IE6でも7でもスムーズに切り替わってくれますよ。いろいろ凄いプラグインありますけど結局使うのはブラウザに対応してるプラグインになりますよね。。 外に広がるようにスムーズに切り替わってくれます。なかなかよさ気。デモ作った。画像に他意は無いです。 マークアップも簡単。 <div class="slideshow"> <ul> <li><img src="1.jpg" alt="1" /></li> <li><img src="2.jpg" alt="2" /></li> <li><img src="3.jpg" alt="3" /></li> <li><img src="4.jpg" alt="4" />
cssの情報・まとめ - かちびと.net
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
かちびと.net
「Photoshopでこの人を正面に向かせてください。」と言ってしまう気持ちが分かるくらい凄い加工技術 - かちびと.net