ikebe1999のブックマーク / 2007年8月4日

ikebe1999 id:ikebe1999

2007年8月4日のブックマーク (7件)

入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ！」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ！」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ！」などと思うこともしばしば。というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内
ikebe1999 2007/08/04
JavaScript
リンク
複数サイトのSEO関連情報比較を行う無料サービス「アクセス比較.jp」
検索ボックスにキーワードを入力するだけで、複数サイトのアクセス指標とSEO関連情報を比較することが可能な無償検索サービスで、Alexaのグラフなどを使って視覚的にわかりやすく比較できます。使い方は簡単で、検索ボックスにキーワードを入力して１クリックするだけ。検索キーワードに関連した複数サイトのサイト概要、アクセス指標、SEO関連情報などを1画面に表示することができ、表示されたサイトを複数選択して、詳細比較が可能です。実際の使い方は以下の通り。アクセス比較.jp (β版) http://accesshikaku.jp/ 比較したい検索ワードを入力して「検索」をクリックするとこんな感じでずらずらと出てくるので「アクセス数グラフを見る」をクリックするとAlexaに飛んで、こんな感じで比較してくれますまた、検索結果表示画面から「ページ分析」をクリックするとページランク、メタ情報、メタ情
ikebe1999 2007/08/04
アフィリエイト
リンク
5000枚以上の全画像が無償で利用可能な「PUBLIC-DOMAIN-PHOTOS.com」
個人利用も商用利用も可能で、全部で5000枚以上の画像がパブリックドメインで用意されているというすばらしいサイトです。用意されているのは写真だけでなくクリップアートもあるので、いろいろな用途に使用可能。詳細は以下の通り。 Top Rated - Free Stock Photos http://public-domain-photos.com/ ※時々、転送量過多で一時的に見えなくなるようです。見えなくなっている場合はここからどんなサイトだったのか確認できます。写真は以下のジャンルがあります。 Animals Buildings City Drinks Flowers Food Insects Interiors Landscapes Miscellaneous Objects Ocean Panoramas People Plants Space Travel Vehicles なお
ikebe1999 2007/08/04
素材
リンク
ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。詳細は以下の通り。ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない
ikebe1999 2007/08/04
JavaScript
リンク
AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」
操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10％増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
ikebe1999 2007/08/04
Ajax
リンク
http://www2f.biglobe.ne.jp/~y_harada/pse-hp/
ikebe1999 2007/08/04
Elements1, Photoshop6の講座(pdf)

デザイン
リンク
Adobe Systems Incorporated
ikebe1999 2007/08/04
Photoshop Elements 3 使用方法に関する公式ヒント集

デザイン
リンク
- 2007年8月13日
- 2007年8月4日
- 2007年7月31日