ブレãªã„アプリデザインã®ã™ã™ã‚ã‹ãŸBridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Slip.js — sortable and swipeable views
Swiping and reordering lists of elements on touch screens, no fuss. AÂ tiny library by Kornel. Swipe, hold & reorder or instantly or either or none of them. Can play nicely with: interaction inline CSS transforms stylesheet transforms and selectable text, even though animating elements with selected text is a bit weird. iOS Safari Mobile Chrome Android Firefox Opera Presto and Blink No dependencies
タッãƒãƒ‡ãƒã‚¤ã‚¹ã§ãƒªã‚¹ãƒˆã‚’並ã³æ›¿ãˆãŸã‚Šå‰Šé™¤ã—ãŸã‚Šã§ãã‚‹UI実装ãŒã§ãる「Slip.jsã€:phpspot開発日誌
Slip.js タッãƒãƒ‡ãƒã‚¤ã‚¹ã§ãƒªã‚¹ãƒˆã‚’並ã³æ›¿ãˆãŸã‚Šå‰Šé™¤ã—ãŸã‚Šã§ãã‚‹UI実装ãŒã§ãる「Slip.js〠Clearã¨ã„ã†TODOアプリãŒã‚ã‚Šã¾ã—ãŸãŒã€ã‚れ風ã®ã“ã¨ã‚’ブラウザ上ã§å®Ÿç¾ã§ãるライブラリã§ã™ スマホサイトã§ä½¿ãˆãã†ã§ã™ã 関連エントリ å˜ä½“ã§å‹•ãドラッグ＆ドãƒãƒƒãƒ—用JSライブラリ「Draggabilly〠美ã—ãアニメーションã•ã›ã‚‰ã‚Œã‚‹ç·šãƒ»æ£’グラフæç”»JSライブラリ「xCharts〠Twitter製ã®é«˜é€Ÿãªã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—リート用JSライブラリ「typeahead.jsã€
『jQuery UI Sortableを使ã£ã¦ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒªã‚¹ãƒˆã‚’並ã³æ›¿ãˆã‚‹ã€
ã†ã¾ã説明ã™ã‚‹ã®ãŒé›£ã—ã„ã®ã§ã€ä¸€ç•ªã¯ãƒ‡ãƒ¢ を見ã¦ã‚‚らã†ã“ã¨ã§ã—ょã†ã‹ã€‚ （ã“ã®è¨˜äº‹ã®æœ€å¾Œã«ã‚‚デモを用æ„ã—ã¦ã„ã¾ã™ï¼‰ リスト表示をã—ã¦ã„ã¦ãã®é †ç•ªã‚’入れ替ãˆãŸã„ã¨ãã«ã€å¤å…¸çš„ãªã‚„り方をã—よã†ã¨ã—ãŸã‚‰ã€ãƒ—ルダウンメニューã§é †ç•ªã«é¸æŠžã—ã¦è¨€ã£ãŸã‚Šã€ãƒœã‚¿ãƒ³ã§ç”»é¢é·ç§»ã‚’ç¹°ã‚Šè¿”ã—ãªãŒã‚‰é †ç•ªã‚’入れ替ãˆã‚‹ã¨ã„ã†æ–¹æ³•ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€jQuery UIを使ãˆã°ç°¡å˜ã«ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªä¸¦ã³æ›¿ãˆç”»é¢ã‚’実装ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã¾ãšå§‹ã‚ã«ã€jQuery本体ã¨jQuery UIã‚’ãƒãƒ¼ãƒ‰ã§ãるよã†ã«ã—ã¦ãŠãã¾ã™ã€‚ 自サーãƒãƒ¼ã«ç„¡ã„å ´åˆã¯ã€Google code上ã«ãƒ›ã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚’利用ã—ã¦ã‚‚よã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 最も簡å˜ãªä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ulã‚¿ã‚°ã«idを指定ã—ã¦å®Ÿéš›ã«å‹•ã‹ã™ãŸã‚ã®liタグを記述ã—ã¾ã™ã€‚ <html xmlns="http://www.w3.org/1999/xhtml" lang="ja
ドラッグ＆ドãƒãƒƒãƒ—ã§ä¸¦ã¹æ›¿ãˆãŸé †ç•ªã‚’é€ä¿¡
jQuery UI ã® Sortable プラグインを使ã„ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ä¸¦ã¹æ›¿ãˆãŸé †ç•ªã‚’ã€é€ä¿¡ã™ã‚‹æ–¹æ³•ã€‚ 「ã“ã®ä¸¦ã³é †ã‚’é€ä¿¡ã€ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã€ã€Œã“ã®é †ç•ªã§ã‚ˆã‚ã—ã„ã§ã™ã‹ï¼Ÿã€ã¨ã„ã†ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ãŒå‡ºç¾ã—ã€ã€ŒOKã€ã‚’é¸æŠžã—ãŸå ´åˆã€é …ç›®IDã‚’é€ä¿¡ã™ã‚‹ã€‚ 実装例（サンプル） é …ç›®å A (é …ç›®ID:1) é …ç›®å B (é …ç›®ID:2) é …ç›®å C (é …ç›®ID:3) é …ç›®å D (é …ç›®ID:4) é …ç›®å E (é …ç›®ID:5) 実装例ã®å‹•ä½œã«ã¤ã„ã¦ ã€Œé …ç›®å Aã€ã‚’ドラッグã—ã¦ã€ä¸‹ã¸å‹•ã‹ã—ã€ã€Œé …ç›®å Bã€ã®ä¸Šã«æŒã£ã¦ãã‚‹ã¨ã€ã€Œé …ç›®å Bã€ãŒä¸Šã¸ç§»å‹•ã—ã€ã€Œé …ç›®å Bã€ã¨ã€Œé …ç›®å Cã€ã®é–“ã«ã‚¹ãƒšãƒ¼ã‚¹ãŒã§ãる。ãã®ã‚¹ãƒšãƒ¼ã‚¹ã¸ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨ã€ã€Œé …ç›®å Aã€ã¨ã€Œé …ç›®å Bã€ãŒå…¥ã‚Œæ›¿ã‚ã‚Šã€ã€Œé …ç›®å Bã€ã€Œé …ç›®å Aã€ã€Œé …ç›®å Cã€â€¦ã®é †ç•ªã«ãªã‚‹ã€‚ 「ã“ã®ä¸¦ã³é †ã‚’é€ä¿¡ã€ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ã€ é …ç›®å B (é …ç›®ID
TechCrunch | Startup and Technology News
VCs are clamoring to invest in hot AI companies, willing to pay exorbitant share prices for coveted spots on their cap tables. Even so, most aren’t able to get into such deals at all. Yet, small, unknown investors, including family offices and high-net-worth individuals, have found their own way to get shares of the hottest…
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
YUIEXT
Selamat datang di situs terbaru dan terupdate hari ini, yang menyediakan game slot gampang menang Jackpot. Jika Anda ingin mendapatkan atau merasakan kemenangan jackpot terbesar dalam bermain slot online? Tentunya Anda sudah berada ditempat yang tepat, karena situs kami dapat memberikan pengalaman bermain yang spektakuler. Tidak hanya itu, Anda juga [...] Jika Anda masih mencari situs slot online
Ajaxãªãƒšãƒ¼ã‚¸ã§ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’機能ã•ã›ã‚‹æ–¹æ³•:phpspot開発日誌
JavaScriptã¨LightBoxを組ã¿åˆã‚ã›ãŸã‚¹ãƒžãƒ¼ãƒˆãªå†™çœŸã®è¦‹ã›æ–¹ã‚µãƒ³ãƒ—ル「Sucke... 次ã®è¨˜äº‹ ≫：花ç«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’JavaScriptã§å®Ÿè£…「Fireworks.js〠Ajax Back Button Hack Ajaxãªãƒšãƒ¼ã‚¸ã§ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’機能ã•ã›ã‚‹æ–¹æ³•ã€‚ Ajaxãªãƒšãƒ¼ã‚¸ã§ã¯ã€ãƒ–ラウザã®ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’押ã™ã¨ã€é€šå¸¸ã¯ã€å‰ã«é–‹ã„ã¦ã„ãŸãƒšãƒ¼ã‚¸ã«æˆ»ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ Ajaxã§ãƒšãƒ¼ã‚¸ã‚’１，２，３ã¨é–‹ã„ã¦ã„ã£ã¦ã€ï¼’ã«æˆ»ã‚ŠãŸã„ã®ã«ã€å‰ã«é–‹ã„ã¦ã„ãŸãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã®ã¯åˆ©ç”¨è€…ã¨ã—ã¦ã¯ä¸æœ¬æ„ãªå‹•ä½œã§ã™ã€‚ ãã“ã§ã€IFRAMEを使ã£ãŸã€Ajaxã§ã®ã€Œæˆ»ã‚‹ãƒœã‚¿ãƒ³ã€å®Ÿè£…ãƒãƒƒã‚¯æ–¹æ³•ã®ç´¹ä»‹ã€‚ Ajaxã§ç”»é¢ã‚’切り替ãˆãŸéš›ã«ã€IFRAMEã®srcも切り替ãˆã‚‹ã“ã¨ã§æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’動作ã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 例ãˆã°ã€javascriptã§æ¬¡ã®ã‚ˆã†ã«IFRAMEã®srcを切り替ãˆã¾ã™ã€‚ <ifram
Webデザイナー/開発者ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„２５ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者ãŒè¦šãˆã¦ãŠãã¨ã‚ˆã„２５ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 知ã£ã¦ãŠã„ã¦ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã‚ã°ã€ä¸€æ©ãƒ¬ãƒ™ãƒ«ãŒä¸Šã®ã‚µã‚¤ãƒˆã‚’構築ã§ãã‚‹ã¯ãšã§ã™ã€‚ CSSを使ã†ã‚‚ã®ã ã‘ã§ãªãã€JavaScript ã‚„ PHP も絡んã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã‚µãƒ³ãƒ—ルを改変ã™ã‚‹ã“ã¨ã§è¨ç½®ã‚’ã™ã‚‹ã“ã¨ã‚‚出æ¥ã‚‹ã¯ãšã§ã™ã€‚ ãƒãƒ–ルツー
miya2000ã®æ—¥è¨˜ - ã“ã‚Œã‹ã‚‰ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—を書ã人ã®ãŸã‚ã«
2012/07/22 追記 ä¹…ã—ã¶ã‚Šã«ç¢ºèªã—ãŸã¨ã“ã‚ã€IE9 ã§ã¯ä»¥ä¸‹ã§æŒ‡æ‘˜ã—ã¦ã„ã‚‹ IE (ã“ã®ã¨ã㯠IE6 ã§ã—ãŸ) ã®å•é¡Œ(3, 4, 6)ãŒã™ã¹ã¦è§£æ¶ˆã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€Firefox ã§ã®å•é¡Œ(5)ã‚‚ Firefox14 ã§è©¦ã—ãŸã‚‰ã¯è§£æ¶ˆã•ã‚Œã¦ã„ã¾ã—ãŸ(ãŸã ã€All-in-One Sidebar ã®ãƒ‘ãƒãƒ«ã®ä¸Šã§ã¯ mousemove イベントãŒç™ºç”Ÿã—ãªã„よã†ã§ã—ãŸ)。 Chrome20 ã‚„ Safari5 ã§ã‚‚å•é¡Œç„¡ã動作ã—ã¦ã„ã¾ã™ã‹ã‚‰ã€ç¾åœ¨ã«ãŠã„ã¦ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—を実装ã™ã‚‹ã«ã¯ mousedown 時㮠preventDefault() ã ã‘ã§OKã¨è¨€ãˆãã†ã§ã™ã€‚ã™ã°ã‚‰ã—ã„ã§ã™ãï¼ safari ã§å‹•ã‹ãªã„らã—ã„ã®ã§ã©ãªãŸã‹æƒ…å ±ãã ã•ã„ï¼(ãã‚„ã—ã„!) ã¨ã„ã†ã‹ã“ã†ã„ã†ã®ã«å‹ã¡è² ã‘ã¯ãªã„ã®ã§å®Ÿè£…ã§ãã¦ã‚‹æ–¹ã¯æ˜¯éžãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ãŠé¡˜ã„ã—ã¾ã™ã€‚当方既㫠ipod ä¸æ¯’ã§ã™ã—
Hawk's Laboratory » JavaScriptã«ã‚ˆã‚‹UI開発ã«ãŠã‘ã‚‹Stateパターンã®åˆ©ç”¨
ã“ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’購入ã™ã‚‹ã€‚ hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
検索エンジン経由ã®ã‚¢ã‚¯ã‚»ã‚¹æ™‚ã¯Google Ajax Searchã§ã‚µã‚¤ãƒˆå†…検索ã—ãŸçµæžœã‚’表示
調ã¹ã‚Œã°èª°ã‹ã‚„ã£ã¦ã„ãã†ãªå°ãƒã‚¿ã§ã™ãŒã€‚ 検索エンジンã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ããŸã¨ãã«ã€ãã®ã¨ãã®æ¤œç´¢èªžã§ã‚µã‚¤ãƒˆå†…検索ã—ã¦ãŠã„ã¦çµæžœã‚’表示ã™ã‚‹ã¨ä¾¿åˆ©ã£ã½ã„ã®ã§ã‚„ã£ã¦ã¿ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã®ã‚µã‚¤ãƒˆå†…検索ã«ä½¿ã£ã¦ã„ã‚‹ã€GoogleAjaxSearchã«ã¡ã‚‡ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã€‚ function load() { var searchControl = new GSearchControl(); var blogSearch = new GwebSearch(); ..snip.. searchControl.draw(document.getElementById("searchcontrol")); var query = '<?=my_get_referer_query()?>'; if (query != '') { searchControl.execute(query); } }JavaScrip
irider.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - irider リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
メールã®è¦–覚化
メールã§æƒ…å ±ã‚’ã‚„ã‚Šå–ã‚Šã™ã‚‹éš›ã«é¢å€’ãªç‚¹ã®1ã¤ã¯ã€å‰å¾Œã®è©±ã®ã¤ãªãŒã‚Šã‚’追ã„ã¥ã‚‰ã„ã“ã¨ã§ã™ã‚ˆã。例ãˆã° Gmail ã®ã‚ˆã†ã«ã€é–¢é€£ã™ã‚‹ãƒ¡ãƒ¼ãƒ«ã‚’スレッド形å¼ã§è¡¨ç¤ºã™ã‚‹ãªã©ã¨ã„ã£ãŸå·¥å¤«ã‚‚ã‚ã‚Šã¾ã™ãŒã€è©±ã®æµã‚ŒãŒè¤‡æ•°ã«åˆ†æ•£ã—ãŸæ™‚ã«æŠŠæ¡ã—ã¥ã‚‰ããªã‚Šã¾ã™ã€‚ãã“ã§IBMãŒã“ã‚“ãªã‚¢ã‚¤ãƒ‡ã‚¢ã‚’考ãˆå‡ºã—ãŸã¨ã®ã“ã¨ï¼š â– Thread Arcs (visualcomplexity.com) 2003年発表ã¨ã®ã“ã¨ã§ã™ã‹ã‚‰ã€æ—¢ã«ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。個々ã®ãƒ¡ãƒ¼ãƒ«ã‚’「点ã€ã§ç¤ºã—ã€ä»–ã®ãƒ¡ãƒ¼ãƒ«ã¨ã®é–¢é€£ã‚’「弧（arc）ã€ã§ç¤ºã™ã€Œã‚¹ãƒ¬ãƒƒãƒ‰å††å¼§ï¼ˆThread Arcsã€ã‚¹ãƒ¬ãƒƒãƒ‰ãƒ»ã‚¢ãƒ¼ãƒã¨æ„訳ã—ãŸæ–¹ãŒã‚«ãƒƒã‚³ã„ã„ã‹ã‚‚）ã€ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ã€‚ä¸ãŒå¡—ã‚Šã¤ã¶ã•ã‚Œã¦ã„る点ã¯ä»–人ã®ãƒ¡ãƒ¼ãƒ«ã‚’示ã—ã€ã•ã‚‰ã«è‰²ã®é•ã„ã§é€ä¿¡è€…ãªã©ã‚’表ã™ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ãã†ã§ã™ã€‚より詳ã—ã„æƒ…å ±ã¯ã€IBMã®å…¬å¼ãƒšãƒ¼ã‚¸ã‹ã‚‰ã©ã†ãžï¼š â– THREAD ARCS: An E
Yahoo UI Libraryã‚’æ‹¡å¼µã—ãŸè¶…リッãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†:phpspot開発日誌
yui-ext Documentation Center Yahoo UI Libraryã‚’æ‹¡å¼µã—ãŸè¶…リッãƒãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé›†ã€‚ 拡張コンãƒãƒ¼ãƒãƒ³ãƒˆã‚’使ã£ã¦ä½œã£ãŸã‚‚ã®ãƒªã‚¹ãƒˆã‚’以下ã«åˆ—挙。 Livedoor Reader ã®ã‚ˆã†ãªã™ã”ã„RSSリーダー ãã®å ´ã§ç·¨é›†å¯èƒ½ãªä½¿ã„ã‚„ã™ãã€ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ タブコントãƒãƒ¼ãƒ« プãƒãƒ‘ティ編集ボックス å‚考ã«ã™ã‚Œã°ã€ãªã‹ãªã‹å‡„ã„ã‚‚ã®ãŒä½œã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“:-) ドã‚ュメントも充実ã—ã¦ã„ã¦ã€æ¬¡ã®ã‚ˆã†ã«ã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©å½¢å¼ã§è¦‹ã‚„ã™ã„ã§ã™ã€‚ 関連サイト prototype.jsリファレンス script.aculo.usリファレンス
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Download and install Justinmind UI & interaction design tool
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
http://panamap.com/mapaction-technology/
開発メモ:アンãƒæ¤œç´¢ãƒ™ãƒ¼ã‚¹
{{#tags}}- {{label}}
{{/tags}}