スマートフォンサイト用に、フリック・スワイプ対応が簡単に出来るjQueryプラグインいろいろ | Web活メモ帳
最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks
有料だけど超クールな管理画面用テンプレートのまとめ「35 Premium Admin and CMS interface HTML templates」 | Web活メモ帳
クライアントへのCMS納品時に管理画面のデザイン費用は取れない場合や、 社内の人間しか使わないシステムの場合などなど、 できるだけ手軽に使いやすい画面を構築する際に使えそうです。 ほとんどのテンプレートでJavaScriptが利用されており、 リッチなインターフェイスになっているのが特徴です。 Adminica Professional Admin Template Terminator admin template with 13 different Admin Backend pages TurboAdmin Panel WeAdmin Admin Control Panel Reality Admin Template 有料とはいえ、ほとんどが1000円〜3000円程度のものでした。 デザインができない、時間を節約したいという方にもおすすめです。 リンク先にはわかりずらいですが、２ペ
スクロールするとエフェクトがかかったように見えるCSSのデモ5 | Web活メモ帳
これはすごい！JavaScriptを使用せずにCSSだけで作られたページなのですが、スクロールバーを動かす事でエフェクトがかかっているような効果が得られます。 Ajaxian » Román Cortés and Ajaxian make up with amazing CSS demosというエントリーにて。 使い道はパッと思いつかないのですが、面白かったのでざっとご紹介。 詳しくは以下 The Ajaxian Prism プリズムの境界が歪んで見えます。 Van Gogh’s Starry Night ゴッホの絵がゆらゆら。 Sliding and Slicing ２つの画面が入れ替わります。 サイトには他にもデモがありますので、興味のある方はぜひご覧になってみてください。
jQueryとCSSでユーザビリティーを向上させる15の方法 | Web活メモ帳
jQueyとCSSでユーザーのインターフェイスを改善し、より使いやすいWEBページを作ろうという15 Ways to Improve CSS Techniques Using jQueryというエントリーを見つけたのでご紹介。 フォームのデザイン変更や、ブロック要素の指定方法をjQueryで行う方法がまとめられていますので、いくつかご紹介。 詳しくは以下 ラジオボタンとチェックボックスのデザインを変更する ラジオボタンとチェックボックスのデザイン変更。cssや画像ファイルをいじればもっと自分好みに変更可能です。 divの高さを揃える 複数コンテンツをdivでくくって横一列に表示する場合に高さがバラバラだと下層のコンテンツの開始位置もバラバラになってしまいますが、それを修正するプラグインの紹介。 Select要素をカスタムする jQuery uiを使用してセレクトボックスをカスタイズする方法
オープンソースのcssフレームワーク「Markercss」 | Web活メモ帳
Markercssはレイアウトを定義する際に使用するCSSを予め定義しているCSSフレームワークになります。 コードに関しては必要なものだけを使用できるよう、複数ファイルに分割されています。ファイルは全部で８ファイルありそれぞれで以下の内容が定義されています。 レイアウト 境界線 バックグラウンド リンク フォーム フォント リスト テーブル サイトにはデモがあるため、実際の動作を確認する事ができます。 CSSでいつも同じコードを記述するのを防ぐため、フレームワークを使用する事を検討するのはいかがでしょうか。 ※ライセンスについては明記されていないため、利用には注意してください。 ■ 2010/01/26追記 ライセンスはMIT Licenseだそうです。
これはすごい！CSS FrameworkのRMSforms | Web活メモ帳
画像は公式サイトデモより 最近はフォームを作成する場合、テーブルを使用しないCSSオンリーで作成する事の方が多いのですが、 入力項目によっては横に２つ並べたりする場合（郵便番号、姓名など）テーブルの方が便利な場合があります。 しかしCakePHPなどを使用していると、どうしてもViewファイルがhtmlとphpコードが入り混じり 可視性が低くなってしまいます。 そこで、全部cssで制御できればViewファイルの整理がかなりできるのではないのでしょうか。 それを解決してくれるのがRMSformsです。 こんなCSSを待っていました。 詳しくは以下 バージョンが0.5で動作確認しました。 デモページを見るとHTML側はシンプルな記述で動作しています。 以下のブラウザで動作するようですので、開発者の方はぜひ観てみてください。 IE6 – 7, Firefox 3 & Google Chrome.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
