はじめに、この記事は役に立つリンク集ではないです。 ブログを初めて2年ちょっとが過ぎ、半年くらいやるやる言ってやらなかったexValidationもようやく公開できたのもあって、自分の中で一段落したので、今まで公開したプラグインの振り返り等も兼ねて書きました。 そもそもは誰かの役に立てばいいなと思って始めたブログなので（ほとんど役に立たないものだと思いますけど）もしかするともしかしてどこかで誰かの役に立てるものもあるかもしれません。 ところで最初のプラグインを公開したときは、（JavaScript的な意味で）それはもう何も知りませんでした。そんな感じで今でも恥ずかしいコードなんですけど、最初の頃はもっと恥ずかしいコードなんですね。だから見ないで… いままで公開したjQueryぷるぎんたち プルダウンで日付を入力(選択)するイライラを解消するDateSupport.js サンプル この頃は些

jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジンを使ってるので、ほぼ同じです。ちなみにすごい長いです。。 ルールを割り当てる際のclass名がhogeからchkhogeに代わりました。アップデートして使う場合は注意してください。 サンプル1: エラーを右上に表示 サンプル2: エラーを下に表示 トピックス ダウンロード 使い方 1. JSファイルを読み込む 2. 基本バリデーションルール 3. select, checkbox、radio、複数項目の場合 4

この記事はYuji UEDA (yujiyuji) on Twitter様からの寄稿です。 yujiです。 TripItは、海外旅行の予定をiPhoneに登録しておけるツールです。 これまで、きっと皆さんは、海外旅行の飛行機を予約したり、海外のホテル予約サイトでホテルを予約したりした後に、来たメールをプリントアウトして、旅行に持って行っていたのではないでしょうか。 またホテルの地図などを探して予めプリントアウトして持っていたのではないでしょうか。 TripItをパソコンでアカウント登録したあとに、ホテル予約サイトから来たメールや航空会社からの確認メールをplans@tripit.comに、転送するだけで、メールの文章を解析して（ただし英文のみ）、自動で日時などのスケジュールや住所や航空会社の便名や座席まで読み取って登録しておいてくれます。 また、iPhoneアプリを立ち上げれば、上記の登録

こんにちは、KiDDです。 日本各地の美人時計が登場していますが、中国版美人時計も登場しました。その名も中国の美人時計。まんまだコレ！！ 内容は本家と同じく1分ごとに美女が切り替わる美女スライドショーとなっています。 ただし中国の美人時計は横画面表示で、なおかつiPod内の曲をBGMとして流すことができます。 表紙です。2008年に撮られたんですかね？ 背景が中国語。当たり前ですが中国ですねー。 画像はメニューから保存、もしくはEメールへの送信やTwitterへつぶやくことができます。 スライドショー中に曲を流すこともできます。 Vocaloidでいっぱいだけど気にしないで！！ ここからは中国美人画像を垂れ流しです。説明とかいらない！ ちょ、ちょっと中国に行ってくる！！

デジタルハリウッド専任講師の栗谷幸助です。今回は「Web業界の雇用形態と平均収入」について紹介していきたいと思います。 Web業界の雇用形態 Webクリエイターを目指している皆さんは、「Webクリエイターのお仕事＝Web制作会社」というように、進むべき道はひとつだと思っている方が意外に多いようですが、Web業界も15年の時を経て一般化し、今では企業内にWeb専門の部署が置かれることも珍しくない時代となりました。 活躍出来る場としては、「ポータルサイト・Webサービス系の会社」や、「Web制作・広告代理店系の会社」、「企業内のWeb専門の部署」などを挙げることが出来るかと思います。前回のコラムではWeb業界の職種についてお話をしましたが、それぞれの特色に合わせて、求められる人も変わってきます。 ポータルサイト・Webサービス系の会社は「サイト運営・管理・更新」といった業務が中心となりますので

Dynamic Dummy Image Generator - DummyImage.com サイトのモック等に使えるダミーのイメージを簡単に作れる「Dynamic Dummy Image Generator」。 サイト上でパラメータを指定するだけでダミーの画像が一瞬で作れます。 以下が生成される画像。 色やサイズ、テキストも自由に指定可能です。 ウェブ上で指定しなくてもURLを組み立てるだけで生成可能 http://dummyimage.com/600x400/c0c0c0/f00&text=phpspot+dummy これは便利かも。

培ってきた紙の知識を活かして、紙のインテリアや文房具等、みなさまの生活にアクセントをくわえるデザインを提案していきます。

Creating a Web Poll with PHP | Nettuts いい感じなUIのPHPの投票プログラムのダウンロード＆チュートリアル 次のような角丸UIが印象的な投票プログラムがダウンロードでき、チュートリアルも参考にできます。 MySQLベースのPHPプログラムになっているようです。 関連エントリ その場で投票して結果をアニメーション表示できる投票スクリプト jQueryとPHPでダイナミックな投票スクリプトを作成 jQueryのAjax機能を使った投票システムのサンプルプログラム reddit風のGoodかBadの投票機能実装サンプル

人気があるウェブデザインのスタイルは良い悪いに関わらず、効果的に機能し人々を魅了する何かをもっています。 それぞれの主な特徴とそれがなぜ機能するのか、8つのウェブデザインのスタイルについて紹介します。 A Detailed Look into Popular Styles in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 1. Illustrations 2. Printed Paper 3. Realism 4. Imageless & Typography-Focused 5. Minimalism 6. Vintage Look 7. Large Images & Photo Backgrounds 8. Rich & Sleek User Interfaces おわりに はじめに さまざまなデザイナーがいるように、敬意をはらう多くのウェ

