Mobbin - The world’s largest mobile & web app design reference librarySave hours of UI & UX research with our library of 100,000+ fully searchable mobile & web app screenshots.
Pure CSS Toggle Buttons | ON-OFF Switches
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
最近スマホアプリで使われる三本線、アレ巷ではHamburger Buttonって呼ばれてるらしいですよ、奥さん - よりぶろ
以前記事に書いたこともある、Facebookからはじまった「三本線アイコン+スライドメニュー」ですが、今日面白い情報を師匠から教えてもらいました。 なんと、最近どうやらあの三本線アイコン、Hamburger Button（ハンバーガーボタン）と呼ばれ始めているらしいです。 どこ情報？どこ情報よそれ〜 と思いながら検索してみたら…確かに言ってる！ えー正式名称がコレってこと？いつから呼ばれはじめたんだろう…と疑問に感じて詳しく調べてみたところ、どうも去年の10月にMark Kawanoさんという方がしたツイートが源流のようです。 Biggest mobile UI trend of 2012: hamburger icon that slides open the basement (sidebar). — Mark Kawanoさん (@markkawano) 10月 12, 2012 こ
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
Creating Pixel-Perfect UI for iPhone Applications
Standard App Icon Specs What a better place to start off than discussing the iOS icon sizes. You probably already realize that each published application has a small square icon, almost like a unique logo. Apple has setup a strict guide regarding which sizes you need and which devices they pertain to. In the older iPhone 3g/3gs the screen resolution was limited at 320x480px. Which seems fairly lar
jQuery TextExt Plugin
Demo This demo shows off Tags, Prompt, Focus, Autocomplete and Ajax plugins. About TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete. The core design principle behind TextExt is modularity and extensibility. Each piece of functionality is separated from the main core and can act individually or together with other plugins. TextExt’s modula
» 日本語限定 UI、UXガイドラインとその他まとめ | Webnoborder
インターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。 有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインターネット上に様々なガイドラインが公開されていますが、その中でもUI、UX、ユーザビリティについて言及している日本語限定の情報を集めてみました。 有志で翻訳されたガイドラインもあります。感謝です！ Apple 超が付くほど有名なガイドラインです。これを抑えておけば他は必要ないかも？ アップル ヒューマンインタフェースガイドライン iOS ヒューマン インターフェイス ガイドライン(PDF) iPadヒューマンインターフェイスガイド ライン(PDF) Google AndroidアプリはiPhoneと同じUIで良いんんじゃない？と思っている方は、開発す
DocumentCloud's VisualSearch.js
Created by Samuel Clay, @samuelclay. VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you don't have to parse the query string yourself. Here's an example of a search on DocumentCloud.org that uses fa
Titanium.UI.iPhone.SystemButton | MOL
みなさん、タイタンやってまっかぁ？わい？ わいタイタンやで(・∀・)ｲｲ!! てことで、先週 Untitled!!!!!!!! で講演してきたわけですが、Twitterでの反響を見てますとTitanium Mobileやってみたい！って声もちらほら見受けられて、僕も話して良かったと感じていますです。で、皆さんはこれからTitanium勉強して僕におしえてくっさい！ そんなわけで、今回は自分的にメモ的なメモ。Titanium Mobile はネィティブなUIが使えますので、それをフル活用していこうぜってのが今回のエントリの主旨。 ボタンとかアイコン作ったりするのめんどいので、システムボタン使おーぜってことす。そのほうが下記コードのような感じで、プロパティの部分が1行で定義できたり、組み込みのアプリと同じ振る舞いをするだろうとユーザーも理解しやすいだろうってことです。さて、そのシステムボタン、
10 Best Homescreens of 2011 - MyColorscreen Blog
It’s been almost a year, since we’ve launched MyColorscreen. We’ve seen so many creativity poured down onto homescreens decoration and personalization. To round up such a creative year, there’s no great time of the year than now with 10 Best Homescreens of 2011. 1. For Science by JOP (Android) 2. MultiHome by Filip (Android) 3. Marvel VS Capcom by Max (Android) 4. Geek Screen by Mfadzil (Android
デザイナに知っていて欲しい10個のAndroidのUIルール - ReDo
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間（コスト）が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities＋IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
Open A Private Bank Account
Open A Private Bank Account - High Interest Offshore Bank Accounts - Offshore Business Bank Account - Offshore High Interest Savings Accounts - There arе many people whо feel more secure placing their money intо an offshore bank account insteаd оf а domestic account. They will find a bank іn thе country of theіr choice аnd theу will house theіr money there. Most оf thе time, thе owner of thе offsh
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
Free Wireframing Kits, UI Design Kits, PDFs and Resources — Smashing Magazine
To mock-up the user interface of a website, software or any other product, you’ll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. When you want to create a low-fidelity prototype for your projects, you can use these kits to give your idea a certain shape, keeping it abstract and not losing yourself in details. In this post, we’ve prepared an overvi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://uiohmy.com/
Android Niceties
Chrome and the blank new tab button
Photoshop VIP ☞ Web制作に利用したいPhotohsop無料UIデザイン素材20個まとめ
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android