9 Essential Resources for User Interface Designers
MephoBox is a design showcase that catalogs sites with beautiful interfaces and also collections of common site elements, such as login forms, headers, pagination, and so on. If you’re looking for ideas or approaches to designing specific page elements, MephoBox collections can be a great source of inspiration. 2. UI Patterns UI Patterns showcases user interface design patterns - com-only recurrin
Kinect finally fulfills its Minority Report destiny (video)
Not to denigrate the numerous fine hacks that Kinect's undergone since its launch, but it's always nice to see the professionals come in and shake things up a little. A crew from MIT's brain labs has put together a hand detection system on Microsoft's ultra-versatile cam, which is sophisticated enough to recognize the position of both your palms and fingers. Just as a demonstration, they've tied t
Cortex for Chrome Makes Sharing Faster, Prettier & More Fun Than Ever [EXCLUSIVE]
Cortex for Chrome Makes Sharing Faster, Prettier & More Fun Than Ever [EXCLUSIVE] Here's the gist of it: Install the extension, find content you want to share, then click and hold. When you do, your mouse will be surrounded by a wheel of options. Flick your mouse in the correct direction, release your finger and voilà , your content is shared to Twitter, to Tumblr, to a specific Facebook friend's w
![Cortex for Chrome Makes Sharing Faster, Prettier & More Fun Than Ever [EXCLUSIVE]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d61763280a31c11b01522d480d6447a9aff9e765/height=288;version=1;width=512/https%3A%2F%2Fhelios-i.mashable.com%2Fimagery%2Farchives%2F05Gg8Rtc5y6ShlGiMQcqJo8%2Fhero-image.fill.size_1200x675.v1647019334.jpg)
User Interface Design - 12 Useful Techniques — Smashing Magazine
Last week, we presented 10 Useful Web Application Interface Techniques, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in
Essential Web Design Advice From a Wireframing Master [INTERVIEW]
Essential Web Design Advice From a Wireframing Master [INTERVIEW] So much information is out there and so many new technologies and proofs of concept are appearing across the web that it can be difficult to keep up with what's going on. For newer designers or developers, it can sometimes be scary to know where to start. That's why it's always good to talk to the masters -- individuals who are sett
![Essential Web Design Advice From a Wireframing Master [INTERVIEW]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e279638c7cd92e757ab08bc5a965faaac71d0b50/height=288;version=1;width=512/https%3A%2F%2Fhelios-i.mashable.com%2Fimagery%2Farchives%2F07j3ThmP3LFu1u7B5Js22bW%2Fhero-image.fill.size_1200x675.v1647019226.jpg)
Future Android Interfaces (Videos)
When you buy through affiliate links in our content, we may earn a commission at no extra cost to you. Learn how our funding model works. By using this website you agree to our terms and conditions and privacy policy. We uphold a strict editorial policy that focuses on factual accuracy, relevance, and impartiality. Our content, created by leading industry experts, is meticulously reviewed by a tea
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
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番å·â†’ä½æ‰€è‡ªå‹•å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ （CGIä¸è¦ç‰ˆï¼‰ AjaxZip2ã¯ã€æ˜¨å¹´å…¬é–‹ã—㟠『ajaxãªä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ 〠ã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã™ã€‚ 郵便番å·ã‚’入力ã™ã‚‹ã¨ã€è©²å½“ã™ã‚‹éƒ½é“府県å・ä½æ‰€ãŒè‡ªå‹•çš„ã«å…¥åŠ›ã•ã‚Œã¾ã™ã€‚ Ajax㨠JSON フォーマットを利用ã™ã‚‹JavaScriptライブラリã¨ã—ã¦å…¬é–‹ã—ã¾ã—ãŸã€‚ JavaScript ã®ã¿ã§ç¨¼å‹•ã™ã‚‹ãŸã‚ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ç¨¼å‹•ã™ã‚‹CGIプãƒã‚°ãƒ©ãƒ ã¯ä¸è¦ã§ã™ã€‚ 郵便番å·â†’ä½æ‰€å¤‰æ›å‡¦ç†ã¯å…¨ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã§è¡Œã„ã¾ã™ã€‚ æ—¢å˜ HTML ã®ä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ãŸã£ãŸ3行書ãæ›ãˆã‚‹ã ã‘ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ç°¡å˜ã«è¨ç½®ã§ãã‚‹ãŸã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã«è©³ã—ããªã„æ–¹ã§ã‚‚å°Žå…¥ã—ã¦ã„ãŸã ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 以下ã®ä½æ‰€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ã€7æ¡ã®éƒµä¾¿ç•ªå·ã‚’入力ã—ã¦ã¿ã¦ãã ã•ã„。 ã€2007/12/09 追記】 jQ
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptã§å…¥åŠ›è£œå®Œã‚’手軽ã«è¡Œã†ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ (ã€ãŠçŸ¥ã‚‰ã›ã€‘ver2.0ã‹ã‚‰prototype.jsã‚’å¿…è¦ã¨ã—ãªããªã‚Šã¾ã—ãŸ) 下記ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ 入力内容をもã¨ã«æ¤œç´¢ã‚’è¡Œã„ã€è£œå®Œå€™è£œã‚’表示ã—ã¾ã™ã€‚(Google Suggestã½ã) Ajaxã§ã¯ç„¡ãã€åˆå›žç”»é¢è¡¨ç¤ºæ™‚ã®ã¿ãƒ‡ãƒ¼ã‚¿ã®èªã¿è¾¼ã¿ã‚’è¡Œã„ã€ãれ以é™ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§å¯¾è±¡ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰æ¤œç´¢ã—ã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å…¥åŠ›å†…容ã«å¤‰åŒ–ãŒã‚ã£ã¦ã‚‚サーãƒå´ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“。 検索ã¯ã€å‰æ–¹ä¸€è‡´/部分一致ã€å¤§æ–‡å—ã¨å°æ–‡å—ã®åŒºåˆ¥ã‚ã‚Š/ãªã—ã¨ã„ã£ãŸã‚ˆã†ã«ã€ã‚ªãƒ—ションã§ç°¡å˜ã«æŒ‡å®šã§ãã¾ã™ã€‚ã¾ãŸã€ãã®ä»–ã«ã‚‚様々ãªã‚ªãƒ—ションãŒæŒ‡å®šå¯èƒ½ã§ã™ã€‚ 検索çµæžœã®è¡¨ç¤ºä¸Šé™ã‚’指定ã§ãã¾ã™ã€‚(デフォルト上é™20件) 補完候補ã¯ã‚ーボードã®ä¸Šä¸‹ã¨ã€ãƒžã‚¦ã‚¹ã«ã¦é¸æŠžã§ãã¾ã™ã€‚ã¾ãŸã€ã‚ーボードã§é¸æŠžä¸ã«ES
Online Form Creation and Reporting Features | Wufoo
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
Pencil – Get this Extension for 🦊 Firefox (en-US)
Pencil is a free and opensource tool for making diagrams and GUI prototyping that everyone can use. Top features: * Built-in stencils for diagraming and prototyping * Multi-page document with background page * Inter-page linkings! * On-screen text editing with rich-text supports * Exporting to HTML, PNG, Openoffice.org document, Word document and PDF. * Undo/redo supports * Installing user-defined
Balsamiq Mockups | Balsamiq
Balsamiq Wireframes is a rapid low-fidelity UI wireframing tool that reproduces the experience of sketching on a notepad or whiteboard, but using a computer. It really forces you to focus on structure and content, avoiding lengthy discussions about colors and details that should come later in the process. Wireframes is FAST: you will generate more ideas, so you can throw out the bad ones and disco
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
10 Excellent User Interface Designs to Learn From
brauchtman
http://techcrunch.com/2010/12/23/mobilerss-reeder-update/
TAT - The Astonishing Tribe
https://techcrunch.com/2009/06/25/study-suggests-people-prefer-bings-design-to-googles-but-still-wont-switch/
[Design Solutions]![[Design Solutions]](https://cdn-ak-scissors.b.st-hatena.com/image/square/579f892153a98d5dbb1d61e422723f84887a1931/height=288;version=1;width=512/https%3A%2F%2Flive.staticflickr.com%2F171%2F452069651_c098414360_q.jpg)
https://techcrunch.com/2009/06/16/tweettabs-is-an-awesome-way-to-search-twitter/
http://www.najle.com/idaft/
{{#tags}}- {{label}}
{{/tags}}