Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
LukeW | Responsive Navigation: Optimizing for Touch Across Devices
Responsive Navigation: Optimizing for Touch Across Devices by Luke Wroblewski November 2, 2012 As more diverse devices embrace touch as a primary input method, it may be time to revisit navigation standards on the Web. How can a navigation menu be designed to work across a wide range of touch screen sizes? In these demos, Jason Weaver and I decided to find out. The Demos Split Screen Navigation Mu
Wirefy
Build intuitive, powerful wireframes for smarter web development Wirefy was created as a tool to help web designers and developers create fast, manageable wireframes. It helps to speed up the journey between sketches and final deliverables. Like the web, it is in constant iteration. This requires a simple workflow and a well-defined collection of atomic elements so that new UIs can be quickly pull
ジェスチャーUIの課題と対策
タブレットやスマートフォンで積極的に導入されているマルチタッチテクノロジー。デジタルなオブジェクトに触れているような感覚が味わえるタッチインターフェイスは、抽象的なマウス操作に比べて直感的だと言われています。スクリーンに触れるだけの動作は直感的で簡単そうですが、これにジェスチャーが加わることで突然ややこしくなる場合があります。感覚的・直感的というよりかは、操作を覚えなくてはならない負荷がかかる可能性もあります。 未来のインターフェイスを語る上でよく出て来るのが映画『マイノリティ・リポート』。この映画に登場するマルチタッチ UI の技術は一般化されつつあるといっても過言ではありませんが、大きく腕を振りかざし、長時間立ち続けなければならないのであれば、すぐに疲れてしまいそうです。トム・クルーズ並みの強靭な身体でないと使えない・・・なんてことになると困りますね。 例えば Mac OSX とその上
文脈を理解したWebコミュニケーションデザイン
パッケージングの違いは文脈の違い 前回の記事「あなたも私もメディアカンパニー」で、コンテンツを制作するだけでなくメディアカンパニーのように配信の仕方にも工夫をしなければならないという話をしました。コンテンツを配信する際に考えておきたいポイントを記事で幾つか紹介していますが、制作者として注目しておきたい要素は「パッケージング」です。情報を利用者・顧客に届けるために、どのようなパッケージングをすると最適なのかを考えなければいけません。 パッケージングは、制作者であれば意識しなくても常に考えていることです。パソコン上で動作する Web ブラウザ上でどのように Web サイトの情報を表示させれば良いかを常に考えていると思います。最近だとスマートフォン向けの Web サイトをどう作るか考えている方も多いでしょう。パッケージングでまず最初に考えておきたいのが、どの情報をどのように見せるかです。 例えば
「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる － Publickey
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単！ スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1）HTMLを書くだけでモバイルアプリケーションができてしまう 2）モバイルのユーザーインターフェイス対応の部品が多く揃っている 3）iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
誰も教えてくれないiPhoneの秘密とiPhoneアプリ販売の現実
今日、iPhoneが巨大なエコシステムを構築していることに異論がある方は少ないでしょう。iPhoneがここまで急速に成長した背景、そして、エコシステムの知られざる現実、さらにAndroidとの最終戦争の行方について、ユビキタスエンターテインメントの“鬼才”清水亮が解説します。 全世界で3000万台を超えたともいわれるiPhoneの累計出荷台数。iPod touchも加えれば、5000万台規模のプラットフォームがここ数年で世界に根付きました。最初の出足こそ鈍く感じられた日本国内でも、今やソフトバンクの新規契約の半数はiPhoneだともいわれています。1年半もの間、これだけ同じ端末が売れ続けたことは今世紀に入って初めてのことで、携帯電話業界の人々を驚かせています。 そのiPhoneですが、使ってみればその快適さにはとりこになること請け合いで、しかも当初はギークと呼ばれる、いわゆるマニア層に売れ
「iPhoneの完成度」を改めて感じさせられた2010年
「iPhoneの完成度」を改めて感じさせられた2010年：ITmediaスタッフが選ぶ、2010年の“注目ケータイ＆トピック”（ライター神尾編）（1/2 ページ） スマートフォンの話題が、専門誌だけでなく一般メディアでも広く取り上げられた2010年。特にAndroid OSを搭載した端末が多数登場し、大いに盛り上がったが、そのいずれも、まだiPhone 4を超えるものはなかったように思う。 2010年は“スマートフォン”の話題に終始した1年だった。 足下の販売市場を見れば、従来型のケータイもしっかりと売れてはいたものの、スマートフォンに一般ユーザー層の目が向き始めており、新たなサービスやビジネスもスマートフォンを中心に動くことが多かった。2010年は従来型のケータイにとって「終わりの始まり」であり、スマートフォンにとっては「始まりの終わり」といってもよい1年だったと思う。 そして2010年
delicious blog » Update to the Save interface
Yesterday we released a major change to our primary action on Delicious and (not surprisingly with a change of this scale) you all immediately responded by giving us some really great feedback on what you liked and what you didn’t. With the release a few bugs slipped through so we’ve fixed those for you. They include issues like: Adding enter-key support on the ‘Save’ bookmarklet ‘Save’ once again
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developer.apple.com/jp/design/human-interface-guidelines/
エンジニアリング思考が未来のディテールを変える──中村勇吾
UIデザインに役立つツール
Little Big Details
Lionのスクロール方向がなぜ気持ち悪いのか
Engadget | Technology News & Reviews
TechCrunch | Startup and Technology News
Engadget | Technology News & Reviews
5509.me
TechCrunch | Startup and Technology News