Mobbin - The world’s largest mobile & web app design reference libraryThe world’s largest mobile and web design library.Save hours of UI & UX research with our library of 300,000+ screens from the world’s best designed apps.
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 a Pixel-Perfect UI for iPhone Applications – Speckyboy
Developing apps for the iPhone or iPad can be a tricky process. You need to understand not just the programming libraries, but also design standards and common themes in user interfaces. This entire skillset would require months of study just to build your first live app. I realize this may seem intimidating, but we all have to start somewhere! And in this guide I would like to introduce the most
» 日本語é™å®š 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ルールを紹介ã—ã¾ã™ã€‚
Photoshop VIP ☞ Web制作ã«åˆ©ç”¨ã—ãŸã„Photohsopç„¡æ–™UIãƒ‡ã‚¶ã‚¤ãƒ³ç´ æ20個ã¾ã¨ã‚
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
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
http://textextjs.com/
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
{{#tags}}- {{label}}
{{/tags}}