フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です。 バリデータやアップローダ、パスワードの安全性チェックなど、いろいろありますね。 jQuery “Highlight” Plugin フォーカスが当たっているフォームに背景画像を敷いて、ハイライトしてくれるプラグイン Autotab: jQuery Auto-Tabbing and Filtering 電話番号などのinputで、自動で次のinputにカーソルを移動してくれる jQuery NobleCount Twitterのような、あと何文字入力できる、を表示してくれる「jQuery NobleCount」 AJ

86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ

かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic Image Slider w/ CSS & jQuery CSSとjQueryで作られた、自動でスライドするギャラリー Animate Panning Slideshow with jQuery 大きい画像の一部がパンしながら移動するスライドショー SlideDeck jQuery plugin とてもかっこいいスライドショー。無料版と$99の有料版がある。Basecampのサイト等、実装例多数 jQuery Infinite Carousel スムーズな動きのカルーセル（イメージスライダー） Easy Slider

手動で切り替えられるフォトスライダーを作りたい。 そんなときにおすすめなのが、『How to Create a Simple iTunes-like Slider』。jQueryで作るiTunesライクなスライダーです。 右に表示される矢印アイコンをクリックすることで、サムネイルと写真が切り替わる動きになっています。なかなか気持ちのいい動きですね。 jquery.jsとmocha.jsというのを使っていて、ソースはとてもクリーンになっています。 デモは以下から。 Demo View It Online 一度見てみてください。 How to Create a Simple iTunes-like Slider tuts+ネットワークのサイトが、それぞれデザインリニューアルされていますね。細部の改善を図ったとのことですが、よりメリハリのある、すっきりとしたデザインになっていると思います。 さて

マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。

フォーム周りでjQueryを使いたい。 そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Creating a Slide-in jQuery Contact Form クリックするとスライドインして現れるコンタクトフォーム Build an Incredible Login Form with jQuery クリックすると、ぐいんと勢いよく現れるフォーム Using Form Labels as Text Field Values ラベルタグの内容をテキストフィールドの値にして透かしテキストにしたフォーム Create a Progress Bar with JavaScript フォームの進捗状況をプ

Firefoxをもっと使いこなしたい。 そんなときにおすすめなのが、『7 Ways To Become More Productive With Firefox Tabs』。Firefoxのタブで生産性を上げる方法です。 便利そうなのが揃っています。ざっとご紹介しますね。 タブのショートカット Ctrl + 1で一番左のタブを選択。Ctrl + 2-8で２番目から8番目をそれぞれ選択。これは知っていましたが、なんとCtrl + 9で一番最後のタブを選択。これがやりたかった！ App Tabs タブを縮小してfaviconだけの表示にしてくれるプラグイン Find In Tab CTRL+Fでの検索範囲を、開いているタブ全体にしてくれるプラグイン Next Tab 右クリックしたときにタブの開き方を拡張してくれるプラグイン Tab Preview タブにマウスオーバするとプレビュー表示 Ta

フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか？ cleanstickyfooter 今日もいい天気ですね〜。タス

Macで使える、便利でかっこいいアプリを探している。 そんなあなたにおすすめなのが、『20 Beautiful Mac Apps』。Macの美しいアプリケーションです。 いくつかご紹介しますね。 Daisy Disk ディスクの使用状況を可視化してくれるアプリ CleanMyMac 左のメニューがアクティブになったときにカラーになる美しいUI Fontcase フォントをグリッド上に並べて可視化してくれて、探しやすくするFontcase Flow UIの美しいFTPクライアント CSSEdit 透過パネルが美しいCSSEdit Mac使いの方は一度見てみてください。 20 Beautiful Mac Apps いろいろ充実してきたが時間がない。。がんばります。

かっこいいツールチップを実装したい。 そんなときにおすすめなのが、『TIp Tip』。クールで動きが気持ちいいjQueryのツールチッププラグインです。 「tip_bottom」「tip_right_top」のように表示位置を指定できるほか、実装方法も簡単そうですね。 ライセンスは、MIT and GPLとなっています。 ぜひ使ってみてはいかがでしょうか？ TipTip jQuery Plugin 昨日は吉祥寺をぶらぶらと。吉祥寺は楽しいですね〜。

Keynoteで使える素材を探している。 そんなときにおすすめなのが、『pictodeck』。Keynote用のベクターアイコンセットです。 Keynoteで使える、かっこいいベクターアイコンが700個以上ダウンロードできます。ワイヤーフレームの作成や、プレゼン資料の作成等に使えそうですね。 You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. とのことですが、ファイルの中のコピーライト表記はCreativeCommonsにな