フォームのラベルと入力欄を縦一列に配置すると、横一行に比べてユーザーがより速く書きこめる三つのポイントを紹介します。 Why Users Fill Out Forms Faster With Top Aligned Labels 下記は各ポイントを意訳したものです。 visual fixation visual direction vertical space まとめ visual fixation 「visual fixation」は一点（面）をみつめる固視のことで、上記の五つ入力項目があるフォームでは、横一行：10箇所、縦一列：5箇所になります。 縦一列は一つの入力項目に対して、半分の固視ですみます。 visual direction 「visual direction」は視方向です。横一行は水平・垂直方向の二つを必要とし、縦一列は水平方向の一つのみです。 vertical space

画像をはじめさまざまなHTML要素をスライド表示させるカルーセルのスクリプトを紹介します。 下記のデモでは、Example One（表示数4、移動数2、手動操作）、Example Two（表示数3、移動数1、自動操作）となっています。

submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像：協力（@sparrowSeven） この現象はデスクトップ用のブラウザ（Safari, Firefox）では起きませんでした。また、iPhoneのシミュレーター（iBBDemo2）でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。

マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか

AW Conqueror Carved Four フォントは「Solutions - Typefaces」からダウンロードできます。 Conqueror ※要メールアドレス フォントの利用は個人でも商用でも無料とのことです、詳しくはライセンス（PDFファイル）を参照ください。

2010年8月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 escargot / snail (cc)OliBac / OlivierWebデザイナーがプログラマーの手を借りずにカタログサイトが作れる時代が来た。不動産サイトや求人情報といった詳細検索を必要とするカタログサイトは需要は多いのだけど、CMSを利用しても検索システムは別途にPHP等で実装する必要があり、制作費用がボトルネックになっていました。 ところがうれしいことに、今年に入りMovable Type 5.0用のプラグインである3名の著名プラグイン作者により、異なる3本の詳細検索システムが公開され、プログラム言語を理解しないWebデザイナーがプログラマーの手を借りずにカタログサイトが作れるようになったので

ウェブアナリスト 宏美のブログ。WebAnalyticsの3Cデータと関連情報を提供。一つはcompetitor、市場マクロデータや競合データ。一つはcompany、自社のアクセス解析データ。最後はcustomer、ユーザー行動データ。数値の一人歩きをさせたくないので、詳しくは原典と各調査方法を確認のこと。 2010/8のシード・プランニングの2010-2011年版 スマートフォン／iPad（タブレット）の市場展望から。 http://www.seedplanning.co.jp/report/02120.html ・スマートフォンは2009年度240万台から2010年度440万台、2015年度2,200万台へと販売台数増加が予想。 ・2009年度はiPhoneが170万台で国内市場シェア71％。 ・日本国内市場ではスマートフォン／iPad（タブレット型）が、2009年度末の376万台（契

はじめに Google chromeのエクステンションのページを巡回していたら、絶賛されているエクステンションがありましたので本日紹介致します。 この拡張は今現在Google chromeで見ているページをエクステンションボタンをクリックするとiPhoneやiPadそしてiPod Touchにリンクが送信され、iPhoneですぐにページを見る事ができます。 Chrome to IPhone リンクをiPhone、iPad,そしてiPod Touchに送る事ができる。 複数のPCで利用可能（Chromeインストールされたもの） 複数のiOSデバイスで利用可能 YouTubeリンクは直接YouTubeアプリが起動 Google Mapリンクは直接Google Mapアプリが起動 使い方 Chrome to iPhoneをインストール。 上記の画面が出てきます。（クリックで拡大） iPh

こんにちは、KiDDです。 知っていても知らなくてもどうでもいい雑学、あなたは好きですか？そんな雑学が大好き、という人にこの「つい他人に自慢したくなる 無敵の雑学」はオススメです。 無敵かどうかはわかりませんが、ここに載っている雑学を覚えればいつでもどこでもウンチクを語ることができるようになりますよ。 操作説明。 本文のコピーや、「これは使える！」というネタのための付箋もあります。 付箋作ると時間が入ります。 これだけだとわかりにくいこともあるので、使いどころをタイトルにするといいかもしれませんね。 付箋を貼るとページの右上の付箋マークが表示されます。 また、一度読んだ雑学も一覧の横に既読マークが表示されます。 そんなわけでお役立ち雑学のご紹介！ パソコンで「々」ってどうやって出すの！？ ボクはいつも「久々」って打ってから「久」を消してました。 文字が読みにくいと思ったらオプションから変更

以前、『プロの画力向上法まとめwiki』という素晴らしいwikiがありました。 今は消えてしまい内容を見ることは出来ませんが、管理人がメモをとっていたので紹介します。 あきまん方法論：量　長期戦 出自：東京デザイナー学院中退　→　アニメーター　→　株式会社カプコン入社　→　イラストレーター どうすれば絵が上手くなりますか？ 本心にうまくなりたかったら 楽しくなる環境をつくろう 褒めてくれる人を作ろう 好きな絵を描こう 心のライバルを作ろう そんでもって いつも何かかいてよう ぐるぐる渦巻くでも可 、 絵は長期戦 超超距離マラソン ある区間 凄いスピードで走っても それでうまくなったりすることはない 一生走るつもりで 小さな楽しいことをみつけて やり続けようぜ 絵がうまくなるのは実に簡単ですよ 毎日たくさん描くと 間違いなくうまくなるよ 絵がうまくなりたいのになれない人は 間違いなく 絵を描

GAバガス あわせ さとうきびの搾りかすから作られたバガスパルプ配合の「GAバガス」を貼りあわせた厚物ファインペーパーです。