jQueryでcoolなexposeエフェクト

JavaScript タグ: , No Comments »

なにかしらのアテンションを操作性を崩さず与えたいという機会は多々あるかと思います。
jquery.exposeを使う事によりユーザーを直感的に導く事が出来ます。
jquery_expose1.png
デモではフォームにフォーカスすると下記図のようになります。
jquery_expose2.png
入力ミス等のエラーを出力する場合にも有効そうですね。
カスタマイズも容易で使い勝手が良いです。

site jquery.expose 1.0.1

Safariが落ちる→QuartzGLをONにしてないか?

Safari  No Comments »

Safariがほんとフリーズしまくり。一日4,5回は固まる。
落ちるタイミングはページを読み込んでいる最中。
あのレインボーカーソルがぐるんぐるん回っている。
Safariをリセットしてもなおらない。
片っ端からプラグインを消したがなおらない。
他に設定する事がなくなった為若干あきらめ気味ではあったのですが、QuartzGLをONにした事を思い出す。
いつもの事ですが、下記操作は自己責任で。

sudo defaults write /Library/Preferences/com.apple.windowserver QuartzGLEnabled -boolean NO

再起動後「QuartzGL」の項目が消えていれば完了です。
QuartzGL.png
今の所この設定後、一回も落ちておりません。本当にこれが原因かどうかは知りませんが。

追記
OSのバージョンは10.5.6です。

追記2
OSのバージョンを10.5.7にあげましたがQuartzGLを切ってからまだ落ちてません。

ものすごくクリエイティブな図解グラフ40

Design  1 Comment »

夏休みの宿題で市の農業について云々という表を作った事が。あれはひどかった。
こんな表を作る事が出来れば。。いや今でもポンチ絵(古くさい?)をまともにかけないのですが。
たんけんぼくのまちって昔NHKでやってたのですが、覚えてます?あんな絵を描きたかったのです。

1.Who’s Coming to America?

アメリカ移民の統計図ですね。
09-22_who_is_coming_to_america.jpg

2.Web Trend Map 4

有名ですね。世界中に影響を与えているtop50のwebサイトを東京metoroの路線図風にした図です。
09-02_web_trend.jpg

3.Who’s Buying That?

貿易収支の相関図です。
09-16_whosbuying.jpg

4.Making Sense of the Financial Mess: The Global Financial Crisis

アメリカの金融危機を説明した図ですかね。確かにグローバルはグローバルなのでしょうが。
09-40_global_financial.jpg

5.On Driving: Automobile History

車の歴史を図解したものです。
1955 James deanカルフォルニアで車事故。
09-12_autohistory.jpg

その他は以下の引用元からどうぞ

via 40 Useful and Creative Infographics

美しいアイコンデザインチュートリアル40選

Tutorial タグ: No Comments »

Web制作をしているとアイコンを作ってと言われる事が多々ありますが、そんなものは作れません。とは言えない時がたまにあるのでアイコン制作のチュートリアルをご紹介。

1.Create an Adobe Box Icon in Photoshop

2.jpg

2.Create a USB Speaker Icon in Photoshop

12.jpg

3.Create the iTunes Icon in Illustrator

15.jpg

4.How to Create a Vector Safari Compass in Illustrator

32.jpg

5.How to Create a Van Icon in Photoshop

28.jpg

その他は以下の引用元からどうぞ

via 40 Tutorials for Creating Highly Detailed Icon Designs

無料 ハイクオリティーフォント15選

Design タグ: No Comments »

今回は良質なフリーフォンとのご紹介。
アルファベットのみですが。日本語は文字数が多いですからね。

1.Nadia Serif


nadia.jpg

2.Nilland


nilland.png

3.HVD Comic Serif


comic.gif

4.Vegur


vegur.gif

5.Flaminia Type System


cap1.jpg

その他は以下の引用元からどうぞ

via 15 Fresh High-Quality Free Fonts

レイアウトのきれいなサイト30選

Draft  No Comments »

どれもお手本になるきれいなレイアウトです。

1.Portfolio project

07-01_porffolio_project.jpg

2.Panda Sofa

07-07_pandasofa.jpg

3.Eye For Art

07-05_eyeforart.jpg

4.iThink

07-14_ithink.jpg

5.Pastorant Restaurant

07-16_pastorant.jpg

その他は以下の引用元からどうぞ

via 30 Inspiring Web Design Layouts from deviantART

フリー背景ダウロードサイト PATTERN8

Template タグ: No Comments »

背景の連続パターンをdownloadできるサイトのご紹介。
奇麗な背景が90種類近くあります。こういう背景って色々使えますよね。
商用利用も可との事ですが、規約を再度ご確認ください。

pattern8.png

site PATTERN8

フルーツジュースパッケージ

Design  No Comments »

バナナジュース。素敵ですね。構造的には無理なんでしょうけど、バナナのヘタ?の部分から飲めれば個人的には神だったのですが笑。いやぁ日本の物作りは素晴らしい。

juicepackaging02.jpg

juicepackaging07.jpg

juicepackaging04.jpg

深澤直人さんの公式HP http://www.naotofukasawa.com/

via Fruit Juice Packaging by Naoto Fukasawa

jQuery フォーム拡張プラグイン15+

JavaScript タグ: No Comments »

1.QuickSelect

quickselect.png

2.SexyCombo

sexycombo.png

3.prettyCheckboxes

prettycheckboxes.png

4.jQuery Date Range Selector

daterangeselector.png

5.jQuery Date Picker

datepicker.png

その他は以下の引用元からどうぞ

via 15+ Excellent jQuery Plugins To Enhance HTML Forms

Apple製品のアイコン40+

Design タグ: No Comments »

1.iPod Icons Pack

apple_design_elements_12.jpg

2.The iMac

apple_design_elements_1.jpg

3.The Mini. Mac Mini

apple_design_elements_5.jpg

4.Apple mac mini icons

apple_design_elements_6.jpg

5.The Air. MacBook Air

apple_design_elements_4.jpg

その他は以下の引用元からどうぞ

via 40+ Big High Quality Apple Product Icons