UI Sources | Mobile Design Patterns and Interactions
If you're facing payment issues, send me an email at abhinav@uisources.com for alternative methods Real design inspirationBrowse recordings of end to end user journeys from the top grossing apps to reduce iteration cycles, gain insights, identify trends & benchmark against your competitors and industry’s standard. Stop spending time reinventing the wheelAre you and your team spending time figuring
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
UI＆UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„ UI UX!
第1å›žã‚¹ãƒžãƒ›ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šè° #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGoRead less
Bootstrapã‚’ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒ„ールやリソースã®ã¾ã¨ã‚
Twitter Bootstrapをカスタマイズã—ãŸã‚Šã€jQuery UI, jQuery Mobileã§ä½¿ã£ãŸã‚Šã€Photoshopã‚„Fireworkã®ç´ æã¨ã—ã¦åˆ©ç”¨ã—ãŸã‚Šã€WordPressã®ãƒ†ãƒ¼ãƒžãªã©ã€ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’Web Resources Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€Twitter Bootstrapã‹ã‚‰ã€‚
ä¼ç”»ãŒè€ƒãˆã‚‹ã‚¹ãƒžãƒ›UIデザイン
3. “Dead Space†ã‚ャラã®èƒŒä¸ã«ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ã‚¸ã‚’ 埋ã‚込むã³ã£ãりアイデア ã»ã¨ã‚“ã©ã®UIを３D空間ã®ä¸ã«æ§‹ç¯‰ “Fall Out 3†プレイヤーã‚ャラã®è…•ã«ã¤ã„㟠デãƒã‚¤ã‚¹ï¼ˆPip-Boy）をãã®ã¾ã¾UI化 ãれ以外ã®UIã¯æ¥µåŠ›ã‚·ãƒ³ãƒ—ルã«ã¾ã¨ã‚ã‚‹
The most common mistakes in no-code app development | AppMaster
There is no single list of the most common mistakes in no-code app development since, already in 2022, endlessly different no-code tools can be found on the market. Somewhere this is the level of creating a simple landing, somewhere no-code development is as close as possible to classical programming (for example, AppMaster.io). Accordingly, it is impossible to bring errors under a single denomina
flipsnap.jsã¨ã„ã†ã®ã‚’書ã„㟠- Webtech Walker
最近タッãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªUIを書ã機会ãŒå¤šã„ã®ã§æ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ DEMO pxgrid/js-flipsnap - GitHub iScrollã§ã‚‚snapã£ã¦ã„ã†æ©Ÿèƒ½ä½¿ã†ã¨åŒã˜ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã‚“ã ã‘ã©ã€iScrollã§ã“れをやã‚ã†ã¨ã™ã‚‹ã¨ã“ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã„ã¦ã‚‹ã¨ã“ã‚ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã‹ãªããªã‚‹ã¨ã„ã†å•é¡ŒãŒã‚ã£ã¦ã€ãれを解決ã—よã†ã¨æ€ã£ã¦æœ€åˆã¯iScrollã®å†…部をã„ã˜ã£ã¦ãŸã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨iScrollベースã ã¨ã©ã†ã—ã¦ã‚‚ç„¡ç†ãªã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®æ©Ÿèƒ½ã ã‘切り出ã—ã¦ã¿ãŸã¨ã„ã†ã‚ã‘。 一応Androidã§ã‚‚å‹•ã„ã¦ã‚‹ã£ã½ã„。 iScrollã¿ãŸã„ã«å¤šæ©Ÿèƒ½ã˜ã‚ƒãªã„ã‘ã©ã¾ã‚ã“ã‚Œã ã‘使ã„ãŸã„ã£ã¦ã„ã†ã“ã¨çµæ§‹ã‚ã‚‹ã®ã§å‰²ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã€‚TODOã¯ã¨ã‚Šã‚ãˆãšãƒ‰ã‚ュメント。 追記（2012/02/04）：クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã—ã¾ã—ãŸã€‚
jQuery Mobile使用時ã«ã‚ˆã使ã†ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルを作ã£ãŸã®ã§é…布ã—ã¾ã™ - ã‹ã¡ã³ã¨.net
ç°¡å˜ãªã‚‚ã®ã§ã™ã‘ã©ã€jQuery Mobile ã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—時ã«ã‚ˆã使ã†ã£ã½ã„ UIã®ã‚µãƒ³ãƒ—ル作ã£ãŸã®ã§é…布ã—ã¾ã™ã€‚ ç°¡å˜ãªãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆä»£ã‚ã‚Šã«ãªã‚‹ã®ã§ã¯ ç„¡ã„ã‹ã¨æ€ã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ã¦ã¿ã‚ˆã† ã‹ã¨ã€‚良ã‹ã£ãŸã‚‰ä½¿ã£ã¦ãã ã•ã„。 ã¨ã„ã†ã®ã‚‚ã€JQMã®æ—¥æœ¬èªžã‚µãƒ³ãƒ—ルã®é…布先を見ã‹ã‘ãªã‹ã£ãŸã®ã§ã€ãªã‹ãªã‹ãŠå›°ã‚Šã®æ–¹ã‚‚ã„らã£ã—ゃるんã˜ã‚ƒãªã„ã‹ãªã¨ã€‚調ã¹ã‚‹ã®é¢å€’ã§ã™ã—ã€æ‰‹å…ƒã«ã‚µãƒ³ãƒ—ルコードã‚ã£ãŸã»ã†ãŒä½•ã‹ã¨ä¾¿åˆ©ã§ã™ã‚ˆã。 ã¨ã„ã†ã‚ã‘ã§ã€ä»¥å‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—サンプルã®è¨˜äº‹æ›¸ã„ãŸã¨ãã«ä½œã£ãŸã‚µãƒ³ãƒ—ルサイトã«æ‰‹ã‚’åŠ ãˆãŸç‰©ã‚’丸ã”ã¨é…布ã—ã¾ã™ã€‚ æµçŸ³ã«ã‹ãªã‚Šå‡ºã¦ã‚‹ã®ã§ä»Šæ›´èª¬æ˜Žä¸è¦ã‹ã‚‚ã§ã™ã‘ã©ã€ã–ã£ãり説明ã™ã‚‹ã¨Webサイトをスマフォå‘ã‘ã«ç°¡å˜ã«å‡ºæ¥ã‚‹jQueryプラグインã§ã™ã€‚ 以下ã®ã‚µãƒ³ãƒ—ルã§ä½¿ç”¨ã—ã¦ã„るファイルãŒä¸¸ã”ã¨æ¢±åŒ…ã—ã¦ã‚ã‚Šã¾ã™ã€‚ サンプル※別窓 ã„ã¡ãŠã†ã‚ャプãƒãƒ£ã€‚ 目次 サムãƒã‚¤ãƒ«ä»˜ãã®ã‚µãƒ³ãƒ—ルã¨
jQuery Mobile使用時ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒªã‚¹ãƒˆã¨å‹•ä½œã‚µãƒ³ãƒ—ル - ã‹ã¡ã³ã¨.net
自分用ã«å‚™å¿˜éŒ²ã€‚ãã‚ãã‚ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãŒå‡ºã¦ãã‚‹é ƒã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã®ã§ã€ãㆠ焦るã“ã¨ã‚‚ç„¡ã„æƒ…å ±ã ã¨æ€ã„ã¾ã™ãŒã€è¿‘々 使ã„ãã†ãªã®ã§ãã®æ™‚ã«é¢å€’ãªäº‹ã«ãªã‚‰ ãªã„よã†ã«ã‚ˆã使ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ リストã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã¡ã‚ƒã‚“ã¨ã—ãŸãƒ‡ãƒ¢ã¯æœ¬å®¶ã§ç¢ºèªã—ã¦ä¸‹ã•ã„。ã“ã“ã«ã‚るサンプルã¯åƒ•ã®ã„ã„åŠ æ¸›ãªã‚µãƒ³ãƒ—ルã§ã™ã€‚å°šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒè¦‹ã‚„ã™ã„様ã«ã™ã‚‹ã ã‘ã®ç‚ºã«ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆå…¥ã‚Œã¦ã„ã¾ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„。 [note]追記 ã‚‚ã†å°‘ã—増やã—ã¦è¦‹ã‚„ã™ãã—ãŸã‚‚ã®ã‚’ダウンãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ [/note] プラグインèªã¿è¾¼ã¿ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script type="text/javascript" src="
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
JavaScript UI Components - Build Better Apps Faster - Progress Kendo UI
{{#tags}}- {{label}}
{{/tags}}