クリエイターに役立つTIPS/リファレンス検索

[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please!

最終更新日 2014-4-12 18:21

ジェネレータ系   吹き出し系   入力補助   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
画像を使用せずに、吹き出しにアローをつけるスタイルシートを簡単に作成できるオンラインツールを紹介します。

リンク切れ報告   |  

[CSS]シンプルなHTMLで角丸のタブをより美しく実装するチュートリアル

最終更新日 2014-4-12 18:25

タブ   メニュー   角丸   入力補助   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
画像を使用せずに、リスト要素で実装したシンプルなHTMLで角丸のタブをより美しく実装するチュートリアルを紹介します。

リンク切れ報告   |  

【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法

最終更新日 2014-4-12 18:12

jQuery系   IE対策系   入力補助   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
ようやく長くにわたり苦しめられてきたIE6から解放されることになりますが、でも実はIE7、8、9もIE6ほどではないまでもバグや独自解釈が多かったりします。 そんな時にはCSSハック等の手法やjava_scriptを利用してIEだけ特別な処理やスタイルを適用したりします。 ということで今回かなり今更感はありますが、自分用の備忘録も兼ねてIE6〜10のバージョン別CSSハックと条件付きコメント分岐、jQueryによるIEバージョン判別の3つの方法についてまとめてみました。

リンク切れ報告   |  

サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう

最終更新日 2014-4-10 20:17

レスポンシブデザイン系   Dreamweaver   Adobe CS関連   知っておくと便利な小技   入力補助   レスポンシブ   レイアウト系   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
バージョン5以降より、HTML5、CSS3、スマートフォンをはじめとする最近のサイト制作に必要な新しいスキルの支援機能に力を入れているDreamweaver。最新のDreamweaver CS6では、デバイスやブラウザウィンドウの横幅に応じてレイアウトが変更されるレスポンシブWebデザインを実現する「可変グリッドレイアウト」機能が目玉です。本稿では「可変グリッドレイアウト」「CSSトランジション」など、Dreamweaver CS6の新機能を使うワークフローを、サンプルを作成しながら紹介していきます。

リンク切れ報告   |  

下記の情報はnccのクローラーが 2014-4-13 21:43に保存したキャッシュです。
最新版でない場合があるため、情報は 最新のページ を参照してください。

スマートフォンにも使える、クリックで開くアコーディオンメニューjQuery

jQuery系   java_script関連   アコーディオン   アクション系   入力補助   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
スマートフォン等、限られたスペースで複数のコンテンツを設置できるアコーディオンメニュー。
シンプルなコードで動作しますので、実装してみてはいかがでしょうか。

リンク切れ報告   |  

下記の情報はnccのクローラーが 2014-5-6 13:23に保存したキャッシュです。
最新版でない場合があるため、情報は 最新のページ を参照してください。

チェックするとメニューが現れるインターフェースを実現する『Sliding Checkbox Actions Menu with jQuery』

CSS・HTML・ java_script/jQuery関連のリファレンス   フォーム系   チェックボックス・ラジオボタン系   入力補助   jQuery系   java_script関連

説明
iPhoneのGmailのように、チェックボックスをチェックするとメニューが現れるインターフェースを作るためのチュートリアルですよ。

リンク切れ報告   |  

下記の情報はnccのクローラーが 2014-5-1 19:22に保存したキャッシュです。
最新版でない場合があるため、情報は 最新のページ を参照してください。

テキストエリアを入力内容に応じて自動でリサイズするjQueryプラグイン「autoResize」

java_script関連   jQuery系   入力補助   フォーム系   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
フォームに設置するテキストエリアはある程度大きくしておきたいところですが、スペースをとるのは避けたい。
そんなあなたに朗報です。 jQueryプラグインのautoResizeで入力内容に応じてリサイズ可能になります。

リンク切れ報告   |  

下記の情報はnccのクローラーが 2014-5-1 19:19に保存したキャッシュです。
最新版でない場合があるため、情報は 最新のページ を参照してください。

パスワード入力の最後の1文字を見せてユーザビリティ向上を「iPhone-like password fields using jQuery」

java_script関連   jQuery系   入力補助   フォーム系   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
inputのtypeをpasswordにすると入力内容すべてが●にされてしまうため、誤入力の可能性があります。 そこで、iPhone-like password fields using jQueryのように最後の1文字を見せるだけでもユーザビリティを向上させることができるのではないでしょうか。

リンク切れ報告   |  

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい

最終更新日 2014-4-10 20:59

java_script関連   jQuery系   入力補助   マルチセレクトボックス   リンク集・まとめ系   セレクトボックス   チェックボックス・ラジオボタン系   フォーム系   CSS・HTML・ java_script/jQuery関連のリファレンス

説明
お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。
このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。
フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。
今回は、フォームのデザインや使い勝手を強化してくれるjQueryのプラグインをいろいろとまとめてみました。

リンク切れ報告   |  

下記の情報はnccのクローラーが 2014-5-1 19:28に保存したキャッシュです。
最新版でない場合があるため、情報は 最新のページ を参照してください。

フォームを鮮やかに彩るjava_script「NiceForms」

CSS・HTML・ java_script/jQuery関連のリファレンス   フォーム系   チェックボックス・ラジオボタン系   セレクトボックス   入力補助   jQuery系   java_script関連

説明
お問合せフォームなどのデザインはシンプルになりがちです。 しかし双方向性が重要視されていることから、フォームなどもデザインを考える必要があります。 NiceFormsはフォームを簡単に彩ることができます。

リンク切れ報告   |