Morphing Buttons Concept | Codrops
Some inspiration for a morphing button concept where the action element (button) morphs into a component. The examples show different types of components, i.e. fullscreen overlay, modal window, sidebar and more. Today we want to share a bit of inspiration for a morphing button concept. You have surely come across this concept already: the idea is to use an element of action, like a button, and mor
Facebook Home prototyped in Quartz Composer - Tutorial
Is there anywhere that explaining why you connect the images patches? I've tried hard to use it before, but was confused about the basic way nodes connect to each other. Even Developer tools wasn't clear on it. — Reply QC is a very complicated application, it does a heck of a lot more than this. So if you load in an image you don't necessarily wan't it displaying on the screen, you might be using
Breaking down Amazon's mega dropdown
The hover effects on Amazon’s big ‘ole “Shop by Department†mega dropdown are super fast. Look'it how quick each submenu fills in as your mouse moves down the list: It’s instant. I got nerd sniped by this. Most dropdown menus have to include a bit of a delay when activating submenus. Here’s an old Khan Academy dropdown as an example: See the delay? You need that, because otherwise when you try to
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.
pea.rs - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
iOSヒューマンインターフェイスガイドライン
iOSヒューマンインターフェイスガイドラ イン iPhone > User Experience 2011-03-23 Apple Inc. © 2011 Apple Inc. All rights reserved. 本書ã®ä¸€éƒ¨ã‚ã‚‹ã„ã¯å…¨éƒ¨ã‚’ Apple Inc. ã‹ã‚‰ 書é¢ã«ã‚ˆã‚‹äº‹å‰ã®è¨±è«¾ã‚’å¾—ã‚‹ã“ã¨ãªã複写 複製（コピー）ã™ã‚‹ã“ã¨ã‚’ç¦ã˜ã¾ã™ã€‚ã¾ ãŸã€è£½å“ã«ä»˜å±žã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯åŒæ¢±ã®ã‚½ フトウェア使用許諾契約書ã«è¨˜è¼‰ã®æ¡ä»¶ã® ã‚‚ã¨ã§ãŠä½¿ã„ãã ã•ã„。書類を個人ã§ä½¿ç”¨ ã™ã‚‹å ´åˆã«é™ã‚Š 1 å°ã®ã‚³ãƒ³ãƒ”ュータã«ä¿ç®¡ ã™ã‚‹ã“ã¨ã€ã¾ãŸãã®æ›¸é¡žã«ã‚¢ãƒƒãƒ—ルã®è‘—作 権表示ãŒå«ã¾ã‚Œã‚‹é™ã‚Šã€å€‹äººçš„ãªåˆ©ç”¨ã‚’ç›® çš„ã«æ›¸é¡žã‚’複製ã™ã‚‹ã“ã¨ã‚’èªã‚ã¾ã™ã€‚ Apple ãƒã‚´ã¯ã€ç±³å›½ãã®ä»–ã®å›½ã§ç™»éŒ²ã•ã‚Œ 㟠Apple Inc. ã®å•†æ¨™ã§ã™ã€‚ ã‚ーボードã‹ã‚‰å…¥åŠ›å¯èƒ½ãª Apple ãƒã‚´ã«ã¤ ã„ã¦ã‚‚ã€ã“れを Apple In
dfltweb1.onamae.com – ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ãŠåå‰.comã§å–å¾—ã•ã‚Œã¦ã„ã¾ã™ã€‚
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¯ ãŠåå‰.com ã‹ã‚‰å–å¾—ã•ã‚Œã¾ã—ãŸã€‚ ãŠåå‰.com 㯠GMOインターãƒãƒƒãƒˆã‚°ãƒ«ãƒ¼ãƒ—(æ ª) ãŒé‹å–¶ã™ã‚‹å›½å†…シェアNo.1ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²ã‚µãƒ¼ãƒ“スã§ã™ã€‚ â€»è¡¨ç¤ºä¾¡æ ¼ã¯ã€å…¨ã¦ç¨Žè¾¼ã§ã™ã€‚ ※サービスå“質ç¶æŒã®ãŸã‚ã€ä¸€æ™‚çš„ã«å¯¾è±¡ã¨ãªã‚‹æ–™é‡‘ã¸ä¸€å®šå‰²åˆã®ã€Œã‚µãƒ¼ãƒ“スç¶æŒèª¿æ•´è²»ã€ã‚’åŠ ç®—ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ※1 「国内シェアã€ã¯ã€ICANN(インターãƒãƒƒãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³åãªã©ã®è³‡æºã‚’管ç†ã™ã‚‹éžå–¶åˆ©å›£ä½“)ã®å…¬è¡¨æ•°å€¤ã‚’ã‚‚ã¨ã«é›†è¨ˆã€‚gTLDãŒé›†è¨ˆã®å¯¾è±¡ã€‚ 日本ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ç™»éŒ²æ¥è€…(レジストラ)（「ICANNãŒãƒ¬ã‚¸ã‚¹ãƒˆãƒ©ã¨ã—ã¦èªå®šã—ãŸä¼æ¥ã€ä¸€è¦§ï¼ˆInterNICæ供）内ã«ã€ŒJapanã€ã®è¨˜è¼‰ãŒã‚ã‚‹ã‚‚ã®ï¼‰ã‚’対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.comã€ã®ã‚·ã‚§ã‚¢å€¤ã‚’集計。 2024å¹´5月時点ã®èª¿æŸ»ã€‚
Yang Li
Google Inc. 1600 Amphitheatre Parkway Mountain View, CA 94043 USA My research interests are at the intersection of Human Computer Interaction and Artificial Intelligence. I currently focus on general deep learning research, and models for solving human interactive intelligence and improving user experiences. In my spare time, I build and fix things. Check out my recent treehouse project. Bio · Yan
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】クックパッドã®UIデザイナー：「エンジニアã®ä»•äº‹ãŒï¼ã‚’１ã«ã™ã‚‹ä»•äº‹ãªã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã‚’100ã«ã™ã‚‹ä»•äº‹ 〠| Startup Dating
Startup Datingã§ã‚¤ãƒ³ã‚¿ãƒ“ュー連載を始ã‚ã¦ã¿ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ã•ã¦é€£è¼‰ã®åˆå›žã¯ã€2011å¹´ã«æ–°å’ã¨ã—ã¦ã‚¯ãƒƒã‚¯ãƒ‘ッドã«å…¥ç¤¾ã—ã€ç¾åœ¨UIデザイナーã¨ã—ã¦æ´»èºã™ã‚‹ç‰‡å±±è‚²ç¾Žã•ã‚“（@monja415）。片山ã•ã‚“ãŒç¾è·ã«å°±ãã¾ã§ã®é“ã®ã‚Šã‚„ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UIã«é–¢ã™ã‚‹è€ƒãˆæ–¹ã€ç‰‡å±±ã•ã‚“ãŒæ‰‹ãŒã‘ãŸå…·ä½“çš„ãªUI改善ã®äº‹ä¾‹ã‚„ヒントãªã©ã‚’ãŸã£ã·ã‚ŠãŠä¼ãˆã—ã¾ã™ã€‚ 美術大å¦ã§å‹‰å¼·ã€ã‚‚ã¨ã‚‚ã¨è·äººã«ãªã‚ŠãŸã‹ã£ãŸ ã‚‚ã¨ã‚‚ã¨çµµã‚’æãã®ãŒå¥½ãã ã—å¾—æ„ã€é«˜æ ¡ã®ã¨ãã‹ã‚‰è·äººã«ãªã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸã¨è©±ã™ç‰‡å±±ã•ã‚“。美術大å¦ã«é€²å¦ã—ã€ãƒ•ã‚¡ã‚¤ãƒ³ç³»ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã§ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã‚’å¦ã¶ã“ã¨ã‚’é¸æŠžã€‚ファイン系ã¨ã¯ã€çµµç”»ã‚„彫刻ãªã©ã„ã‹ã«ã‚‚“アートâ€ã¨ã„ã†ã‚‚ã®ã€‚ファイン系ãŒèŠ¸è¡“ã ã‹ã‚‰ã€ã©ã“ã‹è‡ªåˆ†ã®ä¸ã§å®Œçµã—ã¦ã—ã¾ã†ã¨ã“ã‚ãŒã‚る。ã§ã‚‚ã€è·äººã£ã¦èª°ã‹ã®ãŸã‚ã«æŠ€è¡“を使ãˆã‚‹äººãªã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨ã€‚æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘ã‚’å°‚æ”»ã—ã€ã‚µãƒ¼ãƒ“スデザインやUXã¨è¨€ã‚
Slime / 概è¦
[[[http://gyazo.com/3631d0db2bfc8b765e6372a6f6e12f97.png]]] [[http://gyazz.com/upload/39663306bf8c1fe58c41c2a928d5d83c.gif]] [[http://www.youtube.com/watch?v=LCkD4-BGljg http://gyazz.com/upload/171118e541944817d87f6ac8b475d062.gif]] [[http://pitecan.com/Slime/Slime.apk http://gyazo.com/8b8b4948ce6dc5a25112d77baf3b951e.png]] [[[Slimeã¯ã‚·ãƒ³ãƒ—ルã§å¼·åŠ›ãªAndroid用ã®æ—¥æœ¬èªžå…¥åŠ›ã‚·ã‚¹ãƒ†ãƒ ã§ã™]]] 片手ã§ã‚‚両手ã§ã‚‚軽快ã«å…¥åŠ›ã§ãã¾ã™ [[https://play.
「スマートフォンã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã€ã‚’発表～最も支æŒã•ã‚Œã‚‹JavaScriptã®è¡¨ç¾æ–¹æ³•ã¨ã¯ï½ž / IMJモãƒã‚¤ãƒ«
「スマートフォンã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã€ã‚’発表 ～最も支æŒã•ã‚Œã‚‹JavaScriptã®è¡¨ç¾æ–¹æ³•ã¨ã¯ï½ž æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ãƒ»ã‚¨ãƒ ・ジェイ（JASDAQ 4305）ã®ã‚°ãƒ«ãƒ¼ãƒ—会社ã§ã‚ã‚‹æ ªå¼ä¼šç¤¾IMJモãƒã‚¤ãƒ«ï¼ˆæœ¬ç¤¾ï¼šæ±äº¬éƒ½ç›®é»’区 代表å–ç· å½¹ç¤¾é•·ï¼šå·åˆç´”一）ã¯ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã€ã‚’実施ã„ãŸã—ã¾ã—ãŸã€‚ 調査期間ã¯2011å¹´9月14日～9月15æ—¥ã€æœ‰åŠ¹å›žç”æ•°ã¯412åã‹ã‚‰å¾—られã¾ã—ãŸã€‚ 調査çµæžœæ¦‚è¦ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã«ä¼´ã„ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³æ€§ãŒé«˜ã„サイトãŒæ±‚ã‚られã¦ã„ã¾ã™ã€‚ スマートフォンサイトを構築ã™ã‚‹éš›ã®åŠ¹æžœçš„ãªè¡¨ç¾æ–¹æ³•ã¨ã—ã¦JavaScriptã®æ´»ç”¨ãŒã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«JavaScriptを使ã£ãŸè¡¨ç¾æ–¹æ³•ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¸Žãˆã‚‹å°è±¡ã«ã¤ã„ã¦å®Ÿä¾‹ã‚’用ã„ãŸèª¿æŸ»ã‚’è¡Œã„ã¾ã—ãŸã€‚ 調査ã®çµæžœã€ã‚·ãƒ³ãƒ—ルã«ã‚ã‹ã‚Šã‚„ã™ã„表ç¾æ–¹æ³•ã¯ãƒ¦ãƒ¼ã‚¶
New Google Search Interface Spotted for Tablets - Search Engine Watch
New Google Search Interface Spotted for Tablets It appears Google is testing new search results optimized for tablets. The experimental design removes the left-side navigation in favor of horizontal navigation with dropdown menus, and removes the trademark “Gooooooooooogle†from the footer. It appears Google is testing new search results optimized for tablets. The experimental design removes the l
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
YUI Theater — Ryan Grove: "Introducing YUI 3 AutoComplete" (42 min.)
YUI Blog YUI Theater YUI Theater — Ryan Grove: "Introducing YUI 3 AutoComplete" (42 min.) YUI Theater — Ryan Grove: "Introducing YUI 3 AutoComplete" (42 min.) In this talk from YUIConf 2010, YUI 3 AutoComplete author Ryan Grove (@yaypie) takes you on a whirlwind tour of some of the many autocomplete patterns made possible by this component (which is coming in the soon-to-be-released YUI 3.3.0) and
[CSS]ç”»åƒã‚’使用ã—ãªã„ã§Apple風ã®ãƒ‘ンããšã‚’作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
階層を区切る三角ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªApple風ã®ãƒ‘ンããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 三角ã®ç®‡æ‰€ã¯ç”»åƒã‚’使用ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ シンプルã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„アイテムã«ã¯classを使用ã—ã¾ã›ã‚“。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
SIGIXD 2nd Googleã«ãŠã‘るインタラクションデザイン - 安藤日記
安藤日記 安藤日記：デジタルガジェット好ã「安藤幸央ã€ã®æ—¥ã€…ã®ãƒ¡ãƒ¢ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleã«ãŠã‘るインタラクションデザイン ＃å·å³¶ã•ã‚“ã®ç¤ºå”†ã«å¯Œã‚“ã 話ãŒã™ã°ã‚‰ã—ã‹ã£ãŸã€‚ å·å³¶ å„ªå¿—æ° ã‚·ãƒ‹ã‚¢ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ãƒ»ã‚¢ã‚¸ã‚¢å¤ªå¹³æ´‹ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
デザイン  | Android Developers
INTERFACE SKETCH
http://www.mobiledesignpatterngallery.com/mobile-patterns.php
http://youpivot.com/
{{#tags}}- {{label}}
{{/tags}}