GitHub - ququplay/jquery-mobile-flat-ui-theme: jQuery Mobile Flat UI ThemeYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
25 CSS3 Free Buttons For Designers | Creative Nerds
February 11th, 2013 Freebies As a web designer or web developer its always handy to have some free sophisticated predefined CSS3 buttons, which can be incorporated straight into your design projects. Its a huge time saver having pre maid buttons, which you can import straight into your web design project . This is a great compilation of the best CSS3 free buttons all in one blog post to download
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた | DevelopersIO
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた 2013年1月14日にjQuery Mobile 1.3.0 Betaがリリースされました。 Announcing jQuery Mobile 1.3.0 Beta jQuery Mobile 1.3.0 Betaの紹介記事はこちら。 AjQuery Mobile 1.3.0 Betaがリリース！変更点まとめ - へっぽこプログラマーの日記 弊社でもモバイルコンテンツの開発案件にて徐々に利用実績が積み重なっておりますが、初期ベータ版の頃より「なんで一向に実装されないのかなー…？」と僕がずっと手をこまねいて待ち続けている機能があります。 UI Table View風リスト iOS端末ではおなじみのリストビューです。 リスト項目をインデックスごとにグルーピングし、リス
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
無料でダウンロードできる洗練されたデザインのUIキットいろいろ
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K
開発を高速化。jQuery UI用テーマ·Delta MOONGIFT
DeltaはjQuery UI用のテーマです。ブルーを基調としたライト/ダークがあります。 jQueryをより積極的に使ってWebアプリケーションを構築するならば使ってみたいのがjQuery UIです。今回はそのテーマの一つ、Deltaを紹介します。 ブルーベースの見やすい表示です。 モーダルウィンドウです。 ダークベース。 カレンダー。 タブ表示もあります。 テーマはライトとダークの2種類が用意されています。切り替えは簡単です。ボタンやスライダー、モーダルウィンドウなどのコンポーネントが用意されており、Webアプリケーションを組み上げるのに役立つのではないでしょうか。 DeltaはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る BootstrapやjQuery UIを使いこなせばWebアプリケーション（Web
インターフェイスの作成に役立つ！ディテールへの愛を感じるUIデザイン用の無料のPSD素材のまとめ
ちょっとデザインの刺激が欲しい、最近デザインがマンネリで、、、といった時に他の人がつくったものを眺めることでインスピレーションがふつふつと沸いてきたりしませんか。 ディテールにこだわり、しっかり作りこまれたUI用の最近リリースされたPSD素材を紹介します。 眺めるだけでなく、使ってもよし、です。 まずはページやエレメントの背景に使うテクスチャ素材から。
[CSS]対応ブラウザはWebkit系だけだけど、美しいエフェクトを備えたラジオボタン
見た目だけでもCSS3で美しくスタイルされたラジオボタン、クリックすると更に美しいアニメーションのエフェクトが仕込まれています。 光点がアニメーションで移動 ラジオボタンの選択が移動するのは、分かりやすいですね。 実装は下記のようになっています。 HTML <input type="radio" name="name" checked /> <input type="radio" name="name" /> <input type="radio" name="name" /> <input type="radio" name="name" /> <input type="radio" name="name" /> CSS body { padding: 50px; background-color: hsl(0,0%,20%); } input { -webkit-appearance:
iPadのユーザビリティ： この1年
iPadアプリは大幅に改善された。しかし、スワイプの曖昧さやナビゲーションの過負荷のような、新たなユーザビリティ上の問題が浮かび上がってきた。 iPad Usability: Year One by Jakob Nielsen on May 23, 2011 日本語版2011年6月1日公開 iPadアプリについての最初のユーザビリティ調査の後、1年で、iPadのユーザーインタフェースから明らかに奇抜さが減ってきているのは良いことである。昨年の我々の提案のいくつかがうまく取り入れられているのはさらにすばらしい。その中で、アプリに関して採用されたものは以下の通りである： Back（：戻る）ボタン 検索の利用の拡大 ホームページ トップページのヘッドラインにタッチすることによる、記事へのダイレクトアクセス それでも、今年のテスト中にも、ユーザーが誤って何かにタッチしてしまったり、出発地点への戻り
iPadのユーザビリティ： ユーザーテストからの最初の所見 – U-Site
iPadのアプリは一貫性に欠け、機能の発見しやすさの点で劣るため、ユーザーの偶然のジェスチャーによって、エラーが頻繁に起きてしまう。あからさまな印刷物のメタファーと奇妙なインタラクションスタイルはさらなるユーザビリティ上の問題を引き起こす。 iPad Usability: First Findings From User Testing by Jakob Nielsen 2010年5月10日 「巨大なiPhoneみたい」というのがiPadをテストするように依頼されたユーザー達が最初に言ったセリフである。（2番目に言ったこと？ それは「うわっ、重いね」だった）。 しかし、インタラクションデザインの観点からいうと、iPadのユーザーインタフェースは iPhoneのUIを大きくしたものであってはならない。 実際、今回の調査から得られた発見の1つは、画面最下部にあるタブバーはiPhone上よりもi
50 Free UI and Web Design Wireframing Kits, Resources and Source Files — Smashing Magazine
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some gener
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（ジェスチャー編）
90秒で理解するiPhone JavaScript（ジェスチャー編） Tweet 2008/7/30 水曜日 matsui Posted in iPhone | 1 Comment » 先日のマルチタッチ編に続き、今回はジェスチャー編になります。 対象を拡大縮小したり、回転させたりするには、座標を取得して自分でガリガリ計算しないといけないと思っていたのですが、どうやら「gestureXXX」イベントを使えばそんな必要がないということを知りました。 → 参考 [iphone.wikiwiki.jp] というわけで、今回はgestureイベントの使い方をまとめてみます。 ジェスチャーのイベントには次の3つがあるようです。 gesturestart gesturechange gestureend それぞれ、ジェスチャー開始時、ジェスチャー中、ジェスチャー終了時にイベントが発生します。 使い方は
iOS Checkboxes « Thomas Reynolds
Purchase Commercial License iOS Checkboxes Ever wanted those flash iPhone on/off toggle switches on your webpage? Love jQuery? Well then I've got something special for you. iphone-style-checkboxes implements the iPhone toggles as replacements for standard HTML checkboxes. Simply run the script and your site will be updated with these specialized controls. Best of all, the underlying checkbox is no
スマートフォン・タブレット UIガイドライン
1. SMARTPHONE・TABLET USER INTERFACE GUIDELINE マルチデバイスLab. × ユーザビリティ研究所 スマートフォン・タブレットユーザーインターフェイス ガイドライン スマートフォン・ 2011.9.26 COPYRIGHT© IMJ CORPORATION.ALL RIGHTS RESERVED. 2. 目次 INDEX 00 INTRODUCTION はじめに 2 01 SCREEN 画面 3 02 TEXT テキスト 4 03 OBJECT SIZE / WHITE SPACE オブジェクトサイズ・ オブジェクトサイズ・余白 5 04 OPERATION DESIGN 操作設計 6 05 NAVIGATION ナビゲーション 7 06 LAYOUT レイアウト 8 07 CAPACITY ファイル容量 ファイル容量 9 08 PSD PSDサン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cssflow.com/snippets
5509.me
インターフェイスデザインが素晴らしいiPhoneアプリをカテゴリ別・UIパターン別で見られるギャラリー -MobileMozaic
http://landingpad.org/
Little Big Details
ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