フォーム ime-mode

フォームでフォーカスしたときに半角、全角が自動で切り替わるcss。

<input type="text" style="ime-mode: disabled;">
日本語変換(IME)の動作を、
auto(既定値:自動)、
active(フォーカス移動時にオン)、
inactive(フォーカス移動時にオフ)、
disabled(IME使用を禁止)のいずれかで指定

注意点:
メールアドレスの半角英数入力を半角英数に固定するdisabled(半角/全角キー無効)にしてしまうと、日本語変換に登録している場合もあるので半角英数を指定するinactive(半角/全角キー有効)を指定しておく事。

カテゴリー: WEB関連 | タグ: | コメントをどうぞ

Photoshopブラシで質感のあるWebサイトへ

Photoshopブラシで質感のあるWebサイトへ

著名なPhotoshop素材配布サイト「Brusheezy」から。「Fabric Texture Brushes」は、その名のとおり、布地をモチーフにした11種類のブラシをまとめたもので、Photoshop CS3に対応している。
BitBox」から、水彩画風のブラシ「Grungy Watercolor」を。力強いブラシが全部で10種類。それぞれ違う色で重ねていくだけでもちょっとしたイラストになりそうだ。
カテゴリー: WEB関連 | タグ: | コメントをどうぞ

Photoshopブラシでデザイン!Webサイトの背景を作ろう

Photoshopブラシでデザイン!Webサイトの背景を作ろう

1つ目に紹介するのは、「Brusheezy」という専門サイトで人気の高い「Sui Generis Brushes v.3」だ。特にグラデーションを組み合わせると非常に美しい背景画像が作れるブラシが全部で14種類、セットになっている。

カテゴリー: WEB関連 | タグ: | コメントをどうぞ

コレは便利!Photoshop グラーデーションライブラリ

Webデザインにすぐ使えるPhotoshopグラデ339選

↓詳細記事はこちら
Read more: http://ascii.jp/elem/000/000/177/177810/#ixzz1aNON3tHw

作者Navdeepさんのブログ「Deziner Folio」からファイルをダウンロード

Read more: http://ascii.jp/elem/000/000/177/177810/#ixzz1aNO32ioE

 

カテゴリー: WEB関連 | タグ: | コメントをどうぞ

メニューにマウスオーバーするとメイン画像が切り替わるナビゲーションjQueryプラグイン「ImageNavigation」

最近、iPhoneの影響で、バナーの切り替えが、脱Flash化の傾向にあり、

まさに、こんなスクリプトを探していました!すばらしいです。

 

以下、NET-KING さまサイトより引用

FLASHのナビゲーションでみる、メニューにマウスオーバーするとメイン画像が切り替わるやつ。探しても思ったようなものがなかったので、jQueryで作成してプラグイン化しました。

http://blog.net-king.com/2010/10/06/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AB%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E3%81%99%E3%82%8B%E3%81%A8%E3%83%A1%E3%82%A4%E3%83%B3%E7%94%BB%E5%83%8F%E3%81%8C%E5%88%87/

カテゴリー: WEB関連 | タグ: | コメントをどうぞ

hrefにjavascript:void(0) で画像を切り替えるとIE6でのバグ

hrefにjavascript:void(0) で画像を切り替えるとIE6で画像が表示されないバグあり。

javascript:void(0)の部分を ↓に変えるとOK。

onclick=”javascript関数();return false;”

参考にさせていただいたのは

http://blog.zuzara.com/2006/11/28/168/

http://memories.zal.jp/WP/20100910_1918.html

カテゴリー: WEB関連 | タグ: , | コメントをどうぞ

ファイル形式が不明のため開けません Illustrator ファイル

他社印刷会社のデザイナーさんからの入稿データで、
Illustrator ファイルが開けないことが、多々あります。
(たぶん、先方はMacで、バージョンは比較的古い)

「ファイル形式が不明のため開けません」 の対応策として、

Illustrator ファイルをテキストエディタで開いて、
ファイル情報を綺麗にしてあげると、Macからで化けたファイルでも
開くことが出来ます。

Illustrator ファイルをテキストエディタで開くなんて!!
とはじめは、半信半疑でしたが、無事解決しました。
が、荒業なので、自己責任で作業はどうぞ。

参考にさせていただいたサイトはこちらです。

カテゴリー: WEB関連 | タグ: | コメントをどうぞ

つぶやき成功か?

Twitter側設定が、Read-onlyになっていました。Read&Writeに変更

カテゴリー: WEB関連 | タグ: , , | コメントをどうぞ

“wordpress”Twitter連携用プラグイン「Tweetable」

無精者のため、wordpressとTwitterを連動させる、Teetableのプラグインを入れました。

全部英語のです、こちらのサイトが大変参考になりました。

カテゴリー: WEB関連 | タグ: , , | コメントをどうぞ

お引越し先のレンタルサーバ

GMOが運営している、最近できたNEWサーバー。

「ロケットサーバ」

50GBで マルチドメインOKで無制限で、

なんと今なら、一年間1,000円ポッキリキャンペーン中!

ドメインは以前からのバリュードメインから移管せず、
そのままDNS設定だけ変えました。

最近、DNS設定と遠ざかっていたら、
数十分で、DNSが反映されてびっくりして、
ジェネレーションギャップを感じたりしました。

カテゴリー: WEB関連 | タグ: , , | コメントをどうぞ