Macでかっこいいアプリを使いたい。 そんなあなたにおすすめなのが、『50 Mac Apps With Well Designed & Sexy Interfaces』。デザインのいい、刺激的なインターフェースのMacアプリです。 フリーのものから有料のものまで、いろいろと揃っていますね。知らないのも結構ありましたよ。 Pixelmator GPUで動くデザインのかっこいい画像編集ソフト。今日現在でも$20のディスカウントがあるようです（参考：Pixelmator が半額になっとる | CREAMU） Tapedeck オーディオレコーダー。アナログのテープレコーダーライクなデザイン。$25 Delibar Mac用のDeliciousクライアント。ブックマークを検索したり管理できる。$18 Anxiety iCalやMailと同期できるToDo管理アプリ。シェアウェア Capo 曲をスロ

Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。 かなりかっこいいのが揃っていますよ。 A Beautiful Apple-style Slideshow Gallery With CSS & jQuery Appleの製品紹介で使われているような、スライドショー。jQueryで動作し、PHPやDBは必要ない Apple style Accordion Menu Appleのサイドバーで使われているような、アコーディオンメニュー How to: Recreate apple.com menubar Appleのグローバルメニューはデザインがよく、ソースも綺麗。

WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List 左にナビゲーションがあって自動で切り替わる Accessible News Slider ナビゲーションがわかりやすいニューススライダー。広げる、たたむ機能もあり Animated JavaScript Accordion V2 シンプルで使いやすいアコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider とてもクールなスライダー。左右にナビゲーションあり SlideItMoo 1.1 – improved image slider 左右のナビゲーションでスライドするタイプ M

speckyboyで、jQueryのイメージギャラリープラグインがたくさん紹介されています。 いくつかご紹介しますね。 ColorBox – Customizable Lightbox Plugin 画像だけでなく、スライドショー、HTML、Flashをlightboxエフェクトで表示するプラグイン。MITライセンス Full Screen Image Gallery Using jQuery and Flickr Flickrの画像をフルスクリーンのスライドショーで表示 jQuery slideViewerPro 1.0 ul liのリストをスライディングギャラリーにしてくれる。altをキャプションとして表示 piroBox v.1.2 白の角丸と黒の角丸、透過のシャドウが入った背景画像でlightbox風に拡大してくれる Pikachoose jQuery Image Gallery

Web Design Ledgerで、Ubuntu,Mac,Windows用のとてもかっこいい壁紙が紹介されています。 いくつかご紹介しますね。 ↑はApple-Wallpaper-White-120938898。 Ubuntu-Bokeh-105114091 26021726@N07/2500667772 Mac-Windows-105633002 Mac 31241682@N05/2929028660 Windows-7-style-124888564 かなりかっこいいものが揃っていますね。ぜひ一度見てみてください。 40 Stunning Ubuntu, Mac, and Windows Wallpapers 前から行きたかった手作り台湾肉包 鹿港で肉まんとあんまんを買って食べました。肉汁がたっぷりでおいしかったです。

Leah Culver’s Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。 ↑の画像を見てもらうとわかるんですが、 メールアドレス（ユーザー名）とパスワードは共通 「I have an account」にチェックを入れると「Log in」ボタンに切り替わり、パスワード忘れのリンクを表示 「I’m new!」にチェックを入れると「Sign up!」ボタンに切り替わり、利用規約へのリンクを表示 といった仕組みになっています。 ログインフォームとサインアップフォームを分けなくていいので、シンプルで使いやすそうですね。 参考に、HurlとAmazonの例が載っています。見てみると、確かにAmazonもこういうインターフェースになっていることに気づきますね。 フォーム作成の参考にしてみてはいかがでしょうか？ Log in or sign up? 昨日はま

VANDELAY DESIGNで、かっこいいデザインのナビゲーションメニューがたくさん紹介されています。 ざっといくつかご紹介。 ↑は、Utah Travel。 MailChimp Michael Dick Mission Community Church Southern Media サイト自体もかっこいいものが多いので、一度見てみてください。 40 Beautifully-Designed Navigation Menus 気づいたら遅くなってしまった。すんまへんm(_ _)m 今日もとても充実した一日でした。鍋でしゃぶしゃぶ食べたし満足だ。今日は早目に寝ようかな。

Validatious2.0という、リアルタイムにバリデートしてくれるクールなJavaScriptを見つけました。 emailを必須にしたい場合、以下のようにシンプルな書き方でバリデートすることができるようです。

css globeで、jQueryで作るランダム表示・ローテーションするコンテンツの作り方が紹介されています。 デモは以下から。 リロードごとにランダム表示 ランダムローテーション どちらもJavaScriptは短くてシンプルになっていますね。 一度見てみてください。 Simple Way to Random Display or Rotate Content Using JavaScript and CSS そろそろ雨が降るみたいですね。移動するぞ。